HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月25日)

新しいテーマを追加した「Firefox 81」が正式リリース - キーボードやヘッドフォンによるメディアコントロールにも対応、PDFビューワーも強化 (窓の杜) / Chrome 86: フォーカス ハイライトの改善、WebHID など (Google Developers Japan) / 電子書籍:JavaScript 初級者が知るべき39のこと (アマゾン Kindle) / SEOに影響のある5つのUXデザイン手法 (UX MILK) / SEOを意識したリライトはどうすべき?まずはタイトルを見直そう (フェレット) / Finicky - 設定に沿ってブラウザを自動切り替え (MOONGIFT) / プログラミングは文系でも大丈夫!数学が苦手でも関係なくエンジニアにはなれる (creive) / 2020年、オンラインサービスやウェブアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ (コリス) / 1,000以上のシンプルなアイコンがSVGやPNGで用意され、全てオープンソースとして利用できる「Emblemicons」 (かちびと) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月24日)

macOS版 Safari 14登場、Flashの廃止と新機能多数 - Big Surより先に (マイナビ) / 電子書籍:速習webpack 第2版 (アマゾン Kindle) / AMPを採用したウェブサイトをリリースし、運用してきた雑感 (アシアル) / 高品質で信頼できるコンテンツを、グーグルはどのようにして検索で提供しているのか (海外SEO情報ブログ) / AndroidのSecure DNSによるプライバシーの高い安全なウェブブラウジング (Google Developers Japan) / コード不要でレスポンシブ対応のウェブページを作成、ダウンロードできるシンプルなウェブサイトビルダーアプリ「Aspect」 (かちびと) / Fuzbal - ページ内でファジーな検索を可能にする、Chrome機能拡張 (MOONGIFT) / JavaScriptでのメディアクエリ、matchMediaの使い方を解説 (コリス) / ニートがプログラミングを武器に就職する際に、気をつけるべきことと必ずやるべきこと (creive) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月23日)

マイクロソフト、GitHubをTeamsに統合 - Teamsアプリをプレビュー公開 - Teamsを離れることなく開発プロジェクトを進められる (窓の杜) / 電子書籍:React実践入門: Reactの基礎を理解してシンプルなアプリケーションを作る (アマゾン Kindle) / 開発中サイトを検索結果にインデックスさせない方法 - 推奨はユーザー認証かIP制限 (海外SEO情報ブログ) / 良質なUIのデザイン例を任意のキーワードで検索できる「lookup.design」 (かちびと) / GitHub、コマンドラインツール「GitHub CLI 1.0」正式リリース - コマンドラインからIssueやプルリクなど実行可能 (Publickey) / LogBox - 開発者ツールを開かずにエラーを補足する (MOONGIFT) / Puppeteerで静的サイトのFont Subsetting (blog jxck io) / 侍エンジニア塾の口コミ・評判を分析!行ってはならないという悪い口コミは本当なのか? (creive) / コピペで簡単!シンプルなHTMLとCSSで実装された、17種類のヘッダのテンプレート「headers.css」 (コリス) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月18日)

電子書籍:数式をプログラミングするにあたって知っておきたい実践ノウハウ集 (アマゾン Kindle) / AMPページと非AMPページの記事構造化データの違いをグーグルが明確化 (海外SEO情報ブログ) / UXの学習に知識整理が欠かせない理由 (could) / マイクロコピーこそがUXライティングのカギ (UX MILK) / CTAを改善してコンバージョンを増やす 7つの簡単な方法 (フェレット) / 美しいカラーパレットを大量に大量に保管している「Hex Palette」 (かちびと) / 「code room」でプログラミングの挫折ゼロへ!完全無料なのに快適なコミュニケーションツールの実態を探った (LIG) / 商用可で無料!UIデザイン用のSVGアイコンライブラリ28個まとめ (PhotoshopVIP) / Perfect Edition - HTMLとePub対応の電子書籍テンプレート (MOONGIFT) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月17日)

電子書籍:SEO対策・超入門2020 - アフターコロナ対応 (アマゾン Kindle) / これは凄い、ウェブ時代の縦スクロール前提なコンテンツとして現時点での完成形に近いんじゃないだろうか (inuro | Twitter) / サーチコンソールのURLパラメータツール新バージョンをグーグルが準備中 (海外SEO情報ブログ) / アクセシビリティとは一部のユーザーのためだけではない (UX MILK) / GitHub/GitLabとの統合用WebIDE「Gitpod」がオープンソースで公開、GitHub Codespacesを先取りする開発環境 (Publickey) / カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました (WWW WATCH) / プロファイルによる最適化でChromeを高速化する (Google Developers Japan) / 細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ「filters.css」 (かちびと) / ditaa - アスキーアートを図 (SVG) に変換 (MOONGIFT) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月16日)

モジラ、アドオンを宣伝する仕組みをテスト - 有料で検証済みバッジを付与、日本の開発者は今のところ対象外 (窓の杜) / 電子書籍:SEOの処方箋 - 実践3ステップ! (アマゾン Kindle) / GooglebotはBrotli圧縮をサポートしている (海外SEO情報ブログ) / グーグルアラートを利用してリンクビルディングを行う方法 (SEO Japan) / 良質サンプル多数!ウェブの参考にしたい最新ウェブデザイン45個まとめ (PhotoshopVIP) / :focus-within疑似クラスでキーボード操作に対応したドロップダウンメニューを作ってみよう (WWW WATCH) / CSSでheight: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック (コリス) / CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる「Beautiful CSS box-shadow examples」 (かちびと) / Heroicons - 140種類のSVGアイコン集 (MOONGIFT) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月15日)

電子書籍:アフィリエイトで稼ぐためのSEO対策きほんの「き」30分で分かる初心者向けSEO対策思考法 (アマゾン Kindle) / 安全でないフォームからChromeユーザーを守る (Google Developers Japan) / 1,801のユーザー行動を分析した結果わかった、ユーザーがグーグルを使う際の12の真実 (SEO Japan) / パンくずリスト構造化データに「名前のないアイテム」が出る理由とその対処方法 (海外SEO情報ブログ) / 世界のユニークな404ページを37サイトから集めてみた (Web担当者Forum) / マイクロソフト「Visual Studio Codespaces」を「GitHub Codespaces」に統合 - クラウドでホストされる開発環境という点で共通の2サービスを一本化 (窓の杜) / wasgen - Web Audio用のサウンドを生成するライブラリ (MOONGIFT) / 画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法 (コリス) / 色や太さ、サイズなどを設定して利用できるシンプルなSVGアイコンセット「iconhub」 (かちびと) ... 続きを読む