Web制作に役立つ情報一覧

CSSでここまでできるのか！知っておくと便利なCSSのプロパティや疑似要素のまとめ

2019/07/12(Fri) 09:45

CSSの進化は早いですね。一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。

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

HTMLに新しい要素ができる動き、ポップアップする通知パネル用のtoast要素

2019/07/10(Wed) 09:52

ブラウザの枠外からポップアップやスライドして表示される通知パネルを実装するために、HTMLの新しい要素<toast>ができるみたいです。

https://coliss.com/articles/build-websites/operation/work/html-toast-ui-element.html

商用利用無料！日本の美しい柄がデザインされた紙のテクスチャ素材 -Vintage Japanese Paper Textures

2019/07/09(Tue) 09:49

日本の美しい柄がデザインされた紙のテクスチャ素材を紹介します。テクスチャは3,600x3,600pxの高解像度で、Webでも紙のデザインでも無料で利用できます。

https://coliss.com/articles/products/vintage-japanese-paper-textures.html

遅延読み込み、無限スクロールなど、要素と境界の交差を非同期で検出する1Kbの超軽量スクリプト -Bounds.js

2019/07/04(Thu) 09:43

画像の遅延読み込みや無限スクロールを実装する際、ページ上に境界を定義し、その境界に要素が入ったかどうか判定して実行します。要素と境界の交差を非同期に検出し、パフォーマンスを改善する1Kbの軽量スクリプトを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/boundsjs-asynchronous-boundary-detection.html

誰かのせいで良いUXが提供できないと感じたら

2019/07/03(Wed) 09:50

私がUXの専門家から聞いた一番の不満は、「同僚や顧客、マネージャーが改善の障害になっている」ということだ。しかし、それはなぜでしょう。そして私たちはそれに対して何ができるのでしょうか。

https://uxmilk.jp/81700

スマホ向けのナビゲーションにハンバーガーメニューを使うなら、ソーセージリンクを試してみて

2019/07/02(Tue) 09:52

スマホ向けのナビゲーションにハンバーガーメニューが使用されるのを多く見かけると思います。ハンバーガーメニューが必ずしも悪いということではないですが、ハンバーガーのコンセプトを乱用または誤用している場合は、ソーセージリンクが適しているかもしれません。

https://coliss.com/articles/build-websites/operation/work/hamburger-menu-alternative.html

アクセシビリティを改善するために、通常のCSSのリセットに加えるスタイルシートを紹介します。

2019/07/01(Mon) 09:59

a11y css resetはWebページをアクセシブルにするために、既定のスタイル定義をリセットするための小さなグローバルルールをまとめたCSSファイルです。

https://coliss.com/articles/build-websites/operation/css/reset-css-for-accessible.html

デザインにフル活用！無料の最新フリーフォント素材64個まとめ 2019年6月度

2019/06/27(Thu) 09:51

デザインの印象を決定づける「フォント」は、利用するものによって大きくイメージが左右されます。この記事では、使うだけでオシャレに魅せる素敵な最新フリーフォントをまとめてご紹介します。

http://photoshopvip.net/116361

テキストだけのボタンは、なぜスマホでのユーザビリティを損なうのか

2019/06/25(Tue) 10:00

テキストをボタンにするのはデザインに手間がかからないので、簡単に設置できます。しかし、ユーザーはそのテキスト ボタンのテキストを読んだり、認識したり、タップすることに苦労を強いられます。

https://coliss.com/articles/build-websites/operation/work/why-text-buttons-hurt-mobile-usability.html

SEOで過小評価されている“キーワードカニバリゼーション”が発生する2つのパターンと見つけ方（中編）

2019/06/24(Mon) 10:03

SEOにおける「キーワードカニバライゼーション」が問題を引き起こす2つのパターンと、発生状況を把握するツールの利用について解説する

https://webtan.impress.co.jp/e/2019/06/24/32979