#HTML5Experts
Explore tagged Tumblr posts
Visit Tumblr Blog
Explore Tumblr blogs with no restrictions, modern design and the best experience.
Last Seen Tumblr Blogs
Fun Fact
Celebrities use Tumblr as well.
Text
Upgrade Your Website with Leading HTML5 Development Experts | AIS Technolabs
Enhance your online presence with our top Hire HTML5 developers. From sleek designs to high-speed performance, we provide the expertise to make your site shine.
#HTML5Developers#WebDevelopment#ResponsiveDesign#CleanCode#PerformanceOptimization#WebDesign#WebDevelopmentExperts#HTML5Solutions#TechInnovation#HireDevelopers#ModernWeb#FastLoading#WebExcellence#DevelopmentServices#HTML5Coding#WebDevelopmentServices#HTML5Experts#CodeQuality#TechTalent#WebsiteOptimization#ResponsiveWebDesign#FrontEndDevelopment#WebAppDevelopment#TechHire#DigitalSolutions#UserExperience#InnovativeWebDesign#WebPerformance#HTML5Tech#WebDevelopmentAgency
0 notes
Link
新刊 書籍：Hello!! Vue.js 最新プログレッシブフレームワーク入門
POSシステム特有のユーザー体験の障壁 (UX MILK)
スタートアップと中小企業との違い (freshtrax)
メルカリのフロントエンドチームが、どんな開発体制で技術選定しているのか聞いてきた！ (HTML5Experts)
Pythonのディープラーニングを使い、iPhone XにFace IDを実装した方法 (POSTD)
rawson.js - JavaScriptでRAWデータを読み込み (MOONGIFT)
数字をくるくる回転させて、指定した数字を表示させるスクリプト「odometer」 (コリス)
hタグ (見出しタグ) の効果的な使い方 (フェレット)
CSSの作業をもっと楽に！無料で使える便利なウェブツール40選 (PhotoshopVIP)
UI構築の際に役立ちそうなリソースを収集した「Ui Goodies」 (かちびと)
夏にぴったりなトロピカルで可愛らしいフリーアイコンセット (DesignDevelop)
夏や海をテーマにしたデザインアイコンセット 20 (NxWorld)
1 note
·
View note
Text
AMPの気になること全部、Googleの山口さんに聞いてきました！
from https://html5experts.jp/shumpei-shiraishi/24795/
こんにちは、編集長の白石です。
この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に、様々なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。
今回お話を伺ったのは、Googleの山口能迪（やまぐち・よしふみ）さんです。
山口さんのセッションは「AMPで加速するモバイルウェブアプリケーション」でした。
スライド資料はこちらで公開されています。
https://docs.google.com/presentation/d/1ZYyHFRMZnD6bfi6fl9yh9G_TIs3roSxvp-Goa1JZv_c/htmlpresent
AMPとは何か？なぜ必要とされたか？
白石: 今日はよろしくお願いします。まずは簡単に自己紹介をお願いできますか？
山口: Googleでパートナー・デ��ロッパー・リレーションを担当して��る山口です。私の役目は特定の技術にとらわれず、最新の技術を広めていき、採用事例を増やすことです。
白石: 最新技術って、Googleさんすごい数出すから大変ですね(笑)。
山口: そうなんですよ(笑)。
白石: では、早速本題に入っていきたいと思います。AMPについてご存じない方のために、軽く説明をお願いできますでしょうか？
山口: AMPとはAccelerated Mobile Pagesの略で、高速にWebページを表示するための技術です（参考: AMPの公式サイト）。
現在のWebは、低速なインターネット上で、モバイルデバイスを用いた利用が非常に多くなっています。特に東南アジア、インドやアフリカ、中国、南米などでその傾向は顕著です。
そういう環境でもWebページをストレスなく閲覧できるよう、Web標準に則った形で、出来る限り高速にWebページを表示できるようにするための技術がAMPです。
白石: なぜAMPは速いのですか？
山口: AMPは速いというよりも、「遅くなる要素を排除している」と言ったほうが正しいと思います。AMPは主に静的で文字中心のコンテンツを配信することを主眼に、HTML5でできることを相当絞り込んだ仕様です。その仕様に則ったHTMLページだけが、妥当なAMP対応ページとして扱われます。
そうした制限のおかげでページサイズも小さくなり、ブラウザによるレンダリングも高速に行われるというわけです。
白石: 具体的には、どのような制限がかけられているのでしょうか？
山口: 例えば、標準のimg要素やvideo要素は使用できず、すべて<amp-img>や<amp-video>と言ったカスタムタグに置き換える必要があります。こうした要素を使うことで、全ての画像や動画が遅延表示され、また、画面に表示されない間はダウンロードされなくなります。
CSSは外部CSSもstyle属性も使用することができません。全てHTML内に<style>を用いてインラインで記述しなくてはなりませんし、そのサイズも50kbに制限されています。
JavaScriptに至っては、独自のコードを記述することはできません。AMPページでは、動的な振る舞いはすべてカスタムタグを使用して実現することになります。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!-- AMPページの例 -->
<!doctype html>
<!-- html要素に⚡を付けるとAMP HTMLとして扱われる -->
<html ⚡>
<head>
<meta charset="utf-8">
<!-- AMP用JSの読み込み -->
<script async src="https://cdn.ampproject.org/v0.js"></script>
<title>Hello AMP world</title>
<!--
このAMPページの元となる、通常のHTMLページがある場合はcanonicalで指定
そういうページがない場合はこのページ自体のURLをcanonicalで指定
-->
<link rel="canonical" href="hello-world.html">
<!-- viewport指定は必須 -->
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- 以下のCSSは必須 -->
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
</head>
<body>
<h1>Hello AMP World!</h1>
<!-- imgの代わりにamp-imgを使用 -->
<amp-img src=sample.jpg width=300 height=300></amp-img>
</body>
</html>
白石: カスタムタグにはどのようなものがあるんでしょう？
山口: 利用できるタグはすべてドキュメントに記載されていますので、そちらをご覧いただくのが一番です（参考: AMPで利用できるコンポーネント/タグ）。
AMPのタグにはビルトイン（組み込み）とエクステンション（拡張）がありまして、エクステンションのタグを利用するには別途JavaScriptの読み込みが必要です。
ビルトインのタグの代表的なものは、先ほど取り上げた、<img>の代わりとなる<amp-img>です。エクステンションは現時点でもかなりの数が用意されていて、Google Analyticsを使用したり、YouTubeやTwitterの埋め込みを行えるタグもあります。
白石: そうしたエクステンションは、サードパーティの開発者やベンダーでも開発できるんですか？
山口: はい、可能です。ただ、AMPで利用できるタグは、AMP本体のリポジトリに取り込まれているものだけなんです。なので、開発したとしてもそれをリポジトリに取り込んでもらう努力が必要になります（参考: コンポーネントの開発・拡張についてのドキュメント）。
白石: なるほど、そういうプロセスを経なければならないようにすることで、カスタムタグのクオリティを担保しているということですね。そういうレビューはGoogleが行っているんでしょうか？
山口: AMP自体はオープンソースですし、Google一社のものではありません。リリース前からTwitterやPinterestもコミットしていましたし、オープンソース��したおかげで、プロセスも透過的です。Google以外のコントリビューターも数多くいますし、そこは一般的な企業発のオープンソースプロダクトとあまり変わりはないと思いますね。
AMPページのアクセス解析は？広告は？
白石: AMPはWeb全体に大きな影響を与えている技術だと思いますので、ビジネス面も含めた、もう少し俯瞰的な部分からもお話をお聞きしたいと思います。
まず、AMPに対応すると、Google Analyticsなどの計測を正しく行えなくなるというのを聞いたことがあるのですが、これはどういうことですか？
山口: まず、<amp-analytics>タグを入れているAMPページは、Google Analyticsをはじめとしたツールで、統一的に計測を行うことができます。
ただそれでも、AMPキャッシュの仕組みの都合上、様々な不都合が生じていたのは事実です。
白石: AMPキャッシュというのはなんですか？
山口: GoogleのbotはAMPページを見つけると、専用のキャッシュサーバー（Google AMP Cache）にページをキャッシュします。 Googleは世界中にデータセンターやISP各社に協力していただいているエッジサーバーを持っており、ユーザーにとって物理的に最も近い位置のサーバーからページを読み込みますので、AMPページがより高速に表示されるというわけです。
（筆者注: Google AMP CacheはAPIを用いて明示的なキャッシュを行わせることもできる）
白石: Googleの検索結果から辿れるページとかは、AMPキャッシュからの応答ですね。
山口: ただ、AMPキャッシュの問題は、元サイトとは異なるドメインからページが読み込まれるということです。そうなるとCookieが異なるので、Google Analyticsなどで正しく計測が行えないのです。
（筆者注: 例えば 当サイト（https://html5experts.jp）のAMPページは「https://html5experts-jp.cdn.ampproject.org」から読み込まれました）
ただこの問題は、今ではほぼ解決されています。具体的には、Cookieの欠点を補うためのクライアントIDという値を用いることで、AMPキャッシュから配信されたページへのアクセスと、オリジナルサイトへのアクセスを統一して扱えるようになっています。
筆者注: こうした問題とそのソリューションについては、以下のページに詳しい。
白石: なるほど、アクセス解析の問題については、ほぼ解決済みなのですね。知りませんでした。
ほかには、AMPに対応することでパブリッシャーの広告収益に影響が出るのではないかという話を聞きましたが、これについてはいかがでしょうか？特に、AMPページに比べて広告の表示速度が遅いことで、広告が表示される前にユーザーが離脱してしまうのではないかと聞いています。
山口: 実はAMPは、広告の高速化についても「AMP Ads」（筆者注: 「AMP for Ads (A4A)」とも呼ばれる）という取り組みを既に進めているんです。
これは、広告コンテンツについてもAMPフォーマットで記述するというもので、従来よりも素早く表示されるだけでなく、AMPページ以外でも利用できますし、様々な広告ネットワーク上でも利用できる柔軟性があります。
参考: AMP Ads の読み込みがさらに高速化 – Google Developers Japan Blog AMP Ads – GitHub (英語)
白石: そんな取り組みがされてたんですねー、全然知りませんで��た。
AMPとPWAを組み合わせる
白石: 最後に、技術者向けに深いトピックをいろいろお聞かせください。
AMPとPWA (Progressive Web Apps)を共存させる、という話を聞きます（※）が、具体的にはどのように組み合わせることができるのでしょうか？
※ Combine AMP with Progressive Web Apps
山口: AMPは、言ってみればWebプラットフォーム上のフレームワークの1つに過ぎません。なので、例えばWebアプリマニフェストを書いておいて、AMPページからリンクすれば、モバイルアプリにWebアプリをインストールさせることも可能です。AMPだからと言って、特別なことは何もありません。
白石: なるほど��
山口: PWAと言うのはマーケティングワードという側面も強いので、「何を持ってPWAと呼ぶか」も難しいところではありますけどね。
AMPには<amp-serviceworker>というタグもあって、AMPページを起点にしてServiceWorkerをインストールさせることもできます。
これを応用すれば、まずはAMPページを高速に表示させておいて、裏でPWAに必要なアセットをServiceWorkerを利用してキャッシュしておき、リンクをクリックしたらPWAが高速に起動する…というアプローチも取ることができます。
白石: AMPとPWAのいいところ取りができるというわけですね。面白い。
あと、「PWAの中でAMPを使う」というアプローチも聞きました。外部のページをAMPで読み込むと言ったような。
山口: それも可能ですね。AMPをiframeで開くというのが一つのパターンですが、更にもう一歩進んだアプローチとしては、外部のAMPページを読み込んで、Shadow DOMに突っ込んじゃうっていうパターンもあります。
白石: それってどういうメリットがあるんですか？
山口: これも高速化のテクニックの一つですね。iframeだと、AMP JSの読み込みがiframeごとに走るので無駄が多いんです。Shadow DOMに埋め込むのであれば、既に元ページでAMP JSが読み込まれていればいいので、それぞれのページで読み込む必要がありません。
白石: なるほど、面白い！
山口: これはAMPに限った話ではないのですが、従来iframeを使って読み込んでいたコンテンツを、Shadow DOMに埋め込むというテクニックは、広告とかにも応用可能です。広告が元ページに悪影響を及ぼさないようにカプセル化する役割を、Shadow DOMに任せるわけですね。
白石: いやあ、最新のWeb技術てんこ盛りで、Webエンジニアとして大変興味深いお話です。AMPそのものも、そしてAMPを支える技術も、最新技術の塊ですね。本日は大変勉強になりました、ありがとうございました！
https://html5experts.jp/wp-content/uploads/2017/12/42A4640.jpg
0 notes
Text
Interactive Art Designer
Location : Stamford, CT, USA, Stamford Company: Skill Connect 360 Description: Need basic graphic design knowledge, Full Adobe suite and HTML5Expert in Photoshop, Illustrator, and latest HTML5 / CSSExperience with designing and implementing HTML5 banner ads and rich media Apply Now ➣ Interactive Art Designer is published on 2017-01-17T15:25:44-05:00 and last modified: 2017-01-17T15:25:44-05:00 by Shiån…
Read more about Interactive Art Designer at The Kingdom of Meridian - Medieval Romance Novels by Shian Serei
from Publishing-Jobs – The Kingdom of Meridian http://ift.tt/2iLI0dp
0 notes
Text
進化するWebプラットフォーム！Chrome OSとFirefox OSが変えるWebの未来 | HTML5Experts.jp
57users
0 notes
Photo
(VR、AR、MR……各領域のプロフェッショナルが語るxR技術の最先端──Webの未来を語ろう 2018 | HTML5Experts.jpから)
0 notes
Link
Chrome 66ではCSS Typed OMやAudioWorkletなどが利用可能に - canvas要素への画像のレンダリングを合理化、非同期のクリップボードAPIなども (窓の杜)
ウェブの過去から現在・未来まで！エバンジェリストたちが語る、最先端ウェブ技術の世界 (HTML5Experts)
CodeIQのプログラミングクイズ終了、CodeIQ MAGAZINEも - 転職サービスmoffersのみ継続 (ITmedia)
コーディング禁止？非エンジニア大歓迎！サンフランシスコのハッカソンで垣間見るイノベーションの源流 (freshtrax)
電子書籍：マンガと図解でスッキリわかる プログラミングのしくみ (Kindle版)
ログインページのオープンソースフォーマットをまとめた「10 Open Source Login Pages Built With HTML5 & CSS」 (DesignDevelop)
MediumのURLからアウトラインを作成してくれる「Medium TOC」 (100SHIKI)
ServiceWorker as a Service、またはUniversal ServiceWorkerという発想 (mizchi's blog)
Redux-Observable Epic vs Redux-Saga - 何が問題なのか (POSTD)
JavaScript製アニメーションライブラリの原理！イージングとCSSフィルターを組み込む方法 (ICS MEDIA)
サイトやアプリの使い心地を改善！UIアニメーションを良くする実践テクニック、小技７個まとめ (PhotoshopVIP)
フォント・サイズ変更機能をCSSで (Hail2u)
1 note
·
View note
Link
WebRTC開発者にはたまらない！徹頭徹尾、デベロッパーファーストだった「SkyWay Developer Meetup #1」 (HTML5Experts)
新刊 書籍：できる逆引き Googleアナリティクス 増補改訂2版 Web解析の現場で使える実践ワザ240 - Googleタグマネージャ／オプティマイズ／データスタジオ対応
グーグルがAMPの規格をアップデートしてSEO狙いの釣りページを退治する (TechCrunch)
グーグルの検索順位にまったく影響しない10の事柄 - 少なくとも直接は (Web担当者Forum)
レスポンシブ対応！ウェブサイトにグラフを表示できるJavaScriptライブラリー３つ (Webクリエイターボックス)
D3.jsでアニメーション付き棒グラフを作ってみました (スターフィールド)
Conversations SSML and Audio - SSMLの日本語訳です (天使やカイザーと呼ばれて)
ソフトウェアの互換性と僕らのUser-Agent文字列問題 (Rui Ueyama | note)
Flexboxを利用してよくあるレイアウトを実装したサンプル集 (NxWorld)
ベーシックなスタイルで軽量、コンポーネントも揃えられたCSSフレームワーク「chota」 (かちびと)
これは嬉しい！IBMからコーポレートフォントが、商用無料のオープンソースフォントとしてリリース (コリス)
種類豊富な医療系に特化したアイコンセットのまとめ「20 Free Medicine Icon Sets You Can Use」 (DesignDevelop)
3 notes
·
View notes
Link
新刊 書籍：かんたんJavaScript - ECMAScript2015対応版
エンジニア視点で説明するメルカリ、リリースから４年の道のり (＠IT)
情���設計を見直すためのカードソート調査の進め方 (UX MILK)
UI制作の際に役立ちそうなツールやリソース等の情報をまとめた「designer lynx」 (かちびと)
アカマイの新たなバックボーンネットワーク (Geekなぺーじ)
ウェブ制作者がチェックしておきたい、気持ちいいインタラクションやUIを実装できるJavaScriptのまとめ (コリス)
Build with Dialogflow - Create a Project and Dialogflow Agentの日本語訳です (天使やカイザーと呼ばれて)
WebAssemblyはなぜ速いのか (POSTD)
中国の省や州から城市 (区や县) の一覧を取得するAjax (スターフィールド)
box-shadowはもう古い？CSS新時代の影の落とし方 (フェレット)
Enduring CSS 第4回 抽象化を避けるCSS設計方法論 (HTML5Experts)
クリスマスを楽しもう！サンタやトナカイなどのキュートなアイコンセット (DesignDevelop)
2 notes
·
View notes
Link
Firefox Quantumが正式公開 - 6カ月前と比べて2倍以上に高速化、新UIも導入 (窓の杜)
新刊 書籍：ちゃんと使える力を身につける JavaScriptのきほんのきほん
一貫したデザインのためにデザインシステムを運用する方法 (UX MILK)
マイクロソフト、Visual Studio Live Shareを発表 - 複数のプログラマがリアルタイムにコードの編集、ブレークポイント、デバッガ操作などを共有 (Publickey)
HTMLやCSS、JavaScriptのコードを綺麗に整形してくれる「DirtyMarkup」 (かちびと)
要素がビューポートや指定した範囲に表示されたか判定する超軽量スクリプト「Emergence.js」 (コリス)
CodePenでReactを試してToDoリストを作ってみた (スターフィールド)
Build with Dialogflow - Design a Conversationの日本語訳です (天使やカイザーと呼ばれて)
テクニックは語りません - 竹洞先生に聞く、本気のウェブパフォーマンス道 (HTML5Experts)
Chromeで保存しているパスワードはインポート・エクスポートできる！2017年11月版 (バシャログ)
データベースを安全に保つ５つのコツとは (＠IT)
音楽・ゲーム関係のデザインに最適なフリーアイコンパック「EXCLUSIVE: FREE GEEK TECH ILLUSTRATIONS PACK」 (DesignDevelop)
2 notes
·
View notes
Link
2020年末でサポート終了するFlash Playerを支えた、Flashテクノロジーの全盛期と衰退を振り返ってみた (HTML5Experts)
電子書籍：図解 プログラミング教育がよくわかる本 (Kindle版)
効果的な電話番号確認 (Google Developers Japan)
みんな知らない！ファーストインプレッションがUXで問題視される理由 (フェレット)
手軽にできる！PusherとLaravelでウェブアプリにリアルタイム通知を実装する方法 (WPJ)
アイスリーデザイン、無料でAMP対応HTMLを自動生成する「AMPジェネレータ」ベータ版を公開 (Web担当者Forum)
Instagramで特定のユーザーのタイムラインをJSONで取得する、認証不要 (daikiojm | Qiita)
Vue.js + ES6: グリッドコンポーネントをつくる (Fumio Nonaka)
Actions on Googleの開発者向けドキュメントの日本語訳リスト (天使やカイザーと呼ばれて)
UI開発速度を上げるために作られたユーティリティファーストなCSSフレームワーク「Tailwind CSS」 (かちびと)
CSS Snippets (NxWorld)
ポップなカラーが可愛らしいキッチンアイコンセット���50 Kitchen Icons」 (DesignDevelop)
2 notes
·
View notes
Link
グーグル、Chrome 67でHPKP (HTTP公開鍵ピンニング) のサポートを廃止へ (CNET)
新刊 書籍：Webディレクションの新・標準ルール システム開発編 - ノンエンジニアでも失敗しないワークフローと開発プロセス
ウェブデザインの価値を理解できない人にどう対処するか (UX MILK)
中国向けサイト、混ぜるな危険！グーグルのサービスによる遅延 (ECのミカタ)
WebAssembly対応、主要ブラウザChrome/Firefox/Edge/Safariで整う (Publickey)
この記事の信頼性はこのぐらい、を教えてくれるChrome拡張「CivikOwl」 (100SHIKI)
Build with Dialogflow - Define Actionsの日本語訳です (天使やカイザーと呼ばれて)
Preconnectを宣言することで、それ以降のDNSルックアップの時間を削れる。2ページ目に遷移する時のAPIリクエストで100msくらい削れそう (mshk | Twitter)
CSSでバーティカルリズムを実現しよう！line-height-stepを使ってみる (HTML5Experts)
フレキシブルなクラス名を意識して設計されたCSSフレームワーク「Biomatic UI」 (かちびと)
無料で商用利用できるSVGのフリーアイコン4,500種類、デザインに合わせたカスタマイズもできるのはすごい！ (コリス)
プロのデザイナーも愛用！最も訪問されたフリーフォントサイトまとめ「21 Most Visited Free Fonts Site」 (DesignDevelop)
1 note
·
View note
Link
書籍：図解 プログラミング教育がよくわかる本
５分でわかる正しいウェブサイト常時SSL化のための基礎知識 (WWW WATCH)
フリクションは必ずしもUXに悪影響を与える訳ではない (UX MILK)
Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発 (HTML5Experts)
seleniumを使ってみよう (スターフィールド)
JavaScriptでデータ分析・ビジュアライズツールを作るときに検討したいことまとめ (WPJ)
ドラッグ＆ドロップで作れるコンテンツエディター実装スクリプト「KEditor」 (かちびと)
CreateJS: TweenJS 1.0.0アップデート (Fumio Nonaka)
V8エンジンでのJavaScriptの機能と最適化コードの書き方に関する５つのベストプラクティス | コンピュータサイエンス (POSTD)
ウェブ開発者必見！高速でCSSレンダリングが可能なFirefox Developer Editionとは？ (フェレット)
使いやすくて、分かりやすい！無料UIデザイン素材40個まとめ - 2017年10月度 (PhotoshopVIP)
ハロウィーンに合わせて使いたいキュートなアイコンセット「Spooky Halloween: 40 Icons, 4 Styles」 (DesignDevelop)
1 note
·
View note
Link
ウェブ環境を変えるかもしれない行政のICT政策・プロジェクトを解説 (フェレット)
グリーCTO藤本氏が明かす、エンジニアリングの観点をマネジメントに生かす具体的な方法 (＠IT)
なぜWordのデフォルトフォントサイズは「10.5」なのか？ルビの謎についても解説 (ITmedia)
1990年代、2000年代のウェブテクを懐かしんでみた (HTML5Experts)
シンプルなUIを実現するためにできること (tsublog)
知っているようで意外と知らない、SEOキーワード選びの定石とは (WPJ)
グーグルのMaterial Designのリーダーが同社のデザインビジョンの起源を語る (TechCrunch)
話題のスピナーをブラウザ上で試せる「FFFFidget」 (100SHIKI)
GUIのスクリーンショットを読み込むと必要なコードを生成する「pix2code」人工知能を活用 (ギガジン)
Uberのデータ視覚化ツール「deck.gl」が地図以外の視覚化にも対応 (TechCrunch)
GitHub、Electronベースの新しい「GitHub Desktop」をベータ公開 (窓の杜)
ブラウザバック禁止 (kazuhirokomoda | Qiita)
最初のステップ！HTMLで覚えておきたい頻出タグ15選 - 初心者向け (TechAcademy)
川柳俳句コンテストシステム、投稿作品を縦書き＆筆文字の短冊表示に自動変換 - CSS3 Writing Modes活用 (INTERNET Watch)
1 note
·
View note
Link
電子書籍：HTML5＆CSS3 デザインレシピ集 (Kindle版)
ユーザビリティに大きく関わるグローバルナビゲーションの基本を解説 (フェレット)
モバイルアプリでユーザビリティを高めるベストプラクティス (UX MILK)
グーグル画像検索の似ている商品機能で、商品をもっと見つけやすく (Googleウェブマスター向け公式ブログ)
コーダーの為の実用的な色理論が学べる「Practical Color Theory for People Who Code」 (DesignDevelop)
新しくなったEdgeを試してみよう！Windows 10 Creators Updateで入ったEdgeの新機能一挙解説 (HTML5Experts)
5,000人調査でわかった！世界のフロントエンド開発者が使うツールはこれだ (WPJ)
WebGL開発に役立つベクトルの内積 - Three.js編 (ICS MEDIA)
React + ES6 入門 (02) マルバツゲームの勝ちを決める (Fumio Nonaka)
ECMAScript 2015の分割代入は奥が深かった (sdn_tome | Qiita)
CSSアニメーションは確実に進化している！キーフレームを使ったCSSアニメーションの実装ポイントまとめ (コリス)
シンプルでエクステンシブルなフレームワークを目指したCSSフレームワーク「Vanilla Framework」 (かちびと)
1 note
·
View note
Link
PHPMailerに重大な脆弱性、直ちにパッチ適用を (ITmedia)
新刊 書籍：UX x Biz Book -顧客志向のビジネス・アプローチとしてのUXデザイン
ネイティブ広告実践ガイド 日本語版 (Google Developers Japan)
冬休みに読み返そう！2016年の年間読まれた記事ランキングTOP20 (HTML5Experts)
Onsen UIの温泉マーク問題 (アシアル)
RFCの正規文書がXMLに (Geekなぺーじ)
コードの半減期とテセウスの船 (POSTD)
フロントエンドエンジニアなら知っておきたい、JavaScriptのログ収集方法まとめ (WPJ)
JavaScript初級者のためのコーディングガイド (raccy | Qiita)
任意のウェブサイトや要素に設定されたCSSを解析するChromeエクステンション「CSS Peeper」 (かちびと)
Google Cloud Platform、システム構成図用のアイコンライブラリを公開 (Publickey)
2016年総まとめ、デザイナーがダウンロードしておきたいフリーフォント (コリス)
1 note
·
View note