サイト構築 -実装
2020年のロゴデザインのトレンド -2020 Logo Trend Report
Post on:2020年6月2日
トレンドを押さえておくことは、デザインの引き出しを増やすために役立ちます。 最近のロゴのデザインに使用されているタイポグラフィ、カラー、形など、トレンド、デザインテクニックを紹介します。 ロゴのトレンドの最新版は、こちら […]
よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout
Post on:2020年5月27日
最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプル […]
アイコンの管理が簡単に！たくさんのSVGアイコンを一元管理でき、編集もできる無料ツール -SVG Icon manager
Post on:2020年5月26日
SVGアイコンの管理ができ、編集もできる便利な無料ツールを紹介します。 Windows, macOS, Linux対応で、たくさんのSVGアイコンを一元管理できてしまう優れものです。 Norde -SVG Icon ma […]
ビフォーとアフターの画像を比較するビューワーを実装できる軽量スクリプト -Image Compare Viewer
Post on:2020年5月25日
ビフォーとアフターの画像をコントローラーをスライドさせて比較するビューワーを簡単に実装できるスクリプトを紹介します。バニラJavaScriptで実装されており、他のスクリプトへの依存は一切ないので、利用しやすいと思います […]
CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール
Post on:2020年5月22日
レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシ […]
TwitterのUIデザインで見つけたCSSのテクニックのまとめ
Post on:2020年5月21日
TwitterのUIデザインで見つけたCSSのテクニックを解説した記事を紹介します。 さまざまなコンテンツが入る可能性のあるコンポーネント、コンテンツが長い・短い場合、アイテムの数などを想定した興味深いテクニックが解説さ […]
Adobe XDやUIデザインの理解度をクイズに答えて自己診断してみよう！Adobe XD 検定が公式サイトで無料開催
Post on:2020年5月20日
5/19の昨日から、Adobe XD 検定が始まりました！ 当ブログの↑のバナーが昨日から掲載されているので、すでに受けた人もいると思いますが、Adobe XDやUIデザインに関する初級・中級の検定が公開されています。 […]
ファビコンを簡単に作成できる無料ツール！テキスト・画像・絵文字から生成でき、各デバイスのサイズにも対応 -favicon.io
Post on:2020年5月20日
数回 or 1クリックするだけで、デスクトップ・タブレット・スマホに適した複数サイズのファビコンを簡単に生成できる無料オンラインツールを紹介します。 ファビコンは、テキスト・画像・絵文字から簡単に生成でき、日本語や自分の […]
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説
Post on:2020年5月19日
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️🎀 JavaScript Visualized: […]
CSSでアイコンをテキストに揃えるのはこれで簡単になる！CSSの新しい単位「lh」「rlh」が登場
Post on:2020年5月18日
アイコンのサイズをテキストに揃えて配置する時、どのように実装していますか？ テキストのサイズぴったりにアイコンを簡単に配置できるCSSの新しい単位「lh」「rlh」が登場します。 'lh' and & […]
sponsors
