サイト構築 -実装
TailwindCSSで、最近のWebサイトでよく見かけるUI要素をデザインするCSSの実装テクニックのまとめ
Post on:2019年5月8日
デザインは奥が深いですね。 Webサイトでよく見かけるUI要素のデザインに一手間加えるだけでぐっとよくなる、ディテールにこだわった素晴らしいデザインのアイデアをTailwindCSSで実装するテクニックを紹介します。 T […]
Web制作者は要チェック！Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptはどう変わるのか
Post on:2019年4月26日
これから先、フロントエンド開発者に一番大きな影響を与えるのは、Chromiumを採用したEdgeがリリースされることだと思います。 IEへの対応が、、、Edgeへの対応が、、、と思っていた人には、かなりの朗報です。 Ch […]
新ゴやリュウミンなど、モリサワフォント553種類全部が誰でも無料で利用可能！STUDIOのアップデートがすごすぎ
Post on:2019年4月25日
新ゴやリュウミンなど、モリサワの500種類以上の書体が当ブログで紹介した際にも評判が高かったSTUDIOで、誰でも無料で利用可能になりました！ STUDIO自体も無料で利用できるので、文字通り「誰でも無料で利用可能」です […]
商品を360度回転できる画像ビューワーを簡単に実装できるスクリプト -JS Cloudimage 360 View
Post on:2019年4月25日
商品の画像を複数枚用意することで、商品を360度ぐるぐる回転できる画像ビューワーを簡単に実装できるスクリプトを紹介します。 操作はかなり快適で、単体で動作するスクリプトです。 JS Cloudimage 360 View […]
Chromeに実装される新機能『loading属性』について解説、ついにブラウザがネイティブで遅延ロードをサポート
Post on:2019年4月24日
Google ChromeのEngineering ManagerであるAddy Osmani氏による、Chrome 75でリリース予定のloading属性についての解説を紹介します。 loading属性とはブラウザがネ […]
これは期待！Visual Studio Codeでページやアプリなど、フロントエンドの実装が楽になる機能拡張 -Gimli
Post on:2019年4月22日
Visual Studio Codeが、Webページやアプリのフロントエンド開発用ビジュアルツールになる機能拡張「Gimli」がリリース予定なので紹介します。 CSS GridやFlexboxの実装が単純化されるビジュア […]
スマホも対応！スクリーンいっぱいに表示させるスライダーを実装するスクリプト -FullScreen Slider
Post on:2019年4月22日
ページ内のセクションをスクリーンいっぱいに表示し、マウスのクリック・ホイール操作、スマホのタップ・スワイプ操作に対応した快適なスライダーを紹介します。 FullScreen Slider -GitHub
Windows, macOS, Android, iOSなど、各OSの各バージョンにプリインストールされているフォントリストのまとめ
Post on:2019年4月17日
Windows, macOS, Android, iOSなど、各OSの各バージョンにプリインストールされているフォントリストを紹介します。 CSSでフォントを指定する時、また自分が使用しているOSでこんなフォントを利用で […]
キャンセルボタンに色をつけてはいけない理由
Post on:2019年4月16日
キャンセルボタンをデザインする時に、カラーで悩むことはありませんか？ キャンセルボタンに色をつけてはいけない理由、ニュートラルなグレーが適している理由を紹介します。 キャンセルボタンのデザインがアクションボタンと同じだと […]
米国の政府関連サイトのデザイン指針として誕生した、UIデザインに最適化されたフリーフォント -Public Sans
Post on:2019年4月15日
UIのデザインに最適化、シンプルで癖の無い、そしてSIL Open Font Licenseで利用できるサンセリフのフォントを紹介します。 米国の政府関連サイトのデザイン指針として誕生したU.S. Web Design […]
sponsors
