サイト構築
2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選
Post on:2016年12月15日
毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScript […]
HTML 5.1で変更されたsection要素の使い方、header要素とfooter要素のネストについて解説
Post on:2016年12月13日
2016年11月1日に、HTML 5.1が勧告されました。HTML 5から新しく加えられた点、削除された点、変更された点がいろいろあります。 その中から、ページのアウトラインを組み立てる上で重要なsection要素の使い […]
これは簡単でいいね！コンテンツの区切りを斜め線にするテクニック（レスポンシブ対応） -Angled Edges
Post on:2016年12月12日
縦長ページなど、コンテンツを積み重ねてレイアウトする際に、コンテンツ間の区切りを斜めにするSassのMixinを紹介します。 斜め線はSVGなので、デスクトップでもスマホでも美しく斜めに表示されます。 Angled Ed […]
[JS]スマホの「プルダウンするとリフレッシュ」を簡単に実装できるスクリプト -PulltoRefresh.js
Post on:2016年12月12日
スマホやタブレットの便利操作、プルダウンするとリフレッシュできる機能をページに簡単に実装できるJavaScriptの軽量ライブラリを紹介します。 リフレッシュは範囲やトリガーを設定でき、通常のプルダウンしてリフレッシュす […]
2017年のトレンドカラーをPantoneが発表！始まりを象徴するフレッシュなグリーン「Greenery」
Post on:2016年12月9日
Pantoneから来年のトレンドカラーが発表されました。 2017年のトレンドカラーは、新鮮で活力を与えるグリーン「Greenery」です。 Color of the Year 2017 -Greenery
[CSS]順序付きリスト、ol要素を丸数字で実装するスタイルシートのテクニック -spanや①は無し
Post on:2016年12月6日
Webで調べると、ol要素を丸数字で実装する時はspanとか①②③とかを使うしかないように思えますが、クリーンなHTMLで数値文字参照を使わずに、丸数字を実装するスタイルシートのテクニックを紹介します。 対応ブラウザはす […]
2016年人気が高かった！CSSの制作、確認、検証に便利なオンラインツール厳選20個のまとめ
Post on:2016年12月5日
Webサイトのデザインもコーディングもやるべきタスクがどんどん増えてきました。それらの手間がかかる面倒な事は、楽にできるツールやサービスを利用することで効率化がはかれます。 CSSの制作、確認、検証に役立つ便利なオンライ […]
2016年、デザインやアイデアが素晴らしかったWebサイトのまとめ -Website of the Year 2016
Post on:2016年12月2日
世界中の現役クリエイターを審査員に迎え、デザインやアイデアが素晴らしいWebサイトを選出するCSS Design Awards主催の「Website of the Year 2016」が発表されました。毎年楽しみにしてい […]
[CSS]コンテンツの区切り線、デザインのアクセントに使えるラインやボーダーを実装するテクニックのまとめ
Post on:2016年12月1日
コンテンツの区切りに使用する線、デザインのアクセントに使えるラインやボーダーをCSSで素敵にデザインするスタイルシートのテクニックを紹介します。 borderプロパティを使ったシンプルなものから、グラデーションや疑似要素 […]
Photoshopの作業が快適になるオススメの環境設定 -Photoshop CC 2017対応
Post on:2016年11月30日
2016年は5月にPhotoshop CC 2015.5がメジャーアップデート並に機能が追加され、11月にCC 2017が新しく使う人やしばらく使っていなかった人向けにアップデートされ、この一年でPhotoshopは大き […]
sponsors
