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

未来感覚の新ブラウザ「Opera Neon」レビュー、新UI搭載で左右横並び表示も可能 (ギガジン) / 電子書籍:JavaScriptエンジニアのためのNode.js入門 (Kindle版) / グーグル、常時HTTPSでなきゃChromeでひどい目にあわすよ - まずは1つ目の罰だ (Web担当者Forum) / Fの法則に学ぶ!ノンデザイナーでも知っておきたい背景写真の選び方 (WPJ) / ウェブページとして公開もできるjsfiddleライクなコードテストツール「PLAYCODE」 (かちびと) / スクロールしたらヘッダやナビゲーションを固定・変化させる動きを実装するjQueryサンプルコード、5個 (NxWorld) / コンポーネント、単体テスト単位でのvisual regressionテストを行うためのツールを作った話し (bokuweb | Qiita) / JavaScriptフレームワークのvue.jsを使ってみる - 入門編 (スターフィールド) / マージンやパディングでもう悩まない、モジュール式ウェブデザインにおけるHTMLとCSSの新しい実装方法 (コリス) ... 続きを読む

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

HTTP/2サーバ「H2O」の開発者である奥一穂氏、次世代CDNの米Fastlyに転職 (ITpro) / 電子書籍:HTML5電子リファレンス (Kindle版) / グーグル表示は結局どうやって上がるのか?徹底検証するための5つのステップ (WPJ) / Rust言語、asm.jsやWebAssemblyをサポートへ - ブラウザやNode.jsで実行可能に (Publickey) / jQueryを使わないスワイプ対応のJavaScriptスライダー「Swiper」の使い方 (Saaaatoshi0419 | Qiita) / D3.js入門 (2) 外部ファイルのデータからSVGで棒グラフを描く (Fumio Nonaka) / 整然データとは何か (Colorless Green Ideas) / この機能を知ってましたか?GitHubでのプルリクエスト活用方法まとめ (ICS MEDIA) / マテリアルデザインの仕様にインスパイアされた軽量CSSフレームワーク「kernel.css」 (かちびと) ... 続きを読む

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

電子書籍:JavaScriptアプリ開発入門 / ウェブコンテンツづくりに必要な倫理観とは (Rriver) / ウェブデザインにおける正直とは (could) / Pull-to-Refreshを使うときに気をつけるべきポイント (UX MILK) / 国内とはここが違う!グローバルSEOのベストプラクティス、バッドプラクティス (WPJ) / GitLabでPushされたときにESLintやstylelintを実行する (バシャログ) / markdownでデータも視覚化出来るようにする「Visdown」 (かちびと) / mixed contents対応を促進するCSPディレクティブ (blog jxck io) / スマホで触れている間だけhoverする (RinoTsuka | Qiita) ... 続きを読む

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

10周年のiPhone、世界をどう変えたのか (nobi) / 月30万円もらって実務やプログラミング学べる「DMMアカデミー」生徒募集 (ITmedia) / 18pxって大きすぎ?女性向けサイトの文字サイズを年代別に検証してみた (あざらしっく) / 今年のグーグルアナリティクスの進化を総振り返り - オプティマイズ、データスタジオ、そして2017年の話 (Web担当者Forum) / 最近JKとかがよく使う写真がプリクラみたいに肌が綺麗だから、大根で実験してみた (yellowheart_sho | Twitter) / 超人気アダルトサイトが1年を総まとめにした統計レポートを公開、総視聴時間は5246世紀分に相当 (ギガジン) / STUDIO - 全てのつくる人のための、UIデザインツール / いま開いているタブをまとめて一時保存しておける拡張機能「Tabbie」 (ライフハッカー) / いい設計ってのは同じコードを長くメンテできることじゃなくて、仕様が明確で簡単に再現できて、かつモジュールが簡単に捨てられて代謝できること (mizchi | Twitter) ... 続きを読む

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

新刊 書籍:楽しく学ぶ アルゴリズムとプログラミングの図鑑 / モバイル向けウェブサイトの最適化レベルが100点満点中何点かがすぐわかるグーグル公式ツール「Mobile Website Speed Testing Tool」 (ギガジン) / HTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode io 」 (DesignDevelop) / 脱フレームワーク依存!JSのビジネスロジックを抽象化する最新ライブラリが登場 (WPJ) / ElectronとMeteorの違い、JavaScriptでアプリを作るなら何を使えばいい? (WPJ) / 構造の複雑さとVuex書き分け (nekobato | Qiita) / JavaScriptの関数問題まとめ (may88seiji | Qiita) / ポッキーでLOOPやIF関数を学ぶ、GLICODEの授業展開 (CENT) / いろいろなスタイルのボタンを実装出来るスタイルシート「bttn.css」 (かちびと) ... 続きを読む

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

新刊 書籍:WEB プロ年鑑 '17 / なぜメルカリは、プロダクトチームのリソースを90%以上もUS版に割くのか? (CAREER HACK) / 新規サイト公開時・リニューアル時のSEOで注意すべき、つまずきと対策 (SEO HACKS) / ソーシャルグッド (社会貢献) のためのUX (UX MILK) / D3.jsを使う (Fumio Nonaka) / Vue.jsでMarkdownをパースするためのvue-markdownの紹介と絵文字サジェストを作った話 (nasum | Qiita) / ソフト開発にカンバン方式を導入すべき理由とスクラムとの違い (WPJ) / CSSとテキストで実現するシンプルなローディングアニメーション「text-spinners」 (DesignDevelop) / CSSで作る様々なメニューを大量にまとめた「110 CSS Menu」 (かちびと) ... 続きを読む

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

書籍:例題で学ぶWebデザイン入門 / 2016年のネットサービス利用者数ランキング - PCはYahoo!が1位、スマホアプリはLINEが4年連続1位 (Web担当者Forum) / ウェブサイトのアクセシビリティで気をつけるべき6つのこと (UX MILK) / 一休のE2Eテスト事情 - Selenium 3.0 対応 (shota akasaka | Speaker Deck) / ブラウザでアニメーションや簡単なゲーム等を作成出来る「Wick」 (かちびと) / GitHub用のIssue Reader「Jasper」の開発を振り返ってみる (maru source) / Vue.js + jQueryでAjaxの練習 (takatama | Qiita) / まったくの初学者はJavaScriptをどう学ぶべきか?失敗しない学習法を考えてみた (WPJ) / Chrome for Androidで試せるWebVR APIのご紹介 (Google Developers Japan) ... 続きを読む