Web制作に役立つ情報一覧

[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

えっ？これも！？wordpressで制作されたハイクオリティWEBサイト100選！

2014/06/02(Mon) 12:24

最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPressの成長は著しく、日本国内でもwordpressを活用したサイト

http://webbusiness-kan.com/wordpress100/

jpg、pngなどの画像サイズをほとんど劣化させずに圧縮するサービス色々

2014/06/02(Mon) 12:23

サイトの表示は速ければ速いほどいい。特に今はレスポンシブ対応のサイトもふえ、スマホからのアクセスと、PCからのアクセスで、同じ画像を表示させること

http://flipsblog.jp/archives/1030