Web制作に役立つ情報一覧

html5の要素articleとsectionの違いを理解する

2014/10/07(Tue) 07:59

html5を利用してコーディングする事が増えてるかと思いますが、今でも出てくる話題が「articleとsectionの使い方に迷う。」という事。それらを利用しなくてもhtmlは組めるので、使わないという選択肢も有るのですが、折角なら理解して使いたいですよね。

http://wp.yat-net.com/?p=4358

「サイトの動線」を改善したいのですが、どういう手順で進めればよいですか？

2014/10/07(Tue) 07:58

動線を改善できれば、施策の精度は格段に高まるだろう。今回はその手順を考える。

http://web-tan.forum.impressrd.jp/e/2014/10/06/18381

[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip

2014/10/07(Tue) 07:57

スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-strip.html

ほのかフォント｜オールド系フォント無料ダウンロード

2014/10/06(Mon) 07:51

オールドなデザインの日本語フォント「ほのかフォント」を公開しています。無料ダウンロード、漢字付き書体、商用利用可能。

http://font.gloomy.jp/

フラットなデザインに効く30種類のUIパターン、PhotoshopやSketch用などが揃った商用利用無料の素材 -Awesome UI Kit

2014/10/06(Mon) 07:51

フラットなデザインで効果的に使えるUIパターンが30種類、Photoshop, Sketch, Axure, Omnigraffle用の各ファイルが用意された無料素材です。

http://coliss.com/articles/freebies/freebies-awesome-ui-kit-by-uxpin.html

HTML5とCSS3を職として身につけたい人が最初に読んでほしいオススメの本 -HTML5+CSS3の教科書

2014/10/06(Mon) 07:49

HTMLとCSSはWeb制作の中では敷居が低く、あまり詳しくなくてもWebページやブログなどを作成することができます。しかし職として考えた時は、必要な知識をしっかりと身につけたいものです。

http://coliss.com/articles/book-review/isbn10-4839952221.html

SEOの考え方：サイトの基礎体力と順位改善施策の話

2014/10/06(Mon) 07:48

【要約】SEOはWebサイトの総合評価を高める（権威性や評判を構築する）ことと、検索順位を改善するための施策を平行して進める必要がある。

http://www.sem-r.com/seo/20141006003338.html

コンバージョン率が改善された実例から学ぶフラットデザインの効果的な使い方

2014/10/03(Fri) 07:49

一年くらい前は、フラットはただのトレンドでしょ、と言われることもありましたが、この一年で日本でも多くのWebサイトで採用されており、一過性のものではなくなりました。これから制作されるサイトの多くでフラットが採用され、またどんどん進化していくことと思います。

http://coliss.com/articles/build-websites/operation/design/flat-design-increases-conversion-rates-by-speckyboy.html

[CSS]スクリプト無し、CSSで実装されたパタッと開くアニメーションがかわいいスタイルシートのテクニック

2014/10/03(Fri) 07:48

スクリプト無し、CSSで実装されたパタッと開くアニメーションがかわいいスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-folding-button-by-hornebom.html

これは素敵！落ち葉やどんぐり、きのこ、リスなど、秋をテーマにした癒やし系アイコン素材 -icons of autumn

2014/10/02(Thu) 07:59

秋をテーマに、木々、落ち葉、きのこ、野菜、フルーツ、スイーツ、動物などをソリッドな美しいラインでデザインしたアイコン素材を紹介します。

http://coliss.com/articles/freebies/freebies-icons-of-autumn.html