HTML5/CSS3のニュースやTIPSなどのまとめ (2021年7月27日)

iOS版Chrome 92、シークレットタブをFace IDなどでロック可能に (engadget) / 新刊 書籍:日本語だからスイスイ作れる プログラミング入門教室 (アマゾン) / グーグルコアアップデートはローカル検索には影響しない - 一方、画像検索には? (海外SEO情報ブログ) / スタディサプリがReact Nativeから卒業するまで、あるいは技術的負債への感謝と敬意 (Quipper Product Team Blog) / Div.js - divタグだけでHTMLページを作成できる? (MOONGIFT) / canvasで大量の円がランダムに動くパーティクルを実装してみよう! (LIG) / ドラッグ&ドロップでTailwind.cssベースのウェブページを作成出来る、ノーコードウェブサイトビルダー「Windframe」 (かちびと) / レスポンシブ対応のレイアウトや、コンポーネントだけを実装するCSSのシンプルなコードのまとめ「SmolCSS」 (コリス) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2021年7月26日)

Google Chrome 92が正式公開 - Chrome Actionを拡充、サイト分離も強化 (窓の杜) / 新刊 書籍:シン・デジタル教育 - 10年後、わが子がAIに勝つために必要なこと (アマゾン) / CLS改善した結果、事業成果がグンと上がった話 (CyberAgent Developers Blog) / サーチコンソールからAMPページエクスペリエンスガイドでコアウェブバイタルをダイレクト検証する (海外SEO情報ブログ) / Next.jsベースのオープンソース静的サイトジェネレーター「Nextra」 (かちびと) / Statsig - GitHub Actionsを使ったサーバレスなステータスページ (MOONGIFT) / secretlintが見つけた機密情報をマスクできるようになりました (Web Scratch) / ウェブ制作に役立つ!面倒なCSSのコードを簡単に生成できる便利ツールをまとめました (コリス) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2021年7月21日)

Chromeが全てのウェブページをHTTPS優先で読み込む「HTTPSファーストモード」を導入予定 (ギガジン) / 新刊 書籍:Webデザインの新しい教科書 改訂3版 - 基礎から覚える、深く理解できる - Flexbox、CSS Grid、レスポンシブ (アマゾン) / グーグルの求人情報、構造化データに2つの変更あり (海外SEO情報ブログ) / ワードプレスにヒートマップを導入する方法は?おすすめプラグインも紹介 (フェレット) / ウェブ制作をサポートする、実用的なツールを50以上公開している「toolb dev」 (かちびと)t / TypeScriptハンドブック (6) nullとundefinedなど (Fumio Nonaka) / iOS Safariで絶対配置 (position: fixed;) して惰性スクロールしてもロックしない、フリーズ回避方法 (シンプルシンプルデザイン) / ビジネスやオンラインショップに使えるおしゃれなイラスト素材!商用プロジェクトでも完全に無料「Scale」 (コリス) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2021年7月20日)

新刊 書籍:イラスト図解式 この一冊で全部わかるWeb制作と運用の基本 (アマゾン) / グーグル、検索エンジンを劇的に改良中 - 新技術「MUM」で何がどう変わるのか? (Business Insider) / モバイルページとPCページのインデックス方法をグーグルは変えたのか? (海外SEO情報ブログ) / Next.js (SSG) + Vercel + GitHub Actionsを使用した定期デプロイ (WWW WATCH) / viteとsingle-spaで作るマイクロフロントエンド基盤 (mizchi | Zenn) / ダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセット「Vechai UI」 (かちびと) / パフォーマンスの文化を創る (POSTD) / スクロールに連動するアニメーションを実装する時は、JSのIntersection Observerを使用すると簡単に実装できる (コリス) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2021年7月19日)

Firefox 90が安定版に、Windows版がバックグラウンドアップデートに対応 (窓の杜) / 新刊 書籍:トレース&模写で学ぶ デザインのドリル2 コンセプト編 (アマゾン) / ソフト404の検出方法をグーグルがこっそり変更していた (海外SEO情報ブログ) / ウェブマーケティングにおけるKPIとは、サイトの目標達成を目指すKPIの設定方法と施策の立て方 (フェレット) / jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 (ICS MEDIA) / どのJavaScriptフレームワークでも使えるVanillaな、ドラッグ&ドロップライブラリ「DFlex」 (かちびと) / 機械学習入門!2021年7月の学べるエンジニアニュース (コムテブログ) / CSSで上下左右の中央に配置する時の「position: fixed;」での新しい記述方法 (コリス) ... 続きを読む

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

IT系上場企業の平均年収を業種別にみてみた - 2021年版 (Publickey) / ソフトバンクが日本における「Yahoo」商標の永久ライセンスを1,785億円で取得 (TechCrunch) / 2021年6月に読んだウェブ・デザイン関連の本 (Webクリエイターボックス) / ユーザーの感情に響くエモーショナルデザインとは? (freshtrax) / 国産のChromium派生ブラウザ「Kinza」Google APIへのアクセス打ち切りで継続断念 (INTERNET Watch) / ヘタクソなコードを書いてもいい (覚書) / アシアルのカジュアル面談 (アシアル) / ピクセルフォントが大好物な人に!第1・第2水準漢字まで収録された商用無料のフリーフォント「マルモニカ」 (コリス) ... 続きを読む

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

新刊 書籍:改訂版 高校生からはじめる プログラミング (アマゾン) / たった一つの記事を4ヶ月間、平日毎日更新して気づいたこと (じきるう 編集者 | note) / ページエクスペリエンスシグナルのHTTPSとCWVは別々に評価される (海外SEO情報ブログ) / ウェブデザイン制作で役立つ、便利な最新オンラインツール41個まとめ (PhotoshopVIP) / Carden - ウェブサイトから作成するフラッシュカード (MOONGIFT) / WeakRefとconsole.log (mizchi | Zenn) / ES2021に対応したJavaScript Primer 3.0を公開しました - JavaScript入門 | Web Scratch / 早く言ってよー!CSSのtransformは同じ関数を複数回つかってもOKだった (LIG) ... 続きを読む