Web制作に役立つ情報一覧

Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ

2014/05/27(Tue) 11:44

Illustratorでウェブデザインをおこなう人が増えてきましたが、やはりPhotoshopをベースにしているデザイナーさんが多いと思います。

http://coliss.com/articles/build-websites/operation/design/photoshop-best-extensions-2014.html

横に水平線のあるテキスト

2014/05/27(Tue) 11:44

おもに見出しなどで見かける、テキストの左右 (またはそのどちらか) に水平線を配置したスタイル。これを CSS で実現する方法について考えてみました。

http://terkel.jp/archives/2014/01/text-with-horizontal-line/

Webコンテンツの長さや更新頻度なんてどうでもいい。重要なのは「質」だ など11+4記事

2014/05/26(Mon) 11:59

Webコンテンツの文字数や更新頻度などを気にするサイト管理者に、グーグルのジョン・ミューラー氏が次のように助言した。

http://web-tan.forum.impressrd.jp/e/2014/05/16/17484

CSSのみで実装するキャプションエフェクト 20

2014/05/26(Mon) 11:58

自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。画像のマウスオーバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。

http://www.nxworld.net/tips/css-only-caption-effect.html

まずはここから始めよう！作業効率を早めるPhotoshopとIllustratorのショートカットまとめ（ファイル操作・コピペ・ズーム関連）

2014/05/26(Mon) 11:56

PhotoshopやIllustratorを始めた人達で、基本操作を覚えて脱初級者というステップで、作業効率を早めるのにショートカットキーを使いこなす。ということがあります。

http://www.html5-memo.com/webtips/adobe-shortcut/

高解像度のステキな写真素材がダウンロードできるサイト、バックリンク不要で利用できるのも便利 -KaboomPics

2014/05/23(Fri) 11:06

個人でも商用でも無料で、バックリンクやコピーライト表記などの必要も特になく利用できる写真画像がダウンロードできる「KaboomPics」を紹介します。

http://coliss.com/articles/freebies/freebies-photostock-kaboompics.html

これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ

2014/05/23(Fri) 11:04

ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。

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

ウェブでも同人誌でも動画でも商用利用可！女子向けのしとやかでカワイイ日本語のフリーフォント -ロゴたいぷゴシック-コンデンスド

2014/05/22(Thu) 11:56

フォントは全体的に女性らしい印象を与える上品でしとやかなデザインで、少し縦に長い長体に仕上げられています。本文に使用するより、見出しやキャッチコピー、ロゴなどによさそうですね。

http://coliss.com/articles/freebies/freebies-font-logotypegoyhic-condensed.html

20以上のレスポンシブ対応の無料htmlテンプレート HTML5UP

2014/05/22(Thu) 11:54

レスポンシブWebデザインの無料テンプレートサイト、HTML５UPですが、最初は少なかったテンプレートも現在２１になりました。また、デザインのクオリティも高く非常に人気の高いサイトとなっていますね。

http://flipsblog.jp/archives/954

【デザインまとめ】綺麗なデザインの管理画面 40種類

2014/05/21(Wed) 11:51

今日は管理画面のデザインを、まとめてみました。いつもより多めな40種類です。トレンドを反映してか、フラットデザインが多いですね。

http://blog.8bit.co.jp/?p=10607