デベロッパーツールの新機能が便利!CSS Gridの実装と検証が簡単になるCSS Grid editorとオーバーレイ

先日リリースされたChrome 92のデベロッパーツールに、CSS Gridの実装に役立つ新機能が2つ加わりました!

1つ目はCSS Grid editorでデバッキングツール、2つ目はCSS Gridのオーバーレイ、どちらもWeb制作でCSS Gridを使用する時に大活躍すること間違いなしです。

デベロッパーツールの新機能、CSS Grid editorとオーバーレイ

参考: New CSS Grid debugging tools

続きを読む

HTMLとCSSの実務レベルの作業フローや思考プロセスがていねいに解説された、Web制作に真剣に取り組みたい人にお勧めの本 -教科書では教えてくれないHTML&CSS

HTMLもCSSも一通り勉強した、でも実際にWebページを実装しようとするとどこから手をつければよいか悩んでしまう。そんな人にお勧めしたい、実装の作業フローと思考プロセスをくわしく解説した良書を紹介します。

本書は通常の解説書とは一線を画すもので、現場レベルの作業や考え方を基礎からていねいに解説したものです。実装のテクニックもたくさん解説されており、さまざまなプロジェクトで役立ちます。

教科書では教えてくれないHTML&CSS

続きを読む

CSSでスクロールバーをカスタマイズする方法を徹底解説 -古いCSSと新しいCSSでの実装のポイント

スクロールバーのデザインをCSSでカスタマイズする方法を紹介します。

ページ全体のスクロールバー(ブラウザに表示されるやつ)はデフォルトのままでよいですが、ページ内のスクロールコンテンツなどではUIのデザインと一貫したスクロールバーを実装する必要があるかもしれません。

スクロールバーをカスタマイズする時のCSSの古い構文と新しい構文での違い、スクロールバーのさまざまなデザインの実装方法、アクセシビリティにおける注意点など、徹底解説されています。

CSSでスクロールバーをカスタマイズする方法を徹底解説

Custom Scrollbars In CSS
by Ahmad Shadeed

続きを読む

CSS Gridで実装する時に役立つチートシート、各プロパティと値でレイアウトがどのようになるか一目で分かる

CSS Gridを学ぶ人のために作成されたチートシートを紹介します。

CSS Gridの各プロパティと値でレイアウトがどのようになるか一目で確認できます。チートシートは高解像度版も無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。

CSS Gridで実装する時に役立つチートシート

CSS Grid Cheat Sheet 🔥
by Mariana Simon

続きを読む

販売期間はあと1週間で終わり!商用で使えるテクスチャとパターン素材25万円分が、約3,000円で購入できる特大セール

7/7にセールが開催した時にも記事にしましたが、今回のセールは通常セールと比べて非常にお得なので、再び紹介します。初見の人はもちろん、購入しようと思って忘れてた人もお見逃しないように。

総額25万超え分の高品質なテクスチャとパターン素材が約3,000円ほどで購入できるセールで、紙や布や水彩や宇宙のテクスチャをはじめ、ひび割れや破れのテクスチャ、アジアのパターン、オリエンタルのパターン、シノワのパターン、和のパターン、服飾のパターンなどが揃っています。

販売期間は、8月3日12時まで。
購入した素材は、Webデザイン、アプリ、動画、紙、プロダクトのデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOKです。

ギガ盛り!テクスチャー&パターン大全集

ギガ盛り!テクスチャー&パターン大全集

続きを読む

プロのUIデザイナーに学ぶ!UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.7

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。
プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

第7弾は、テキストや要素をより分かりやすく魅せるデザインのテクニックです。

UIとUXの印象がよくなるデザインの知識とテクニックのまとめ

UI & UX Micro-Tips: Volume Seven.
by Marc Andrew

続きを読む

Kindle本 夏のビッグセールが開催中!UIデザイン、Web制作、配色、イラスト関連の良書がたくさん半額です

Kindle本 夏のビッグセールでWebや紙のデザイン、配色のアイデア、同人誌・絵師さん向けのイラスト関連の良書がたくさん対象です!

セール期間は2021年8月5日(木)まで。
対象のKindle本は最安値(当方調べ)なので、いまが買い時です!

中でも私の一押しは「イラスト映えBOOK」です。イラストの描き方ではなく、魅せ方についてのアイデア集で、イラストを描く人はもちろん、Webや紙のデザインにもひらめきがある良書です。

セール対象のKindle本

【50%OFF】 Kindle本 夏のビッグセール

続きを読む

デザインのスキルが確実に身につく良書!字詰めのやり方を日本人タイプデザイナーが徹底解説 -タイポグラフィにおける文字間調整の考え方

デザインのスキルを身につけたいと思った時に文字のデザイン、字詰めをあげるデザイナーは少なくないと思います。文字は、ロゴ、コピー、タイトル、見出し、本文のクオリティに影響を与える重要なデザイン要素です。

字詰めは感覚的な表現で解説されることが多いですが、本書では論理的に分かりやすく解説されており、デザイナーが直面する字詰めの疑問にフォーカスがあてられた非常に実践的な解説書です。欧文だけでなく、和文の横書き、和文の縦書き、そしてロゴについても詳しくていねいに解説された一冊です。

レタースペーシング タイポグラフィにおける文字間調整の考え方

続きを読む

top of page

©2021 coliss