Web制作に役立つ情報一覧

プロっぽくなった！フォントや「文字」に関するまとめ

2013/11/07(Thu) 12:08

先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり…

http://commte.net/blog/archives/3805

デザインの勉強にもなる、CSSで実装するパンくずのまとめ

2013/11/05(Tue) 12:00

角丸や三角形、アイコンなどを添えたり、CSS3アニメーションを加えたりなど、CSSで実装するパンくずを紹介します…

http://coliss.com/articles/build-websites/operation/css/10-css-breadcrumbs.html

情報やデータはその見せ方も大切、美しくデザインされたビジュアルデータのまとめ

2013/11/01(Fri) 13:54

プレゼンやインフォグラフィック、ウェブページのキャッチ用の画像など、印象的にデータや情報を見せる美しくかっこよくデザインされたビジュアルデータをdribbbleから紹介します…

http://coliss.com/articles/build-websites/operation/design/awesome-visual-data-from-dribbble.html

ガーリーデザインに使える！可愛い商用可フリー素材・素材サイトまとめ

2013/10/31(Thu) 12:40

私がガーリーなデザインをする際によく使う素材や、素材サイトをまとめました。可愛らしいレース柄や、お花、パターン素材など、使い勝手のよいものばかりです…

http://kana-lier.com/material/girlie_material/

Webディレクター必見！ランディングページの生死をわける11のチェックリスト

2013/10/30(Wed) 11:47

ランディングページ構築における一番の肝は、構成を引く前のターゲット設定・集客設計にあるのですが、今回はそこまで書くと壮大なボリュームになってしまうので、実制作に入った後のチェック項目に限定してご紹介します…

http://lpo.gaprise.com/blog/lp-checklist-1480/

効率あがった！フリー素材と「すごい」Illustratorテクニック総まとめ

2013/10/29(Tue) 10:50

フリー素材は沢山あるけれど、どこに何があるか分かりにくい。ロゴやイラストを作るのにまたあのサイトを探さないといけない。そういったことで１回まとめました…

http://commte.net/blog/archives/3792

見栄えが良くなった！CSSやHTML５の役立つ総まとめ

2013/10/28(Mon) 11:49

CSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います…

http://commte.net/blog/archives/3770

[CSS]日本語にもマッチする、見出しの文字をかっこよくするスタイルシートのまとめ

2013/10/25(Fri) 16:17

スタイルシートで文字を装飾すると、かっこいいのは英語が多いですが、今回紹介するのは日本語にもなかなかマッチするスタイルを紹介します…

http://coliss.com/articles/build-websites/operation/css/css-this-is-a-headline.html

CSS3コードがコピペできる200以上のアイコン集『CSS3 Icons』

2013/10/24(Thu) 14:35

これ、便利なのでは・・・。メモ的にエントリーしておきます。 使い勝手が良さそうなアイコンがいろいろあります…

http://www.ideaxidea.com/archives/2013/10/css3_icons-2.html

お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ

2013/10/23(Wed) 16:03

今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について…

http://web-tan.forum.impressrd.jp/e/2013/10/15/16236