サイト構築 -実装
CSSについて誰も私に教えてくれなかった大切なこと -プロパティやセレクタがパフォーマンスに与える影響
Post on:2019年4月11日
当ブログでもCSSのさまざまなテクニックについて記事にしていますが、今回は表面的なものではなく、CSSの本質的なパフォーマンスに関することを紹介します。 パフォーマンスを意識すると、実装も変わってくると思います。 Thi […]
[CSS]シンプルなWebサイトを少しだけ美しくするためのスタイルシートのコレクション -water.css
Post on:2019年4月10日
シンプルなWebサイトをすぐに構築したい時、デモページを簡単に作成したい時、CSSでスタイルするのに時間をかけたくない時に便利なCSSのフレームワークを紹介します。 class付与を一切必要としないスタイルシートで、HT […]
Adobe CCユーザーに朗報！Windowsでも凸版文久体の全書体が無料で使える、Adobe Fontsで利用可能に！#フォントの日
Post on:2019年4月10日
「凸版文久体」はクリエイターに人気が高い書体の一つですが、利用環境がmacOSやモリサワなどに限定されていました。しかし、4/9よりAdobe Fontsでも利用可能になったことで、より多くのWindowsユーザーも利用 […]
Apple Cardに使用されているAppleの新しいフォント「SF Compact Rounded」がダウンロードできるぞ！
Post on:2019年4月9日
Apple Cardに一目惚れした人も多いと思います。 私もその一人で、夏にリリースされるのが楽しみですね！ カードのデザインがかっこよく、そこで気になったのが使用されているフォントです。Apple Cardの「Mari […]
ページ内リンクが固定ヘッダと重なって隠れる問題を解決するCSSのテクニック
Post on:2019年4月8日
ここ数年で、スクロールしてもヘッダが上部に固定配置されているページが増えてきました。UX的には便利な面もありますが、その反面問題もあります。固定ヘッダがあるページでページ内リンクをクリックすると、移動した先が固定ヘッダに […]
CSS セレクタの使い方がまとめられたチートシート -CSS selectors cheatsheet
Post on:2019年4月5日
CSSのセレクタがいまいち、という人にお勧めです！ セレクタの使い方が分かりやすくまとめられたPDFのチートシートを紹介します。 このチートシートは通常のチートシートだけでなく、ゲーム版もあり、CSSのセレクタをどれくら […]
あまり知られていない、アクセシビリティに効果があるHTML要素のまとめ
Post on:2019年4月4日
「HTMLは簡単だよ」という声をよく聞きます。 確かに、HTMLは他のプログラミング言語よりも習得が容易であると言うことに同意はしますが、軽く考えるべきではありません。 HTMLは強力なマークアップ言語です。Webアプリ […]
懐かしすぎる！カーソルに追従するあのエフェクトを現在のJavaScriptで実装 -90's Cursor Effects
Post on:2019年4月3日
20年くらい前、ジオシティーズとか全盛期の頃でしょうか、個人ブログなどで必ずと言っていいほど設置されていたカーソルに追従するエフェクトを現在のJavaScriptで実装しなおした「90's Cursor Effects」 […]
WebサイトやスマホアプリのUIデザインに必要な要素・あると便利な要素がまとめられたリスト -Checklist Design
Post on:2019年4月2日
Webサイトやスマホアプリのデザイナー・制作者、そしてクライアントにも役立つUI要素のデザインのチェック項目を紹介します。 ページに必要な要素、UIコンポーネントに必要な要素、あると便利な要素がまとめられています。デザイ […]
ユーザーに直感的で分かりやすいボタンとは、UXの観点からくわしく解説
Post on:2019年3月29日
ボタンのクリックレートが低い、ボタンを配置したページにユーザーが長い時間を費やしている、これはボタンが直感的でなく、分かりにくいボタンが原因かもしれません。 コンテンツにおけるボタンの配置、ボタンの形状、導線に基づいた配 […]
sponsors
