Web制作に役立つ情報一覧

CSSはやっぱり便利！最近のWebページでよく使うさまざまなコンポーネントを実装するスタイルシートのまとめ

2016/07/08(Fri) 09:46

ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇していたテクニックも数多く利用できます。

http://coliss.com/articles/build-websites/operation/css/css-components-without-javascript.html

HTML文法的に正しくないheadセクションの中のrel=hreflangやrel=canonicalをGoogleは認識しない

2016/07/08(Fri) 09:45

headセクションがHTML文法的に正しくない場合、Googleは rel="canonical" 要素や rel="hreflang" 要素を正常に認識できないことがあります。

https://www.suzukikenichi.com/blog/invalid-head-section-prevents-googlebot-from-recognizing-hreflang-or-canonical/

チェックボックスで制限された数以上のチェックをされた際にアラートを表示させる

2016/07/07(Thu) 10:15

チェックボックスの数を制限する時に。

http://kachibito.net/snippets/how-to-limit-the-number-of-selected-checkboxes

プロデザイナーから学ぶ、ウェブサイトを良くするために心がけたい15個のポイント

2016/07/07(Thu) 10:14

デザインのキャリアをはじめるとき、良いアプローチのひとつとして基本デザイン原則を学び、そしてそれらをうまく使い、きちんとした土台を今後のプロジェクトのために作ってみましょう。

http://photoshopvip.net/91736

[CSS]アイコンとテキストを横並びに揃えるスタイルシートのテクニック

2016/07/07(Thu) 10:13

アイコンとテキストを横並びにする配置は、Webページでよく使用されます。ナビゲーションやリスト、リンク、ヘッダやフッタのリンクなど、さまざまなコンテンツで見かけますね。

http://coliss.com/articles/build-websites/operation/css/aligning-icons-to-text.html

Webデザイナーが知っておきたいPhotoshopのPSDファイル、レイヤー、エフェクト、フォントやテキスト、素材の効率的な管理方法

2016/07/07(Thu) 10:13

良いデザイナーはデザインするだけでなく、細心の注意を払うことができる人です。Web制作におけるチーム内、または個人でもPhotoshopでのデザイン作業やワークフローを効率よくするためのルールを紹介します。

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

同人誌や商用利用もOK！マーブル模様が美しい高解像度のテクスチャ素材 -Marble Paper Textures

2016/07/07(Thu) 10:12

美しい複数の色の流れが複雑に絡みあい、上品で繊細なマーブル模様を作りだしているテクスチャ素材を紹介します。利用にあたっては、Webでもアプリでも動画でも紙でもプロダクトでも無料です。

http://coliss.com/articles/freebies/free-marble-paper-textures.html

ちゃんと設定できてる？Googleアナリティクスの初期設定

2016/07/06(Wed) 09:56

「Googleアナリティクスで数字を見ることはできるようになったけど、自分で設定したことってないなあ」「とりあえずよく分からないまま設定はしたけど、あれであってるんだろうか」という人、必見です！

http://liginc.co.jp/285946

Webデザイナーとフロントエンドが歩み寄るためのPhotoshop豆知識

2016/07/06(Wed) 09:55

フロントエンドの方にぜひ知ってもらいたい！というのはもちろんですが、デザイナーの方もこれを読んで気遣いがチラ見えするPSDを作れるようになったら、明日から職場の空気が和やかになるかもしれませんね。

http://liginc.co.jp/240544

2016年上半期、商用OKで使い放題のフリーフォント50個まとめ

2016/07/06(Wed) 09:54

今回は、無料ダウンロード可能で、商用ライセンスにも対応した2016年公開のフリーフォントという条件にあった素材をまとめてご紹介します。

http://photoshopvip.net/91690