Web制作に役立つ情報一覧

黄金律を使ってデザイン性の高いウェブサイトを作る方法

2014/05/27(Tue) 11:49

美しいウェブサイトを作ることは単純にユーザーの気分をよくするだけではなく、パフォーマンスを上げると言われています。ウェブサイトのデザイン性を上げるには使用するフォントも大切ですが、

http://gigazine.net/news/20140525-golden-ratio-and-typography/

無料でハイクオリティな写真を見つられるサイト15選

2014/05/27(Tue) 11:48

クオリティが高く美しい写真は、あなたのウェブサイトをより魅力的にします。また、TwitterやFacebookなどのソーシャルサイトでシェアされたときに、ウェブサイトに素晴らしい写真が載っていれば

http://www.lifehacker.jp/2014/05/140524freephoto.html

SEOにも効果的。コピーライティングこそがホームページ制作の勝敗を分ける！

2014/05/27(Tue) 11:46

私たちも、SEO対策の会社として、お客様には今現状ほとんどのSEO会社がやっている作為的なリンクをつけるという外部対策はやめるようにとお伝えしています。

http://www.e-performance.co.jp/blog/?p=58

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