サイト構築 -実装
[CSS]パンくずでよく見かける三角形のリンク可能エリアを見た目と同じ三角形にするテクニック
Post on:2018年2月26日
パンくずでよく見かける三角形の実装方法に注目です。 今までの三角形の作り方は、要素のwidthとheightを0にし、太いborderの一辺を利用していました。しかし、この実装だとリンクは三角形ではなく、矩形になってしま […]
これは素晴らしいプロジェクト！暮らしの中にある自然や文化や食を伝える色彩豊かな伝統色「ふくしまのいろ」
Post on:2018年2月23日
日本に生まれてよかったなぁ、と思うことがよくあります。 美しい四季折々の景観や風物詩、全国津々浦々の風土や文化に触れたときに実感します。 そんな中、福島県の風土や文化を伝える伝統色が選定されたので紹介します。「ふくしまの […]
Web制作時に便利なHTML, CSS, JavaScriptのツール、文字抽出ツールなどがまとめて利用できる -Href Tools
Post on:2018年2月22日
HTML, CSS, JavaScriptの軽量化、画像に含まれている文字の抽出、画像をbase64データに変換、CSVとJSONを相互変換、zipファイルのオンライン解凍など、Web制作時に役立つ便利なツールがまとめら […]
Bootstrap 4で実装されているデザインシステム要素すべてをデザイン素材にした無料素材 -Bootstrap Design System
Post on:2018年2月22日
Bootstrap 4で実装されているデザインシステム要素すべてをデザイン素材としてスケーラブルに再現したSketch用の無料素材を紹介します。 すべての要素はBootstrapで使用されている名前が適切に付けられている […]
[JS]デスクトップとスマホの両方に対応！さまざまなパララックススクロールを実装できるスクリプト -basicScroll
Post on:2018年2月21日
Webページやスマホアプリで、ユーザーがスクロールした位置に応じてCSSアニメーションを簡単に適用できるパララックススクロールを実装する軽量スクリプトを紹介します。 単体で動作するので、非常に便利だと思います。 basi […]
[CSS]簡単で便利！ページで使用されていないCSSのセレクタを見つける無料ツール -Unused CSS
Post on:2018年2月19日
指定したWebサイトで、使用されていないCSSのセレクタを自動で検出する無料オンラインツールを紹介します。 ページ内部のリンクも再帰的に調査し、複数のページにも対応しています。 Unused CSS finder
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;」の採用など、今の実装方 […]
sponsors
