サイト構築 -実装
normalize.css 8.0.0がリリース！古いブラウザはサポート対象外になり、大幅に軽量化
Post on:2018年2月16日
利用しているWeb制作者も多いと思います。 normalize.cssがアップデートし、8.0.0がリリースされました。 IE9以下をはじめとする古いブラウザのサポートがなくなったので、大幅に軽量化されています。v6.0 […]
Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ
Post on:2018年2月15日
Webページやアプリでよく利用されるレイアウトやコンポーネントが簡単に利用できるCSSベースのフレームワークを紹介します。新しいプロジェクトを始める時に、モックアップを作成する時に、既存ページを変更する時に、ぴったりです […]
Sketchにインストールしておくと便利なプラグインのまとめ
Post on:2018年2月14日
Sketchはそのままでも利用できますが、プラグインをいれると更に便利になります。 Webページやスマホアプリの制作に便利なSketchのプラグインを紹介します。 Sketch
[CSS]便利なのが登場！normalize.cssをモダンブラウザ用に最適化したスタイルシート -modern-normalize
Post on:2018年2月13日
ブラウザごとの差異を吸収してデフォルトのスタイルを提供する「normalize.css」をモダンブラウザ用に最適化したスタイルシートを紹介します。 「box-sizing: border-box;」の採用など、今の実装方 […]
Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのトレンド -2018年1,2月
Post on:2018年2月9日
デザインで悩んだ時には、新鮮なトレンドをチェックしてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのトレンドを紹介します。 今まで使用してきたトレンドにも一手間加えられて、より魅力的なもの […]
CSS Gridはレスポンシブ対応のよく使うレイアウトにも便利！効果的に使用するポイントのまとめ
Post on:2018年2月8日
CSS Gridは今までに出来なかったレイアウトを実装するだけでなく、既存レイアウトをより簡単に実装する能力も備えています。サポートブラウザも十分になり、そろそろ既存レイアウトの実装方法を見直すタイミングかもしれません。 […]
Webサイトやスマホアプリでよく使う、JavaScriptの有用なコードのスニペットのまとめ
Post on:2018年2月7日
JavaScriptの有用なコードのスニペットをまとめたサイトを紹介します。 一つひとつは30秒ほどで理解できるコードとなっており、膨大な数のスニペットがまとめられています。あれなんだっけ？ という時に、便利ですね。 3 […]
デザインの作業フローが大きく変わる！PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ
Post on:2018年2月6日
2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。 紹介記事: Photoshopの選択範囲の作成が驚くほど簡 […]
カウントダウンやタイマーなど、時間コンテンツなら何でも任せろのシンプルな軽量スクリプト -EasyTimer.js
Post on:2018年2月5日
時間を表示させるカウントダウン、タイマー、ストップウォッチなどのコンテンツなら何でも任せろのシンプルな軽量スクリプトを紹介します。 単体のスクリプトとして利用でき、時間を使ったWebページを実装する際に重宝すると思います […]
最近のWebサイトで見かけるヘッダのアイデア・実装方法のまとめ
Post on:2018年2月2日
ランディングページやブログなど、最近のWebサイトで見かけるヘッダのアイデア・実装方法を紹介します。 スクロールすると、ヘッダのイメージがズームしたり、フェードしたり、ヘッダの形が矩形でなかったり、ナビゲーションだけがス […]
sponsors
