Web制作に役立つ情報一覧

名刺デザインを考えた時まず見ておきたい・参考にするサイト

2014/06/06(Fri) 13:09

企業の名刺デザインを頼まれた時に参考にしているサイトです。フリーランス・ノマドワーカーの人も、名刺を作る時の参考になります。

http://matome.naver.jp/odai/2134159151981792401

フォントが持つ様々な特徴

2014/06/05(Thu) 11:51

日常生活で欠かすことの出来ない文字。デザイナーは可読性や視認性を上げるために、数多くのフォントの中から目的に沿ったものを選択します。

http://wp.yat-net.com/?p=4302

[CSS]OS X Yosemiteのように背景が透ける美しいパネルを実装するスタイルシート

2014/06/05(Thu) 11:51

2014年秋リリースのOS X 10.10 Yosemiteで採用予定の背景を半透明のブラーで透けさせる美しいパネルを実装するスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-os-x-yosemite-style-ui-by-fallenartist.html

お金をかけないランディングページのつくりかた

2014/06/04(Wed) 11:37

ランディングページを作るとき・直すときには「見た目」を考えるよりも前に「何を伝えるか？」を考えることが重要になります。

http://www.slideshare.net/SatoruYamamoto/ss-35246296

これが欲しかった！フリーフォント22選【日本語対応／商用可／無料】

2014/06/04(Wed) 11:36

最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき

http://liskul.com/freefont-2626

伸び盛りのWebディレクターに勧めたい「ワイヤーフレーム模写」

2014/06/04(Wed) 11:35

本格的に仕事でワイヤーを引いたり、デザインディレクションをしたりすることが増えてきたので、いいデザインリファラー（※）がないかなーと思っていたところ

http://www.loftwork.jp/column/2012/20120426_iri.aspx

WordPress：管理画面のメニューに「すべての設定」を追加する方法

2014/06/03(Tue) 10:58

WordPressでデフォルトではメニュー等に表示されていない「すべての設定」画面へのリンクを、管理画面の「設定」メニュー部分に追加する方法です

http://www.nxworld.net/wordpress/wp-add-all-settings-link.html

サイト制作時のデザインやコードの「ぶれ」をなくすスタイルガイドを作成するためのテンプレート -Style Guide Boilerplate

2014/06/03(Tue) 10:57

ウェブサイトの制作時で大切なことの一つは、デザインやコードの「ぶれ」をなくすこと。

http://coliss.com/articles/build-websites/operation/work/style-guide-boilerplate-bootstrap-edition.html

[JS]これ、いい！サイトのデザインを損なわずにフォームの進捗を美しく表示するスクリプト -Fort.js

2014/06/03(Tue) 10:56

ユーザーがフォームに入力する際、その進捗をアニメーションで美しく表示するjQuery不要の単体で動作するスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-fort.html

プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック

2014/06/03(Tue) 10:56

WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。

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