Web制作に役立つ情報一覧

モダンCSSで実装する、テーブル（<table>）のさまざまなスタイルのまとめ

2024/02/09(Fri) 09:00

モダンCSSでテーブルをゼブラストライプしたり、テーブルの四隅を角丸にしたり（昔はかなり面倒でした）、列や行を分割したり、ホバーでハイライトやアウトラインを表示したりなど、表のデータを読みやすくするテーブル（<table>）のさまざまなスタイルを紹介します。

https://coliss.com/articles/build-websites/operation/css/a-guide-to-styling-tables.html

逆SEO対策とは？効果的な方法と避けるべき施策を徹底解説

2024/02/09(Fri) 08:59

ウェブメディア運営の一環として、SEO対策は欠かせません。一般的に検索順位を上げる対策をSEO対策と呼びますが、検索順位を下げる対策を「逆SEO」と呼びます。

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

商用利用も完全に無料！ これはすぐに使いたくなる、オールドスタイルの美しいフリーフォント -築豊35ポイントゴチック

2024/02/06(Tue) 08:58

今回リリースされた「築豊35ポイントゴチック」もオールドスタイルで、ハネやハライがあるゴシック体です。見出し・タイトルだけでなく、本文にも使える使い勝手のよい日本語フリーフォントです。

https://coliss.com/articles/freebies/free-font-tsukuhou-35point-gothic.html

想定外の新機能！ HTMLの<input type="checkbox" switch>だけで、スイッチUIが実装できるようになるぞ

2024/02/02(Fri) 09:05

WebサイトやアプリのUIで、スイッチを実装するのはなかなか面倒です。CSSで書くと、なかなかのボリュームになってしまいます。そんなスイッチがHTMLだけで実装できるようになります。

https://coliss.com/articles/build-websites/operation/work/safari-support-for-input-type-checkbox-switch.html

SEO分析とは？押さえておくべき10項目と成果を上げるポイントを紹介

2024/01/31(Wed) 09:29

SEOで成果を上げるためには、競合サイトや自社サイトを分析し、改善していくことが重要です。そこで本記事では、具体的なSEOの分析方法をお伝えします。なお、ナイルではSEOのコンサルティングサービスを行っています。2,000社以上を支援した実績をもとにご提案いたしますので、興味があれば下記から無料資料をご覧ください。

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

見直しておきたい2024 年の SEO 戦略チェックリスト

2024/01/30(Tue) 09:03

この記事では、高レベルのビジネス上の考慮事項から、結果を生み出す具体的なデータ、ツール、コンテンツ、技術要素に至るまで、見直すべき主要な戦略的側面を概説しています。小さな調整を目指しているのか、大きな変更を目指しているのかにかかわらず、このチェックリストは、次の12ヶ月間のSEOプログラムを成功に導くのに役立ちます。

https://www.seojapan.com/blog/seostrategy_checklist_2024

商用でも完全に無料！ 日本や世界の古地図にインスピレーションを得て作成されたブラシ素材 -Fantasy Map Brushes

2024/01/29(Mon) 09:02

日本や世界の古地図（浮世絵や木版画なども）にインスピレーションを得て作成されたブラシ素材を紹介します。ブラシはPhotoshop用ですが、GIMP, Affinity Photo, Procreate, クリスタなど他のアプリでも使用できます。

https://coliss.com/articles/freebies/fantasy-map-brushes.html

「Webアクセシビリティ」とは？ デザイン制作に意識すべきこと

2024/01/24(Wed) 08:55

現在はインターネットを通じ、いつでも・誰とでも簡単にコミュニケーションを取ることが出来ます。デジタル技術の進歩により様々な事が出来るようになった今、アクセシビリティの重要性が高まっています。

https://fastcoding.jp/blog/all/ui-ux/webaccessibility/

【商用可】HTMLテンプレートを無料ダウンロードできる厳選サイト11個

2024/01/23(Tue) 08:53

HTMLテンプレートを無料でダウンロードできるサイトを厳選してご紹介します。より具体的には、CSSフレームワークに依存しないVanilla CSSテンプレートとなっています。数あるテンプレート配布サイトの中で、これから以下に挙げるサイトが特にお気に入り。選択基準はこんな感じ。

https://photoshopvip.net/155092

Web制作やアプリ開発で、ChatGPTにしてもらうと便利なことをまとめた解説書 -エンジニアのためのChatGPT活用入門

2024/01/22(Mon) 08:52

今年は、Webサイトの制作やアプリの開発にAIを活用するシーンがさらに増えそうですね。「HTMLで入力フォームを作って、CSSはBootstrapで。」「MySQLで商品名・価格・在庫数を管理するデータベースを作って。」とお願いすれば、AIはすぐに適切なコードで作成してくれます。

https://coliss.com/articles/book-review/isbn-9784295018230.html#google_vignette