サイト構築 -実装
はっきりと分かるようにデザインされたUIは、最高のUI
Post on:2019年11月14日
多くのデザイナーが日々、使いやすいデザインについて模索しています。 WebページやスマホアプリのUIデザインにおいて、使いやすいデザインへの一つの答えとなる記事を紹介します。 すっきりデザインされたUIよりも、はっきりと […]
Web制作者が苦痛だと感じているselect要素の不満点と美しくスタイルするテクニック
Post on:2019年11月12日
フォームをスタイルするのが苦手、中でもselect要素が最も苦手という人は少なくないと思います。Web制作者が苦痛だと感じているselect要素の不満点、select要素をクロスブラウザ対応で美しくスタイルするテクニック […]
HTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir
Post on:2019年11月11日
シンプルなHTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリを紹介します。 デスクトップではホバー時のエフェクトとして、スマホではフォーカス時のエフェクトとして適用さ […]
CSSは奥が深い！セレクタの書き方・命名や管理を改善する5つの原則
Post on:2019年11月7日
CSSは簡単なコードで書けます。しかし、プロジェクトの規模が大きくなるにつれ、コードが重複したり、未使用のコードが増えたり、!importantでの上書きが増えたり、読みにくいコードになります。 CSSのセレクタの書き方 […]
Photoshop 2020の新機能がかなり便利！かゆいところに手が届く改善点が盛りだくさん
Post on:2019年11月6日
10/5にアップデートされたAdobe Photoshop 2020（v21.0）の新機能と改善点を紹介します。 スウォッチのグループ分け、レイヤーのズーム、属性パネルの強化、そしてAIも更に賢くなり、すぐ便利になる機能 […]
Web開発アーキテクチャ「JAMスタック」がなぜ人気になっているのか
Post on:2019年11月5日
静的サイトジェネレーターが最近、非常に普及してきました。 それに合わせて注目されているのが「JAMスタック」です。JAMスタックとは何なのか、なぜJAMスタックが人気になっているのかを紹介します。 Why JAMstac […]
Adobe Photoshop 20.0.7がリリース、macOS Catalinaで起きていた不具合に対応
Post on:2019年11月1日
先週の10/23にアップデートされたAdobe Photoshop 20.0.7で、macOS 10.15 Catalinaで起きていたいくつかの不具合が解消されたとのことです。 改善されていない問題に関しては、回避策が […]
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
Post on:2019年10月31日
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませ […]
HTMLのhidden属性の使い方と弱点、要素の表示・非表示を切り替える便利なスタイルシート
Post on:2019年10月30日
ページ上の要素、例えばメニューの中身などの表示・非表示を切り替える必要がある時があります。実装方法はいろいろありますが、要素を非表示にする一番簡単な方法はHTMLのhidden属性です。 HTMLのhidden属性の使い […]
CSSでダークモード対応、メディアクエリ「prefers-color-scheme」の使用方法と注意点
Post on:2019年10月29日
iPhoneやAndroidでもダークテーマが採用され、ダークモードに対応するWebサイトやスマホアプリが増えてきました。 ほんの数行のCSSのみでダークモードに対応する方法と注意点を紹介します。 Dark mode i […]
sponsors
