HTML・コーディング

レスポンシブWebデザインにも対応のシンプルで軽量なCSSグリッドシステム・「Pills」

2016/06/07(Tue) 07:30

PillsはRWD対応のシンプルで軽量なグリッドシステムです。4kbほどのファイルサイズでモバイルファーストな設計となっています。

http://kachibito.net/useful-resource/pills

超軽量であらゆる言語に対応！Webページ上のコードを読みやすくするスクリプト -microlight.js

2016/06/03(Fri) 07:26

通常のシンタックス ハイライトだと、言語ごとのルールを記述したファイルが必要ですが、ハイライトさせる箇所を最低限必要な箇所に絞ることで、超軽量化(2.2k minified)させたスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-microlight-for-highlighting.html

head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など

2016/06/02(Thu) 07:23

HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。

http://coliss.com/articles/build-websites/operation/work/collection-of-html-head-elements.html

商用無料でしかも高品質！レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ

2016/06/01(Wed) 07:27

最近のWebページで人気のある縦長ページ、繊細なインタラクション、大きい写真画像を使ったヘッダ、カード型コンポーネントなど、UIデザインのトレンドが取り入られたHTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/free-templates-for-responsive-2016-may.html

HTMLで書いたtableのデータをプレーンテキストやCSV、XLSなどのフォーマットでエクスポート出来るスクリプト・「TableExport.js」

2016/05/17(Tue) 07:27

TableExport.jsはtableに書いたデータをCSVやxls、xlsx、プレーンテキスト等のフォーマットでエクスポート出来るようにするスクリプトです。jQueryとFileSaver.jsを使用します。table下部にボタンが設置され、テキストも任意のものを設定できます。

http://kachibito.net/useful-resource/tableexport-js

UIデザインの参考にしたい！ナビメニュー用HTML/CSSスニペット40個まとめ

2016/04/22(Fri) 09:35

ウェブサイトやブログにおいて、ユーザーがもっとも操作するインターフェースのひとつは、ナビゲーションメニューです。きちんと設置することで、サイトを構成する各コンテンツへとユーザーを移動でき、目次のような役割として活用できます。

http://photoshopvip.net/archives/89522

ウェブ初心者も安心して作成できる、すごい無料HTMLテンプレート素材24個まとめ

2016/04/21(Thu) 07:27

ウェブサイトを作成してみたいけど、なにから始めたらよいか分からない。また、時間と予算をかけずウェブページをつくりたい。そんなときは、無料ダウンロードできるHTML/CSSテンプレートを利用してみましょう。

http://photoshopvip.net/archives/89479

HTML5とCSS3を基本から正しく理解できる！豊富なマンガとイラストで楽しく学べるWeb制作者を目指す人にオススメの本

2016/04/20(Wed) 07:23

最新のWebサイトの作り方がはじめてでもよく分かり、Web制作のプロとして必要最低限の知識をしっかり身につけることができる良書「HTML/CSS入門教室」を紹介します。

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

データを可視化する際の表現パターンをいろいろとまとめたカタログサイト・「The Data Visualisation Catalogue」

2016/04/19(Tue) 07:32

The Data Visualisation Catalogueはいろいろなデータを棒グラフや円グラフ等、可視化する際の表現方法をまとめたカタログサイトです。

http://kachibito.net/useful-resource/the-data-visualisation-catalogue

コピペで実装できる、最新ウェブテクHTML/CSSコードスニペット40個まとめ

2016/04/14(Thu) 07:31

ますます加速するウェブデザインの最先端を体感できる、最新 Web テクニックを実装した、HTML/CSSコードスニペットをまとめています。

http://photoshopvip.net/archives/89320