Web制作に役立つ情報一覧

よくあるWeb制作の悩みをCSSで解決！最新テクニック40選まとめ

2021/10/28(Thu) 09:11

この記事では、普段のホームページ制作で直面しがちな課題を解決するCSSテクニックをまとめて紹介しています。クライアントからの要望も多いCSSの小技テクから、「これがCSSだけでできるの？」と疑いたくなるような最新の使い方まで、実例やサンプル用ソースコードと一緒に確認できます。

https://photoshopvip.net/131693

Webサイトの会社情報・採用コンテンツのデザイン、ブランディング、情報設計に特化されたデザイン書

2021/10/25(Mon) 08:54

企業サイトを受注した際に欠かせないのが、会社情報・採用コンテンツ。私もたくさんの企業サイトのローンチ・リニューアルにコアメンバーとして参加しましたが、企業ごとに異なり、やりがいのある非常に面白いコンテンツです。

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

知っておくと便利で役に立つHTMLの属性のまとめ

2021/10/25(Mon) 08:53

あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロードできるファイルのタイプを指定できるaccept属性など、HTMLだけで実装できるのかという便利な属性ばかりです。

https://coliss.com/articles/build-websites/operation/work/useful-html-attributes-you-may-not-know.html

HTML属性を使い、ユーザーに優しい2要素認証を実現する方法

2021/10/22(Fri) 09:02

ユーザーから見ると、ログイン操作、特に2要素認証コードの入力は面倒なものです。開発者として、アカウントセキュリティ要件を満たすアプリケーション構築は必須ですが、快適な操作性にも気を配る必要があります。この2つの要件がトレードオフに感じることもあるでしょう。

https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete-jp

フォント選びの革命書！センスのいいデザインになるフォントの組み合わせがよく分かる -マネするだけでセンスのいいフォント

2021/10/18(Mon) 08:58

デザインに使うのはいつも同じフォント、、、たくさんのフォントの中からどう組み合わせたらよいのか分からない、、、使用するフォントに悩む人に朗報です、センスのいいデザインになる3種類のフォントの組み合わせがすでに選ばれたフォント選びの革命書を紹介します。

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

レスポンシブ対応にメディアクエリなしで、CSSの関数で定義！border-radiusの値を変えるテクニック

2021/10/15(Fri) 08:51

border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。メディアクエリで簡単に実装できると思うかもしれません。しかし、ビューポートのサイズが小さく、マージンがある場合に8pxの角丸になりません。この難しい条件をCSSの関数で実装するテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/conditional-border-radius-in-css.html

CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法

2021/10/14(Thu) 08:55

先日アップデートされたSafari 15とSamsung Internet 15により、すべてのエバーグリーンブラウザでaspect-ratioプロパティがサポートされました。aspect-ratioプロパティを使用することで、レスポンシブ対応の画像をアスペクト比を維持したまま簡単に実装できます。

https://coliss.com/articles/build-websites/operation/css/css-ways-to-create-fixed-aspect-ratio.html

もう悩まない！リスティング広告のやり方・始め方完全ガイド

2021/10/12(Tue) 09:28

リスティング広告は、GoogleやYahoo!といった検索エンジンの検索結果上に表示できる広告です。効果的な集客施策ですが、以下のような悩みを持っている方も多いのではないでしょうか。「リスティング広告の始め方がわからない」「広告を配信した後の運用のやり方は？」

https://www.seohacks.net/blog/11194/

CSSの新しい単位がすごく便利！コンテナベースの相対単位「コンテナ単位（qw, qh）」の基礎知識と使い方

2021/10/11(Mon) 09:14

CSSでよく使用する単位といえば、px, em, remをはじめ、最近ではvh, vwなどだと思います。特にレスポンシブ対応のレイアウト・コンポーネントを実装する時には、ビューポート相対単位のvh, vwが非常に便利です。

https://coliss.com/articles/build-websites/operation/css/css-container-query-units.html

デザインの近道！無料おすすめ最新フリーフォントまとめ 2021年10月度

2021/10/06(Wed) 08:53

デザインの決め手となるフォントは、あらゆる案件に対応できるよう、できれば幅広いセレクションを持っておきたいところ。しかし、フリーフォントがありすぎてどれを使ったらよいか困る、というひとも多いでしょう。

https://photoshopvip.net/131486