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

マイクロソフトとグーグルがPWAウェブアプリで協力、Playストアで公開可能に (engadget) / アドビがブログの見出しや画像を読者に合わせて、AIでカスタマイズするツールをテスト中 (TechCrunch) / 新刊 書籍:配色アイデア手帖 世界を彩る色と文化 めくって旅する新しいデザインの本 (アマゾン) / Googlebotはショッピングカートに商品を追加する、カゴ落ち率が悪化する可能性あり (海外SEO情報ブログ) / ReactとWeb ComponentsでGoogle Payの統合が簡単になりました (Google Developers Japan) / Image Scrubber - ウェブブラウザで上でプライバシーに配慮した写真加工を行う (MOONGIFT) / CSSで最近のウェブページやアプリのレイアウトに適した、ラッパーの実装テクニックを徹底解説 (コリス) / テキストや背景のグラデーションカラーを手軽に設定できる、CSSライブラリ「grxdients css」 (かちびと) / ウェブ制作の面倒な作業をラクにするCSS便利ツール59個まとめ (PhotoshopVIP) ... 続きを読む

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

新刊 書籍:見てわかる、迷わず決まる配色アイデア - 3色だけでセンスのいい色 (アマゾン) / Trusted Web Activityを使用したPWAの品質基準の変更 (Google Developers Japan) / グーグル画像検索が関連エンティティの情報を提供するように (海外SEO情報ブログ) / SEOのインハウス vs アウトソース、どちらが良い?メリットデメリット&ポイント解説 (Web担当者Forum) / LP (ランディングページ) で実施したA/Bテストでおかしがちな5つの失敗パターン (フェレット) / HTML/CSS/JavaScriptで作られた汎用的なコンポーネントを、動作確認したりコードをコピーしたり選んでまとめてダウンロードできる「html systems」 (かちびと) / Grid.js - React/Angular/VueをサポートしたHTMLテーブルライブラリ (MOONGIFT) / HTMLコーダーにとっての2020年、アンケート結果から分析するイマドキのウェブ制作 (ICS MEDIA) / スクロールで色相を変化 (Hail2u) ... 続きを読む

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

新刊 書籍:トレース&模写で学ぶ デザインのドリル (アマゾン) / グーグル、リッチリザルトのテストが正式版に - 構造化データのテストツールは提供終了 (海外SEO情報ブログ) / 2020年のChromiumのブラウザ互換性の改善について (Google Developers Japan) / ナビゲーションプラットフォームのWaze、UIとデザインを運転中の気分にフォーカス (TechCrunch) / ヒートマップツールを用いてLPOを実施しよう、無料ヒートマップツール5選 (フェレット) / ネイティブのタッチ・スワイプ操作に対応したスライダーを簡単に実装できるJavaScriptライブラリ「keen-slider」 (コリス) / ウェブアプリ等に手軽にキーバインドを実装できるスクリプト「whenipress」 (かちびと) / Custom SchemeプラグインとAngularJSのunsafe問題について (アシアル) / tailblocks - Tailwindをベースにしたブロックデザインパターン (MOONGIFT) ... 続きを読む

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

新刊 書籍:コンセプトが伝わるデザインのロジック (アマゾン) / AMP + Web Vitalsでよりよいウェブを (Google Developers Japan) / アカウント停止につながる!やってはいけないMEO (ローカルSEO) 対策 (フェレット) / サーチコンソールのパフォーマンスレポートで正規表現が使えるようになるかも (海外SEO情報ブログ) / Excalidraw Claymate - Excalidrawを使ったアニメーション作成ソフトウェア (MOONGIFT) / フォルダ等のツリー構造をASCIIで作れるOSSなウェブアプリ「tree nathanfriend io」 (かちびと) / Three.jsで海を表示してみる (バシャログ) / 古いEdgeでは利用できたのに! 新しいEdgeで現在利用できない機能 - 要望が多ければ復活することもあるかも? (窓の杜) / Chromeの新機能、CSS Overviewがすごく便利!ページに使用しているCSSの概要や未使用の宣言がすぐ分かる (コリス) ... 続きを読む

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

「グーグルアナリティクスを見るのが面倒」から生まれた、2,000円のアクセス解析レポートとは? (MarkeZine) / マネーフォワード、サービスのリニューアルに失敗 - わずか1日で無かったことに (市況かぶ全力2階建) / 気象庁、公式サイトにウェブ広告掲載で収益確保へ - 持続的・安定的な情報提供を維持するため (ITmedia) / 暗黒時代だけど懐かしい?90年代のウェブ技術やトレンドを集めた博覧会サイトが話題 (INTERNET Watch) / ゲームから学べる学習ループUX (could) / Android版Chrome、ようやく64bit対応へ (携帯総合研究所) / Chromeにバッテリ動作を2時間延ばす試験的機能 (PC Watch) / 新しいEdgeが、勝手にChromeやFirefoxからデータを抜き取る? (窓の杜) / Skip Silence - 動画の無音部分だけを高速再生するChrome機能拡張 (MOONGIFT) ... 続きを読む

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

Twitter、コードやドキュメント内の用語「Whitelist/Blacklist」などを好ましい用語へ置き換え - 具体例も発表 (Publickey) / コロナ収束後もテレワークを推奨!企業の「これから」を調査 (フェレット) / 【一問一答】アップルの「 IDFA 」とは何か?iPhoneユーザー向けの広告識別子 (DIGIDAY) / Chromeもダメ、Edgeもダメ - マイナポイント予約、PCは「IE11」のみ対応です (J-CAST) / 日本人は議論が苦手?デザイン思考を成功に導くファシリテーションとは (freshtrax) / Webrecorder Desktop App - ウェブブラウジングを記録するアプリ (MOONGIFT) / プログラミングをする必要がなくなった後に人間に何が残るのか? (YAMDAS現更新履歴) / あなたなら負け戦の案件で何をする? (could) / 知識が一目瞭然「PCのどの分野に詳しいか」を可視化できるチェックシート無料公開中 (INTERNET Watch) ... 続きを読む

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

新刊 書籍:今すぐ書ける 1分間プログラミング (アマゾン) / グーグルでのスパムレポートの利用方法 (Googleウェブマスター向け公式ブログ) / デザイン原則を作るときに忘れてはならない「決める力」 (could) / SNSだけじゃもう足りない、withコロナを乗り切るための集客ツール7選 (フェレット) / グーグルスプレッドシートでチケット販売も可能なイベントページを作成出来る「Slick events」 (かちびと) / クライアントにより良いコンテンツを作ってもらうために (UX MILK) / LaTeX.css - HTMLをLaTeX風に表示するCSS (MOONGIFT) / 模造紙風の背景色 (Hail2u) / 【商用可&無料】2020年上半期ベスト英語・日本語フリーフォント厳選90個まとめ (PhotoshopVIP) ... 続きを読む