サイト構築 -実装
これはすごい！形やカラーをアニメーションで変えられる、コードによって作成されたフリーフォント -Leon Sans
Post on:2019年9月2日
フォントでいろいろなデザイン、表現をしたい人にぴったりなLeon Sansを紹介します。フォントを書くアニメーションだけでなく、さまざまなアニメーション、エフェクト、シェイプを自由に作成でき、インスピレーションが刺激され […]
line-clampプロパティの効果的な実装方法、CSSで文末を3点リーダーで省略表示する
Post on:2019年8月30日
テキストを省略表示する際に、文末を3点リーダーにするline-clampプロパティの効果的な実装方法を紹介します。数行のスタイルシートで、簡単に実現できます。 line-clamp
Webページの構成を取得し、ページ全体を把握できるマップを自動生成するスクリプト -pagemap
Post on:2019年8月28日
Webページ内のコンテンツの構成を取得し、ページ全体を把握できるマップを自動生成するスクリプトを紹介します。マップはページ内リンクにも対応しています。 pagemap pagemap -GitHub
入力した時の反応速度が遅いとイライラする！ユーザーインタラクションでどの程度の遅延だと煩わしく感じるか
Post on:2019年8月28日
フォームにテキストを入力した時など、ユーザーインタラクションにおいてどの程度の遅延だと煩わしく感じるかを検証するためのデモサイトを紹介します。 当然きびきびと操作できるのがベストですが、実際にどの程度の遅延が許容範囲なの […]
デザイナーにおすすめ！大量のフォント・画像ファイルを収集・管理できるWindows , macOS対応のソフトウェア -Eagle
Post on:2019年8月27日
デザイナーをはじめ、大量のフォント・画像を管理したい人におすすめのWindows, macOS対応のソフトウェアを紹介します。さまざまな画像フォーマットに対応しており、タグ付けやフォルダ分けやカラーフィルターなどで整理も […]
UXデザイナーから学ぶ、無効状態のボタンをグレーアウトにしない理由
Post on:2019年8月22日
一時的に操作ができない無効状態のボタンを表示する場合、どのようにデザインすると、ユーザーの混乱を少なくすることができるか、UXの観点から解説した記事を紹介します。 無効状態のボタンをグレーアウトにしてしまうと、他のボタン […]
Bootstrap ナビゲーションバー（Navbar）のカスタマイズ方法といろいろなデザインの実装例
Post on:2019年8月20日
Bootstrap 4のナビゲーションバーのカラーを変更したり、アイテムを整列させたり、レスポンシブのブレークポイントを変更するなどのカスタマイズ方法、ナビゲーションバーのいろいろなデザインの実装例を紹介します。 Boo […]
便利なのが登場！UIのデザイン、プロトタイプ、アニメーションがコードなしで、手軽に作成できるツール -Drama
Post on:2019年8月19日
すごいツールが登場しました！ コードは一切必要とせず、スマホアプリのデザイン、プロトタイプ、アニメーションが手軽に作成できるmacOS用のアプリを紹介します。 実際に試してみたところ、操作は非常に簡単で、動作も快適、さま […]
VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック
Post on:2019年8月8日
Visual Studio CodeでWeb制作・開発のコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニックを紹介します。 My Web Development VS Code Settings, […]
CSSで実装されたこのサラブレッド、気持ちよく走るぞ -Clip Clop Clippity Clop
Post on:2019年8月7日
CSSで実装されたサラブレッドを紹介します。 CSSもHTMLも力作で、かなり楽しめると思います。
sponsors
