Web制作に役立つ情報一覧

手書き風デザインにピッタリなデザイン欧文フォント 30

2015/03/19(Thu) 07:54

好みなものや気になってメモしていたのがまた溜まってきたので、手書き風デザインに相性が良さそうなデザインフォントを備忘録用でまとめました。紹介しているのはいずれも欧文フォントで、シンプルで使いやすそうなもの、丸みがあって可愛らしいものの、グランジ風など特徴が強めのものまで全30種類です。

http://www.nxworld.net/material/30-handwriting-design-fonts.html

CSSで実装するタグクラウドのサンプル

2015/03/19(Thu) 07:53

画像は一切使用せず、CSSのみで実装・デザインしたタグクラウドのサンプルです。対応ブラウザによっては使えませんが、CSSのみで実装しているのでサイズやカラー変更も容易にできます。

http://www.nxworld.net/tips/css-tag-cloud.html

クレジット表記無しで無料利用できる写真画像を簡単に選べて、ダウンロードできるPhotoshopの機能拡張 -SplasHolder

2015/03/19(Thu) 07:53

個人でも商用でも無料で、クレジットの表記義務がない写真画像をPhotoshop上から簡単に選べて、ダウンロードして利用できる機能拡張を紹介します。画像を探すのにブラウザを開く手間がなくなり、普通に便利です。

http://coliss.com/articles/build-websites/operation/design/photoshop-extension-splasholder.html

Web制作者はおさえておきたい！CSSの基本テクニックから実務に役立つ便利ツールまでのまとめ

2015/03/19(Thu) 07:52

さまざまなUIを実装するCSSの各プロパティの基礎知識や使い方をはじめ、実装時のスタイルシートの問題点をチェックしたり、重複している箇所を見つけたり、見やすいように整形したり、コードを圧縮・展開したりなど便利なオンラインツール・リソースを紹介します。

http://coliss.com/articles/build-websites/operation/css/online-tools-for-css.html

【初心者向け】レスポンシブな tableを作ってみる

2015/03/18(Wed) 07:52

table タグがあるじゃないですか。アレをレスポンシブな感じに実装していこうという内容です。

http://lab.sonicmoov.com/smartphone/responsive-table/

WEB界隈で働く人が重宝しそうな「WEBマーケティング」と「SEO」のチートシート6+2個まとめ。

2015/03/18(Wed) 07:51

WEB界隈でよく聞く言葉に「チートシート」というものがあるのですが、これは「cheat（チート） = 騙す、ズルする」という言葉から「ズルするシート」要するに「カンニングペーパー」のことを意味していて、これが転じてWEB界隈ではプログラミング言語やコマンドやショートカットなどを見やすく一覧にまとめてある表のことを指します。

http://cashew.hatenablog.com/entry/cheatsheat-201503

かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

2015/03/18(Wed) 07:50

2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。

http://www.webcreatorbox.com/tech/js-to-css/

SEOとは検索ユーザーに120%の価値と満足を提供すること

2015/03/17(Tue) 08:09

SEOとは、「Search Engine Optimization（検索エンジン最適化）」の頭文字を取ったもので、簡単に表すなら「検索エンジンで上位表示を達成するための技術」と言える。

http://bazubu.com/what-is-seo-26978.html

ここまで動かせる！楽しいcss アニメーションのサンプル集

2015/03/17(Tue) 08:09

小気味よいアニメーションを用いたWebサイトを国内でも多く見かけるようになってきました。CSS3により画像編集やFlashが減りメンテナンス性も向上しています。

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

Photoshopで美しい背景をつくる！グラデーションやブラーの効果的な使い方が学べるチュートリアルのまとめ

2015/03/16(Mon) 07:53

美しいぼけやブラーを描いたり、写真の背景に目立つようテキストを磨りガラスに載せたり、モザイクやラインを使って幾何学状にしたり、美しい背景をつくるPhotoshopのチュートリアルを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-tutorial-used-gradients-and-blur.html