メイリオとMeiryo UI って全然違うからね？ / Maka-Veli .com
意外に知らないんだなーと思って。 Meiryo UI はWindows7から登場したメイリオフォントの改良（もしくは派生）版です。 メイリオはVistaからですね。 このブログはヒラギノの次にMeiryo UI 、次にメイリオ指定です。 どちらが良いのかは個人差分かれると思います。 大きな違いはカナと文字詰め。 Meiryo UI のカナは半角と全角の中間？というくらい Narrow な感じ。 文字間も詰められていて、これを使うと、かなり全体的に詰まった印象です。 メイリオは一応プロポーショナルフォントらしいですが、和文が等幅なので感じられず。 カナが入ると、かなり横幅が変わってきます。 このようにまとまった文章で見比べると、テキストのボリューム感もだいぶ違いがわかります。 ブラウザでの見え方はこんな感じ しまった・・・英字はArialで表示されてます。 同様の事
フォントが変わるとアイコンがずれる問題の対策 | ウェビンブログ | 札幌のWebデザイナー・カスタマイズアドバイザー WebbingStudioのよしなし語り
要素の先頭にアイコンを表示するときには、CSSの「padding」と「background-position」を使うのが一般的です。 a.pdf { padding-left: 24px; background: url(../images/parts/pdf_ico.gif) no-repeat 0 0; } ですが、対象がテキストリンクなどのインライン要素で、かつアイコンの大きさがフォントサイズギリギリだった場合 「フォントが『メイリオ』や『ヒラギノ角ゴ』だとちゃんと表示されるのに、『MS Pゴシック』だとアイコンの下が欠ける」 という現象が起きてしまいます。 これはWindowsのMS Pゴシックとそれ以外でテキストの開始位置が異なっているために起こる現象らしく、ブラウザ別のCSSハックでは回避できません。 また、最新OSのWindows7でも、ブラウザのデフォルトフォントは「MS
スタッフ紹介ページをうまく活用している企業サイト
2017年6月29日 Webデザイン みなさんが今働いている会社に就職する前、その会社のどのページを参考にしましたか？多くの方が企業紹介のページを参考にしたはずです。その中でも実際に働いている人の紹介ページもあったら、その会社についてもっとイメージが湧きますよね。今回はそんなスタッフ紹介ページに注目してみようと思います！ ↑私が10年以上利用している会計ソフト！ スタッフ紹介ページの必要性 企業サイトが一番伝えたいのは「この会社はどんな事をしているのか」という点だと思います。そのためほとんどの企業サイトに「この会社について」などの企業紹介ページを設置しています。しかし企業の経歴や代表者の挨拶だけで、本当にその会社の説明ができるでしょうか？ 最近デザイン系のWebサイトをはじめ、企業サイトでもスタッフの紹介を掲載するページが増えてきました。どんな人がこの会社をつくっているのか？どのように製品
WEBデザイン WEBサイトのリンク集・デザイン集 | YSIG
webデザインをサポートするカテゴリー別（色・レイアウトなど）webデザインリンク集。webデザイン・web制作の参考に。優れたwebデザイン募集中！ ■2010年6月14日 NEW 全然、Webサイトの紹介ではないですが、管理人がつぶやいてます。良かったらフォローお願いします。 →Twitter ■2010年5月31日 NEW 2010年6月のYSIGトップ画像を飾ってくれるのはウエツジショータローさんです！奥にいる緑の生物があやしげ！ 独特の世界感を持つウエツジさんのWebサイトはこちら→「ギガガロー」 ■2010年4月30日 NEW 2010年5月のYSIGトップ画像を飾ってくれるのはマツオヒロミさんのガーリーな作品です。男ごころをくすぐる目元と口元に魅了されます。マツオさんはガーリーなイラスト以外にもコミックを書かれているようです。そんなマツオさんのwebサイトはこひらからどうぞ。
イケてるWebデザインリンク集｜デザイケ -Design Iketeru-
TOKYO METRO ACCELERATOR 2019 「 Keeping You on the Move ?みんなが自分らしくつながる未来へ?」を共創によってつくりだしたい。
ウェブセレクション - Webデザインの参考になるサイトを集めたリンク集。ホームページ制作のお供にどうぞ。
LR icons https://lricons.com/ 81-web.com https://81-web.com/ Web Design Clip https://www.webdesignclip.com/ MUUUUU.ORG https://muuuuu.org/ 現代デザイン https://gendaidesign.com/ イケサイ https://www.ikesai.com/ Good Design WEB http://gooddesignweb.com/ I/O 3000 https://io3000.com/ Responsive Web Design JP https://responsive-jp.com/ S5-Style https://bm.s5-style.com/ WeLoveWP https://welovewp.com/ SANKOU! htt
960 Grid System
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
Web系新社会人が入れておくと便利なFirefoxアドオン13選 | nanapi[ナナピ]
Web系新社会人が入れておくと便利なFirefoxアドオン13選 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。Web系会社に勤める新社会人がFirefoxに入れておくとなにかと便利なアドオンを紹介します。 基本的に、webディレクター系職種の方を意識して選びました。 便利そうなものをお好みで入れていただければと幸いです。 All-in-One Gestures マウスジェスチャーをカスタマイズすることのできるアドオンです。 タブを開く、タブを閉じる、ページを進む、ページを戻る、といったアクションをマウスのみで行えるようにしておくと便利かもしれません。 All-in-One Gestures :: Add-ons for Firefox Firebug HTML、CSS、Javascriptなどのデバッグに便利です。 Fir
ウェブデザインにおけるネガティブスペースの活用ガイド
ネガティブスペースを巧みにつかったウェブサイトの紹介をはじめ、ウェブページのレイアウトでどのように分析し改善するのか、効果的に活用するガイドをSix Revisionsから紹介します。 Negative Space in Webpage Layouts: A Guide 下記は、各ポイントを意訳したものです。 はじめに ネガティブスペースとは ネガティブスペースの重要性 ネガティブスペースを実例から学ぶ まずはデザインの単純化から ネガティブスペースを分析、そして改善 ネガティブスペースの活用例 おわりに はじめに ネガティブスペースは多くの場合、ミニマリズムのようにシンプルを美とした特定のデザインだけのものであると誤解されています。本来ネガティブスペースというものは、あらゆるデザインにおいて注意を払い、そして慎重に組み立てて使用すべきものです。 ここではネガティブスペースが何であるか、そ
0to255
Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”
Webサイトを彩る画像・イラスト・アイコン集
2013年12月25日 Webデザイン 文字だけじゃ物足りない。そんなサイトをもっと素敵にしてくれる画像やイラスト、アイコンを集めたサイトを紹介します。無料でダウンロードできるものから、有料だけど種類も多く、高画質のものも！ぜひ取り入れてみてください！ ↑私が10年以上利用している会計ソフト！ サイトに使える画像 stock.xchng http://www.sxc.hu/ 無料・要登録。無料でここまでたくさんの画像がダウンロードできるサイトはここだけ？と世界中で利用されているサイトです。 fotolia http://jp.fotolia.com/ 有料ですが質もよく、たくさんの画像があります。日本人の画像も多くて、日本のサイトを作るときに利用し始めました。 LinkStyle http://www.linkstyle.co.jp/ 無料・登録の必要もありません。数はあまり多くありません
楽器のベクター素材
Along with our Contest Winner Announcement, I’ve got something else cool for yall today. This is a set of 11 high-quality Musical Instrument Vectors. It includes: Guitars and Bass Guitars (Acoustic & Electric), a Drum Set (Which is near and dear to my heart :) ), Microphones, a Keyboard and more. I’m attaching a preview below of the vectors. They are also easy to edit and change colors, so hopeful
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリエイティブなWebデザインリンク集 -[ウェブアートノックARTNOC]-![クリエイティブなWebデザインリンク集 -[ウェブアートノックARTNOC]-](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a641442babbfb54f2b57a3b080bdb65fd49f0b6/height=288;version=1;width=512/http%3A%2F%2Fart-noc.com%2Fwp-content%2Fuploads%2F2017%2F11%2Ffillinglife-1024x598.jpg)
WEBデザインリンク集・デザインサイト一覧（週刊ウェブデザイン）
http://kumaki.net/index.html
spiral
ファーストビュー都市伝説 - ページ上部に詰め込むのはダメデザイン？ | 初代編集長ブログ―安田英久
2010: New Year Sonata
CSS3を使って超簡単タイポグラフィ | AUTHORITY SITE
https://www.pscloud.com/web-design/apple-navigation-bar/