サイト構築 -実装
テキストのカラーが充分に読むことができるか確認するのは実は簡単、コンラストが良いか確認できるWin, Mac対応の無料ツール
Post on:2016年9月7日
カラーのコントラストが充分か、充分でないかチェックできるオンラインツールはいくつかあります。でもオンラインだと突然利用できなくなったり、ネット環境でないと使えないといったこともあります。 WinにもMacにも対応したデス […]
テキストの読みやすいカラーを決めるにはこれが大切！Webデザインにおける良いコントラストのつくり方
Post on:2016年9月6日
読みやすい本文テキストのカラー、分かりやすいリンクのカラー、目立たせたいボタンのカラーなど、Webデザインのカラーを決める時にもう一歩進めた良いコントラストのつくり方を紹介します。 Color Contrast for […]
[JS]縦長ページのスクロールエフェクトはこれが使いやすい！ビューポートをトリガーにしたスクリプト -in-view.js
Post on:2016年9月5日
ページをスクロールして、要素が表示された時にアニメーションを適用するエフェクトは非常に人気が高いですね。 要素がビューポートに入った時、そして出る時にそれぞれアニメーションを適用できる他のスクリプトに依存なし、超軽量（1 […]
最新版！あらゆるWebページを作成する時に使える、必要最小限をまとめたHTML5のテンプレート
Post on:2016年9月1日
HTML5でWebページを作成する時のベースになる必要最小限の構成で実装されたHTML5のテンプレートを紹介します。 スニペットに登録しておくと、便利ですね。 HTML5 Boilerplate -GitHub イラスト […]
FlexboxやFloatでレイアウトが崩れてしまう原因がすぐに見つかるChromeの機能拡張- Pesticide
Post on:2016年8月31日
CSSのレイアウトで思うようにいかない時に、最初に確認すべきことはページ上のすべての要素がどのようにレイアウトされているかです。これを知るには、各要素が区別できるように、要素ごとに異なるカラーのアウトラインをつけると便利 […]
最近のWeb制作で利用されている、リセットCSSとノーマライズCSSのまとめ
Post on:2016年8月29日
HTMLの各要素のブラウザごとに異なる差異をなくすために、ブラウザのスタイルを初期化するリセットCSS、初期化ではなくノーマライズ（正常化）するノーマライズCSS。 定番のスタイルシートから、最近リリースされたものまで、 […]
こいつ・・・動くぞ！小さいくせにテトリスが遊べるファビコン -FavIconTris
Post on:2016年8月29日
ファビコンがアニメーションしたり、バッジがついたり、進化しているなぁと思っていたら、最近のファビコンはゲームもできるようになってました。 FavIconTris
Adobe XDのアップデートされた機能のここに注目！2016年7月・8月に追加された新機能のまとめ
Post on:2016年8月26日
Adobe XDはユーザーのフィードバックをもとに、毎月のバージョンアップを重ねて確実に進化しています。6月にはメニューが日本語化され、本リリースに向けての毎月のアップデートを楽しみにしている人も多いと思います。 また、 […]
配色が苦手な人に！写真やイラストに使用されているカラーから画像を引き立たせる美しいグラデーションをつくりだすスクリプト -Grade.js
Post on:2016年8月25日
写真やイラストに使用されているカラーの中から、主要なカラーを選び出し、その画像を引き立たせるグラデーションをつくりだすスクリプトを紹介します。 Grade.js Grade.js -GitHub
これ一つで全部OK！SVGアイコンの管理・作成・コード変換が簡単にできる無料ツール -Svgsus
Post on:2016年8月24日
シンプルなUIなのに、非常に多機能で便利なSVGアイコンの管理・作成・コード変換ができるOS X用の無料ツールを紹介します。 SVGアイコンに関するほとんどのことがこれ一つでできてしまいます。 Svgsus
sponsors
