HTML・コーディング

Web制作の気になるトレンドや技術やツールが分かりやすく解説されたオススメの本 -Web制作の最新常識

2016/06/27(Mon) 07:27

1カラムのレイアウトをよく見かけるけどどういう風に使うの？ パステルの鮮やかなカラーを効果的に使いたい！ 今トレンドのセミフラットのポイントと注意点は？　レスポンシブ時のレイアウトの変化のパターンを知りたい！ リセットCSSとノーマライズCSSはどこが違うの？ SassやCompassやNode.jsを使ってみたい！

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

これからのWebデザインは、コンポーネント化を意識しよう | Webクリエイターボックス

2016/06/15(Wed) 07:29

Webデザインのプロセスが変化しています。以前「実践で学ぶWebサイト制作ガイド まとめ」という記事でWebサイトの制作手順を紹介しましたが、この方法はまだ使えるものの、徐々に廃れていくでしょう。

http://www.webcreatorbox.com/inspiration/component-design/

コピペでラクラク、押したくなるボタン用HTMLコードスニペット39個まとめ

2016/06/15(Wed) 07:28

HTMLとCSSを中心にデザインされた、注目を集めたいときにぴったりな最新ボタンエフェクト用コードスニペットを、コード共有サイト CodePen からピックアップしまとめています。

http://photoshopvip.net/91115

レスポンシブ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