Web制作に役立つ情報一覧

背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ

2016/07/05(Tue) 09:55

CSS3 が主要ブラウザに対応したことから、これまではむずかしかったアイデアやコンセプトも、手軽にスタイリングできるようになってきています。今回は、背景デザインにスパイスを加えるエフェクト用コードスニペットを、コード共有サイト CodePen からピックアップしまとめています。

http://photoshopvip.net/91670

CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress

2016/07/05(Tue) 09:55

ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/modern-css-reset-ress.html

商用利用無料、水墨画の繊細な線、面、ぼかしを表現できる！まるで和筆のようなプロ仕様のブラシ素材 -Japan ProBrush™

2016/07/05(Tue) 09:54

和筆の繊細な線、面をつかった大胆な線、ぼかしの濃淡で明るさや暗さを表現できる、イラストレーター・絵師さん向けのIllustrator用ブラシ素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/japan-pro-brush-by-leosupply.html

意外と盲点だったCSS3の役立つ小技まとめ

2016/07/04(Mon) 09:54

リニューアルを行った時に、CSS3で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。

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

SEOをデータサイエンスで効率化する「データドリブンSEO」誌上ワークショップ

2016/07/04(Mon) 09:53

これからのSEOは、大量データをデータサイエンスの力を駆使していかに効率的に行っていくかがポイントになる

http://web-tan.forum.impressrd.jp/e/2016/07/04/23111

無料で使える！レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ

2016/07/04(Mon) 09:52

ウェブサイトをもっと簡単に作成したいというときは、HTMLやCSS、JavaScript、画像などをセットにしたHTMLテンプレート素材を活用してみましょう。あらかじめデザインや機能が実装されているので、テキストエディタで文字を編集するだけで、魅力的なサイトデザインに仕上げることができます。

http://photoshopvip.net/91609

アプリやサイトデザインを格好良く見せられる、遠近法を用いたデザインモックアップ 20

2016/07/04(Mon) 09:52

ポートフォリオでアプリやモバイルサイトのデザイン掲載時に使われていたり、コンセプトデザインの紹介などでも利用されているのを見かけることが多い、遠近法を用いた格好良い見栄えを簡単に再現することができるデザインモックアップのまとめです。

http://www.nxworld.net/material/20-perspective-mockups.html

&（アンパサンド）のデザインが美しいGoogle Fonts

2016/07/04(Mon) 09:51

ちょっと必要があって手軽に利用できるGoogle Fontsの中で&（アンパサンド）のデザインが特徴的なフォントを探したのですが、個人的に好みで覚えておきたいなと思うデザインが意外とあったのと今後同じような時にまた探すのは面倒なので備忘録として残しておこうと思います。

http://www.nxworld.net/inspiration/beautiful-ampersands-from-google-fonts.html

[CSS]半透明のパネルが奥に吸い込まれる！一味違った縦長スクロールを実装するスタイルシートのテクニック

2016/07/01(Fri) 07:23

コンテンツを半透明のパネルに配置し、スクロールすると、パネルが奥に吸い込まれていくのを実装するスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/pure-css-z-axis-scrolling.html

[JS]非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト -Barba.js

2016/07/01(Fri) 07:23

Webサイトを見ていてページを遷移する時に、読み込みがやたら速いサイトに出会ったことはありませんか？

http://coliss.com/articles/build-websites/operation/javascript/smooth-transition-between-pages.html