Web制作に役立つ情報一覧

コーディング作業が爆速に！ すぐ使える便利なHTML5スニペット15個まとめ

2019/10/25(Fri) 10:04

HTMLはとても簡単に作成できますが、Webページの制作となると、フォームの作成など、何度も繰り返す必要のある作業もあります。このユーザーガイドでは、コーディング作業ですぐに使えるフロントエンド向けHTMLスニペット15個をまとめてご紹介します。

http://photoshopvip.net/118520

WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性

2019/10/23(Wed) 10:02

ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。

https://coliss.com/articles/build-websites/operation/work/turn-your-website-into-a-pwa.html

現役デザイナーが教える！CSSを使った円形サークルの使い方完全ガイド

2019/10/21(Mon) 09:52

この記事では、CSSでスタイリングされた円形コンテンツを使うときのポイント、そしてトラブルシューティングを実例サンプルコードと一緒にまとめています。

http://photoshopvip.net/118415

CSSで見出し固定＋レスポンシブ対応の表を作成 | Webクリエイターボックス

2019/10/17(Thu) 09:54

料金表やサービスプランの比較、タイムテーブルなどなど、使う場面が多い割には制限も多く、初心者には少しとっつきにくいと思われがちな表。今回はあると便利な表の見出し固定やレスポンシブ対応の方法を紹介します。

https://www.webcreatorbox.com/tech/responsive-table

ボタンやアイコンやナビゲーションなど、クリック・タップ可能な領域のサイズを広くする実装方法のまとめ

2019/10/15(Tue) 10:24

ボタンやアイコン、ナビゲーション、サイドバーなど、さまざまなUI要素に適したクリック・タップ可能な領域のサイズを拡張する実装方法を紹介します。

https://coliss.com/articles/build-websites/operation/css/enhancing-the-clickable-area-size.html

商用利用無料！カリグラフィ、ラインアートなど、さまざまなインクの質感で描けるPhotoshopのブラシ素材

2019/10/09(Wed) 09:54

カリグラフィ、ラインアート、ペインティングなど、さまざまなインクの質感で描けるPhotoshopのブラシ素材を紹介します。

https://coliss.com/articles/freebies/free-inktober-2019-photoshop-brushes-by-artistmef.html

Webサイトのクローラビリティを測るために重要な10のチェックポイント

2019/10/09(Wed) 09:53

SEOを理解する上での第一歩は検索エンジンの仕組みを知ることであり、それは、クロール・インデックス・ランキングの3ステップに大きく分けることができます。

https://www.seojapan.com/blog/10-key-checks-for-assessing-crawl-hygiene

【図解】グーグルのリンク評価20の原則【2019年版】（後編#11〜#20）

2019/10/08(Tue) 09:51

グーグルが被リンクや発リンクをどう評価しているのかの最新原則20を図で解説する記事、後編では残り10個のポイントを解説

https://webtan.impress.co.jp/e/2019/10/07/34043

【図解】グーグルのリンク評価20の原則【2019年版】（前編#1〜#10）

2019/10/08(Tue) 09:50

グーグルSEOで今でも順位決定の重要な要因であるリンク。しかし、グーグルがリンクをどう扱うかは、昔と比べて大きく変わっている。2019年において、グーグルは被リンクや発リンクをどう評価しているのか。どんなリンクが検索順位に影響をもつのか。基本から最新情報まで、20の原則を図で解説する。

https://webtan.impress.co.jp/e/2019/09/30/34042

古いCSSリセットからはもう卒業！モダンブラウザに適した新しいCSSリセット -A Modern CSS Reset

2019/10/07(Mon) 10:10

モダンブラウザをターゲットにしたWeb制作では、CSSにおけるブラウザの互換性の問題はIE6の頃に比べるとはるかに少なくなりました。無理なリセットやすべてをリセットする必要は全くありません。

https://coliss.com/articles/build-websites/operation/css/a-modern-css-reset.html