Web制作に役立つ情報一覧

[CSS]これは知らなかった！セレクタを使った条件分岐のテクニック

古いブラウザ用のスタイルシートとモダンブラウザ用のスタイルシートは、どのように分けて記述していますか？

https://coliss.com/articles/build-websites/operation/css/using-feature-detection-with-selectors.html

これが欲しかった！無料のすごいフリーフォント55選 2018年10月度

世界中で公開されているたくさんのフリーフォントですが、「数が多すぎてどれを使えばいいのか迷ってしまう。」と思ったことがあるひとも多いのではないでしょうか。当サイトでは、無料ダウンロードできる高品質フリーフォントを厳選ピックアップし、定期的にご紹介しています。

http://photoshopvip.net/111634

【コピペ改変OK】CSSだけで作れるボタンデザイン10選

HTMLとCSSだけで作れるボタンのデザインのサンプルをまとめました。カーソルを合わせたあとのスタイルもクリックしたあとのスタイルもすべて用意してあるので操作感もバッチリです。そのままコピー＆ペーストで使っても、大きさや色を変更してもOKです。

https://creive.me/archives/15410/

バックグラウンドに動画を使うことのメリットとデメリット

バックグラウンドに動画を使う手法は、数年前に出てきたデザイントレンドですが、デザイナーの中でも議論され続けています。この方法は、関心の薄いオンラインユーザーの注目を集めることができます。押しつけがましい印象を与えずにバックグラウンドで再生でき、サイトの訪問者のエンゲージメントを高めることもできます。

https://uxmilk.jp/64146

2018年のSEOで押さえておきたい！ 22の基本知識と最新Google情報

イマドキのSEOで押さえておきたい基本知識から最新グーグル情報までを22個まとめてお届けする。グーグルのゲイリー・イリェーシュ氏が、最近のグーグルの変化や検索エンジン最適化のために知っておくべきこととして語ったものだ。

https://webtan.impress.co.jp/e/2018/10/26/30810

もうアイコン素材に困らない！CC0でSVG完備、420種類のシンプルにデザインされたアイコン素材 -Evericons

シンプルなアイコン素材は、重宝しますよね。Webサイトやブログ、スマホアプリなどにぴったりな、シンプルにデザインされた無料で利用できるSVG完備のアイコン素材を紹介します。

https://coliss.com/articles/freebies/free-svg-icons-evericons.html

レイアウトで選ぶWebデザイン・HTMLテンプレート40個総まとめ 2018年版

今回は、無料ダウンロードできる高品質HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。

http://photoshopvip.net/111506

ユーザーが信頼できる支払い画面を作るための７つのヒント

アプリには、「求める前にまずは与えよ（Give before you take）」という原則があります。ユーザーにアプリのレビューや通知の許可、商品の購入などをして欲しいときは、まず自分の価値を示すべきです。アプリの中でこの原則がもっとも重要な場所の１つはどこでしょうか？　答えは支払い画面です。

https://uxmilk.jp/74574

CSSのborder-radiusは実はすごかった！あまり知られていない機能を使用して、かっこいいレイアウトを作る方法

border-radiusプロパティは角丸を定義しますが、カードなどの矩形の角を丸くするために使用するだけでなく、さまざまな形を作成することができます。

https://coliss.com/articles/build-websites/operation/css/css-border-radius-can-do-that.html

モバイルのレスポンシブデザインにおける４つの基本ポイント

さまざまな画面サイズのデバイスがあることから、今ではレスポンシブデザインが当たり前になっています。ユーザーがデバイスに関係なくコンテンツを利用できるように、さまざまな環境でテストをしながらWebサイトをデザインする必要があります。

https://uxmilk.jp/74883