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

新刊 書籍:プロになるなら身につけたい プログラマのコーディング基礎力 / マイクロインタラクションで気をつけたい5つのポイント (TechAcademy) / Polyfillのあり方とウェブの進化と協調するためのガイドライン (blog jxck io) / ブログをシングルページアプリケーション (SPA) にするメリット・デメリット (ある蜜柑の上にアルミ缶) / 意外と簡単!HTML5とJavaScriptを使ってスマホアプリを作ろう (フェレット) / Object.definePropertyを使用して安全にArray.prototype.findIndexを追加する (itmammoth | Qiita) / 180種類のグラデーションがCSSと画像で手に入るサイト「WebGradients」 (ライフハッカー) / レスポンシブ対応のグリッドの幅は?カラム数は?溝のサイズは?グリッド作成に役立つ万能ツール「Graaf」 (コリス) / iOS風すりガラスだけじゃない!backdrop-filterのすごいCSS実装アイデア (WPJ) ... 続きを読む

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

年をとって考えるのをやめるエンジニア (techpoem | Qiita) / 新刊 書籍:インターネット白書2017 - IoTが生み出す新たなリアル市場 / 2017年最新版!Facebook広告の種類を全て紹介! (クリーブ) / スマホシフトとUIデザインが情報消費に与える影響について思うこと (Rriver) / Electronよりもお手軽に!NW.jsならデザイナーでもデスクトップアプリが作れる (WPJ) / React Nativeとネイティブアプリでの開発の違いとは (TechAcademy) / CSP Report収集と実レポートの考察 (blog jxck io) / Autoprefixerのブラウザ指定をpackage.jsonのbrowserlistからする (fragmentary) / コピペで済ませていませんか?改めて学び直したいViewportのすべて (フェレット) ... 続きを読む

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

既存のx86/ARM CPUほぼ全てに通用するJavaScript攻撃が発見される - アドレス空間配置のランダム化を突破 (PC Watch) / モジラ、IoT向け「Firefox OS」担当チームを解散 (CNET) / 上野動物園が公開したウェブサイト、すごーい!と注目集まる - その狙いは (ITmedia) / 3つの事例から学ぶ!適切なパンくずリストの使い方 (TechAcademy) / アドビが2017年デザイントレンドを発表!確認しておきたいポイントとは? (PhotoshopVIP) / UIの動きがUXにとって大切なたった1つの理由 (WPJ) / 説明なしでもわかるUIを実現するために!マイクロインタラクションの基本を理解しよう (フェレット) / ミニマルデザインで最低限守りたい4つのルール (UX MILK) / CSSだけでアニメーションする背景を作る (sottar | Qiita) ... 続きを読む

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

デザイナーに向いている かもしれない7つの気質 (freshtrax) / IPAの脆弱性学習ツールに脆弱性があると判明 (窓の杜) / 富士そば公式サイトにかわいい隠しキャラ、ソースコードを見てみたら (ITmedia) / あなたは何点?デザイン知識をゲームで学べる面白ゲーム7選 (フェレット) / 流行を知っておきたい!2017年1月のウェブデザイントレンド (TechAcademy) / ブックマークしておきたいウェブデザインギャラリーまとめ30選 - 2017年改訂版 (PhotoshopVIP) / 見やすいサイトを作るときに最低限チェックしたい6項目 (UX MILK) / 6つの都市伝説から考える、マーケターが取り組むべき適正なSEOとは? (WPJ) / GitHubが少しだけ使いやすくなるChrome拡張を作ってみた (rockwillj | Qiita) ... 続きを読む

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

書籍:効果的なアプリ/Web開発のためのコラボレーションツール活用入門 / 覚えておきたいモバイルUXに関する17の統計・洞察 (UX MILK) / ウェブ担当者必見!ワイヤーフレーム作成時の注力ポイント9個と便利ツール20選 (フェレット) / iPhoneゲームをブラウザで遊べるTombo Platformをリリースしました (wktk) / Processing的なことをJavaScriptで書く時はp5.jsでやればよさげ (moc0311 | Qiita) / Chromeのレンダリングパイプラインにおけるパフォーマンス向上について (Google Developers Japa) / いまさら聞けない、ES2015で変わったJavaScriptの変数宣言の違い (WPJ) / グリッド状のレイアウトを補助するjQueryプラグイン作りました (スターフィールド) / エンジニアを目指す人が知っておきたい学習の10のルール (TechAcademy) ... 続きを読む

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

新刊 書籍:最新Webデザイン良質見本帳 - 目的別に探せて、すぐに使える見本集 / UXデザイナーがVR/ARについて注目すべき4つの理由 (UX MILK) / ウェブサービスをローンチする前に見ておきたいチェックリスト (TechAcademy) / GraphQLを勉強した (mizchi's blog) / フロントエンドエンジニアなら押さえておきたい!最近登場した注目のJavaScript&CSSライブラリ10選 (フェレット) / 仮想DOMの内部の動き (POSTD) / 意外とカンタン!流行のウェブプッシュ通知はJavaScriptでサクッと実装できる (WPJ) / EmmetでHTML 5.1のレスポンシブイメージを効率よく記述しよう (tonkotsuboy_com | Qiita) / calc()を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装テクニックのまとめ (コリス) ... 続きを読む

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

ブラウザベンダーとエキスパートが語るウェブテクノロジーの未来 (HTML5Experts) / 新刊 書籍:そのエンジニア採用が不幸を生む - 良い人材を見つけ活躍してもらうには何が必要か? / 美しい見た目は不要?ユーザビリティとデザイン (UX MILK) / もう使ってる?グーグルのデータスタジオでGAのレポートを超カッコよくデザイン (WPJ) / ウェブ制作者に朗報!SketchのファイルをWindowsで開くことができる無料アプリ「Lunacy」 (コリス) / 今すぐ知っておくべき!モダンな10のウェブ技術 (TechAcademy) / jQueryのインクリメンタルサーチで、全ての行に解説をつけてみた (Kohei_Kishimoto0214 | Qiita) / 打ち込むより簡単!保存しておくと便利なCSSスニペット18選 (フェレット) / CSSのcounter-incrementを使って要素に連番表示するときのサンプルコード (NxWorld) ... 続きを読む