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

新刊 書籍:UIデザイン みんなで考え、カイゼンする。 (アマゾン) / グーグル、Chromeでブロックされる「鬱陶しい広告表示」基準を公開 (PC Watch) / JavaScript SEO - AngularとReactとVueはグーグル検索のSEOで利用可能、ただし注意点あり (海外SEO情報ブログ) / ウェブサイト分析とAI (スターフィールド) / 白黒写真をワンクリックでカラー化できる無料ツール「ColouriseSG」がすごい件 (PhotoshopVIP) / 便利なのが登場!スマホにもスクロール時に滑らかなアニメーションを適用できる超軽量スクリプト「lax.js」 (コリス) / 1人チームのデザイナーが、6人チームになったらこんな変化がありました (bebe SmartHR | note) / アットコスメ共通のアイコン配布において最適なSVGを研究しました (istyle Tech Blog) / 無料で商用利用OK!ウェブ制作まわりで使えそうなアイコン作りました - Web Icons (Webクリエイターボックス) ... 続きを読む

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

FirefoxのiOS版がiPad向けに最適化、デスクトップに近い機能も (TechCrunch) / 新刊 書籍:UIデザインの教科書 - マルチデバイス時代のインターフェース設計 (アマゾン) / ウェブ制作者が見落としがちな、ハンバーガーメニューをスマホに実装する時の注意すべきポイント (コリス) / 固定ナビゲーションにおけるベストプラクティスとは (UX MILK) / headセクションにiframeを埋め込んではいけない、iframe以降の要素はグーグルにすべて無視される (海外SEO情報ブログ) / Kanon - プログラミングコードを可視化 (MOONGIFT) / 手元のコードのパフォーマンスを計測するperformance.markのスニペット (Web Scratch) / 動作確認が先かコードレビューが先か (かっくん | note) / CSSの技術的負債との向き合い方 (Takuya Matsumoto | Speaker Deck) ... 続きを読む

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

モジラ「Firefox 66」を正式公開、突如再生されるサウンドをブロック - スクロールアンカーの導入や検索機能の強化、新しい証明書エラーページなどにも注目 (窓の杜) / F5、急成長のWebサーバ「NGINX」開発元を買収 ( ITmedia) / 新刊 書籍:今すぐ使えるかんたん Jimdo 無料で作るホームページ 改訂4版 (アマゾン) / ウェブデザイン制作が爆速に!便利な最新オンラインツール47個まとめ (PhotoshopVIP) / プレーンテキストでデータを入力すると自動でチャートを生成してくれる「FastCharts」 (かちびと) / JavaScript SEO、サーバーサイドでレンダリングすべき要素 - メインコンテンツ、構造化データ、titleタグ、hreflangほか (海外SEO情報ブログ) / 今更ながら、親ボタンの周りに子ボタンを扇状に表示させてみる (バシャログ) / テキストリンクやボタン、プリローダーなどで使えるCSSアニメーションのスニペット集「CSSeffectsSnippets」 (コリス) / RTS - レスポンシブにテキストサイズを変える (MOONGIFT) ... 続きを読む

HTML5/CSS3のニュースやTIPSなどのまとめ (2019年3月22日)

新刊 書籍:小学校プログラミング教育の研修ガイドブック (アマゾン) / ウチのサイト表示、世間と比べて重い?軽い?相場データと調査方法を大解説! (海外SEO情報ブログ) / 活用事例からみるマウスインタラクション (UX MILK) / 2019年の全てのウェブ業界が使うべき、最強のデザインコード抽出・共有・履歴・管理ツール「Avocode」 (ryuta69 | Qiita) / 保存版!デザインツールの総まとめ - 200種類以上の定番ツールから最近リリースされた注目のツールまで (コリス) / Visual Studio Codeではじめるシーケンス図 (アシアルブログ) / Slip.js - スワイプ&ドラッグが使えるリストUIライブラリ (MOONGIFT) / パフォーマンスバジェットのご紹介 - ウェブパフォーマンスのための予算管理 (Google Developers Japan) / JavaScriptのArrayを知る、大きな目標への小さな一歩 - Array.prototype.concat編 (LIG) ... 続きを読む

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

2019年IT業界の成長予測と12のトレンドを発表 - ITテクノロジー人材需要により、採用市場は2019年も厳しい状況 (fabcross) / 完全に閉鎖されたネットは、国家を孤立させ、成長率を低め、そして停滞させる (TechCrunch) / サービスに求められるものを、6段階に分類する (深津貴之 fladdict | note) / 70歳のお父さんにサイト移行の手続きは難しい、Yahoo!ジオシティーズ終了の持つ意味 (Rriver) / DuckDuckGo、Chromeの既定検索エンジンリストに採用 (CNET) / Google Chromeの拡張機能「Cluster」とは?タブ管理に最適化されたアドオン (ライフハッカー) / Firefox、 Chromeのパフォーマンスをよみがえらせる「SpeedyFox」 (窓の杜) / Simple URL Copy - スマートにURLとタイトルをコピー (MOONGIFT) / OSSで報酬が支給された話 (技術探し) ... 続きを読む

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

Android版Chromeのデータセーバー機能がHTTPSをサポート - 低速回線で最大90%の通信量削減、ページ読み込みを2倍高速化できる (窓の杜) / ChromeがNintendo Switchコントローラーに対応へ! (ギズモード) / 新刊 書籍:Webデザイン・スタンダード 伝わるビジュアルづくりとクリエイティブの最新技法 (アマゾン) / ウェブページの最適な日付をグーグル検索に知らせるには (Google ウェブマスター向け公式ブログ) / 人工知能を用いてウェブサイトのテストを自動化する (アシアルブログ) / オンプレでVisualStudio Code as a Serviceできるcode-serverを試す (m5d215 | Qiita) / 本当に簡単にできて驚いた!面倒な設定は一切不要、秒速でウェブ開発用のサーバーが構築できる「Zero Server」 (コリス) / オープンソースのGoogle Image Charts代替「QuickChart」 (かちびと) / Nuxt de Portfolio #3 コンポーネントを整理する (LIG) ... 続きを読む

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

Node.js Foundationと、ESLintやAppiumなどをホストするJS Foundationが合併し「OpenJS Foundation」が発足 (Publickey) / 新刊 書籍:1冊ですべて身につくHTML&CSSとWebデザイン入門講座 (アマゾン) / ソリッドとアウトライン、どちらのアイコンが認識しやすいか (コリス) / Chrome 73でDesktop PWA Support & mdbufアップデート (mizchi's blog) / 座標とタイムスタンプのデータをJSONで渡すと、グーグルマップ上でその経路をアニメーション表示してくれるスクリプト「maps-journey-replay」 (かちびと) / Nuxt.jsをコーディングツールとして使えるか試してみる (スターフィールド) / 入門:jQueryの導入方法から使い方まで!わかりやすく解説します (クリーブ) / プロトタイピングツール「figma」を使ってみた (バシャログ) / クリエイターのマネジメントとは何か?組織と個人を強くする仕組みづくり (CA BASE CAMP) ... 続きを読む