Web制作に役立つ情報一覧

HTMLとCSSを真剣に学びたい人におすすめ！ 実務レベルの知識やテクニック、考え方がよく分かる解説書 -HTML/CSSブロックコーディング

2022/12/19(Mon) 08:58

HTMLとCSSの実務に役立つ知識やテクニック、考え方を学びたい人にお勧めの解説書を紹介します。デザイナーから渡されたモックアップを元に、情報の構造やデザイナーの意図を読み解き、コンテンツをブロックに分解し、コーディングの方針を検討し、HTMLのマークアップでどのように構造を設計し、CSSでスタイルする際に気をつけることなど、各ステップごとに詳しくていねいに解説されています。

https://coliss.com/articles/book-review/isbn-9784798169040.html

2022年も新しいフリーフォントがたくさんリリースされました！ 2022年、日本語の新作フリーフォントのまとめ

2022/12/19(Mon) 08:57

2022年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！

https://coliss.com/articles/freebies/japanese-free-fonts-dec-2022.html

ブラウザのロゴを高解像度でダウンロードできる！ Chrome, Safariの現在のロゴをはじめ、IE, Netscapeなど古いのも

2022/12/15(Thu) 09:07

Chrome, Edge, Firefox, Opera, Safariをはじめとする現在のロゴから古いバージョンのロゴをはじめ、デベロッパーツールやCanaryなどのロゴ、古いIE, Netscape, Mosaicなど、ブラウザのロゴをダウンロードできる「Browser Logos」を紹介します。すべてのロゴは背景が透明で、高解像度です。

https://coliss.com/articles/build-websites/operation/work/download-browser-logos.html

2022年、もっとも注目されたUIデザインのテクニックのまとめ

2022/12/14(Wed) 09:14

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

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-best-of-2022.html

フォトショップでできる、学びやすい最新チュートリアル、つくり方まとめ

2022/12/09(Fri) 08:55

あらゆることができるフォトショップの使いかたをマスターする近道は、いろいろなつくり方を実際に作ってみることでしょう。手順通りにチュートリアルを進めることで、各ツールや機能の実用テクニックを、体感的に覚えることができます。今回は、フォトショップでできる、最新のつくり方やチュートリアルをまとめてご紹介します。

https://photoshopvip.net/142107

CSSの100vhがスマホで高さいっぱいにならない問題はこれで解決！ CSSの新しいビューポート単位の使い方と注意事項

2022/12/09(Fri) 08:54

先日リリースされたChrome 108で、CSSの新しいビューポート単位（svh, lvh, dvhなど）がサポートされました。SafariとFirefoxではすでにサポートされていましたが、Chromeでもサポートされたのは朗報です。この新しいビューポート単位の基本的な使い方と注意事項を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-large-small-dynamic-viewport-units.html

テクニカルSEOとは何をすることなのか？取り組むべき具体的な施策

2022/12/08(Thu) 08:58

テクニカルSEOとは、おもにWeb技術を使って実践するSEOを指す言葉である。テクニックを使って行うSEO＝ブラックハットSEO（作為的に検索エンジンを操る悪質なSEO）であると勘違いして、近づかないようにしている人もいるようだ。

https://lucy.ne.jp/bazubu/technical-seo-46634.html

企業ロゴの制作過程を1から100まで全部見せ〜実はここまでこだわっている〜

2022/12/08(Thu) 08:56

私は、１個のロゴを作るのに、100個のボツ案を作ります。そこまでして初めて、「これだ！！！」と思えるデザインと巡り合うことができます。ですので、「ロゴってちょっといい感じの文字と、ちょっといい感じのマークをそれなりに作ればできるもんじゃないの？」と思っている方へお伝えしたい

https://note.com/_kabe_chan/n/n9867f143aa2b

CSS Gridで実装すると簡単！ コンテンツは中央配置、最大幅・全幅・ちょい広めのレイアウトを実装できるテンプレート

2022/12/08(Thu) 08:55

レイアウトにCSS Flexboxは使用しているけど、CSS Gridはこれから。そんな人にお勧めのWebページでよく使用されるレイアウトを簡単に実装できるCSS Gridのテンプレートを紹介します。

https://coliss.com/articles/build-websites/operation/css/layout-breakouts-with-css-grid.html

HTMLが強みになる解説書、アクセシビリティやユーザビリティに配慮したコーディングを学べる -武器になるHTML

2022/12/05(Mon) 08:57

Webページを実装する際に重要なのは、HTMLです。しっかりと確かなHTMLが書けないと、CSSやJavaScriptにも影響を与えてしまいます。HTML Living Standardに基づいた知識、アクセシビリティやユーザビリティに配慮したコーディングを学べる、HTMLのみに特化された解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784297131326.html