サイト構築 -実装
文字サイズが小さくても、くっきり綺麗に表示されるようデザインされたフリーフォント -Interface font family
Post on:2017年8月25日
パソコンやスマホのモニターで、文字サイズが小さくてもくっきり美しく、綺麗に表示されるようデザインされたフリーフォントを紹介します。 Interface font family Interface -GitHub
[CSS]悩む人も多い、要素を内包するラッパーの最適な実装テクニック
Post on:2017年8月24日
HTMLで最初に書かれている要素が、他のすべてを包み込む要素であるということは少なくありません。これはラッパーと呼ばれるもので、多くの人が使用していると思います。 このラッパーの在り方について、divがよいのか、sect […]
この秋、デザインやファッションに使いたい10色 -2017年秋のトレンドカラー
Post on:2017年8月23日
そろそろ、そして既に秋の準備が始めている人も多いと思います。 秋をテーマにしたデザインやファッションに取り入れてみたい素敵なカラーをPantoneから紹介します。 PANTONE Fashion Color Report […]
これならかなり簡単！Bootstrap 3, 4 betaに対応、テンプレートをカスタマイズして利用できる -Bootstrap4 Editor
Post on:2017年8月22日
2017年8月にBootstrap 4はようやくベータ版がリリースされました。 そんなBootstrap 4に早くも対応した、Bootstrapのさまざまなテンプレートを簡単にカスタマイズして利用できるオンラインサービス […]
人工知能もついにここまで！ロゴのデザイン、Webサイトのスタイルガイドを作成できるオンラインサービス -Brandmark
Post on:2017年8月21日
今年になって人工知能、AIが取り入れられたWeb制作関連のサービスがどんどんリリースされています。フォントの組み合わせをAIで、カラーの組み合わせをAIで、サイトのリデザインをAIで、自動化することができ、自分にはない知 […]
[JS]これなら簡単！シンプルなHTMLで、Masonryレイアウトを実装できる超軽量スクリプト -Macy.js
Post on:2017年8月18日
画像やカード型コンテンツをレンガ状に敷き詰めて配置する、レスポンシブ対応のMasonryレイアウトを簡単に実装できる超軽量(4kb）スクリプトを紹介します。 jQueryやCSSなど、他のファイルは一切不要で、単体で動作 […]
こんなにも違う！同じ被写体なのに、アマチュアとプロのカメラマンでどのように違って写真が撮影されるのか
Post on:2017年8月17日
何気ない日常の中でも、別の視点から見ることで、印象が変わります。 同じ被写体をアマチュアとプロのカメラマンで、どのように違って見えて、写真が撮影されるのか、印象的な写真を撮る秘訣を紹介します。 Phillip Haume […]
Intersection Observerが簡単で便利！要素がビューポートに表示されているかを判定できる
Post on:2017年8月10日
スクロールした際にヘルプや広告を表示したり、無限スクロールでコンテンツを読み込ませたり、画像の遅延ロードなど、要素がビューポートに表示されているかをトリガーにするのには、なかなか面倒なJavaScriptが必要でした。 […]
CSSリセットの新しい考え方、リセットと有用なコンポーネントだけのスタイルシート -Shoelace.css
Post on:2017年8月9日
レイアウトにfloatを使用していた頃はグリッドを構築するために、複雑なHTMLやテクニックが必要になることがありました。しかし、flexboxやCSS Gridの登場で、レスポンシブ対応の柔軟なグリッドを簡単に利用でき […]
CSSのコードを整理し、効率的に管理する方法のまとめ
Post on:2017年8月7日
CSSのコードを書くことは簡単ですが、コードを整理し、効率的に管理する方法は難しいものです。大規模なプロジェクトだけでなく、小規模なプロジェクトにも、そして未来の自分のためにも必須と言えます。 CSSを効率的に管理する一 […]
sponsors
