Google が新しい Google Maps Embed API を公開しました。 埋め込む地図の URL に様々なパラメータをつけることで、ルート案内や周辺検索など、様々なカスタマイズを簡単に行いつつ、Web ページ上に地図を表示することが可能です。 Adding the new Google Maps to your website just got easier with the new Google Maps Embed API ： Google Geo Developers Blog Google Maps Embed API ： Google Developers Google Maps Embed API - Developer Guide 埋め込みコード生成用のページも用意されています。下記にアクセスしてみましょう。 Google Maps Embed API -- Ge

WebKit （Nightly Builds） で HTML の srcset 属性がサポートされたようですので、簡単に srcset 属性の仕様について解説してみます。 WebKit （Nightly Builds） で HTML の srcset 属性がサポートされたようです。 srcset 属性は、img 要素の属性として使用することで、高精細ディスプレイ （デバイスピクセル比に応じて） 向けや、ディスプレイサイズに応じて画像を出し分けるための属性。所謂、「Responsive images （レスポンシブ イメージ）」 を HTML のみで実現することができます。 Improved support for high-resolution displays with the srcset image attribute ： Surfin' Safari WebKit Nightly

最近、iPhone アプリがリリースされたこともあって話題に挙がることの多い IFTTT ですが、個人的に気に入ってるレシピ （IFTTT ではユーザーが設定した自動処理を 「レシピ」 と呼んでいます） を 10個ほど共有。 レシピ紹介してる Blog とかたくさんあると思いますので、なるべくかぶってない感じのやつをと思ったのですが、定番なのもいくつか混ざってます。 Blog を書く人向け、「Blog を更新したら○○に投稿」 系 Blog を運営している人なら、Blog に新しい記事を投稿したとき、同時に SNS などに更新通知を送るってことはよくやると思いますが、それ系で 5つほど。 1. Blog を更新したら Twitter に投稿 これはもう、定番過ぎる感じではありますが、Blog に新しい記事を投稿したら、その通知を Twitter に流すやつ。 WordPress をはじめ、

実はずいぶん昔に一回作ろうと思って途中で挫折した結果、しばらく放置状態だったんですけども、暇を見つけてはちょっとずつ進めていた Web 界隈の方々向けリファレンスサイトがとりあえず公開できそうな感じになったので晒してみますよ。 作ってるのは下記です。 W3 Watch Reference ： Web クリエイターのための HTML5, CSS, jQuery... クイックリファレンス ただし、なんとか形になってるのは HTML5 タグリファレンスの部分だけなんですけどね...... HTML5 タグリファレンス ： W3 Watch Reference 未完成のまま晒すんじゃねぇという声が聞こえてきそうですが気にしない気にしない。かつ、巷には多くの優れたリファレンスサイトがすでにありますので、今さらなんですが、よく調べる内容について 1つのサイトにまとまってたら便利だし、自分のお勉強を兼

Pure は Yahoo! が公開した CSS フレームワークですが、試しに使ってみましょうということで、自分で書くスタイルは極力少なくして、簡単に Blog のテンプレートっぽいものを作ってみました。 さすがに 5分はウソです すいません。でも簡単でしたよ。 Pure ： A set of small, responsive CSS modules that you can use in every web project. Pure とは Pure は、簡単に言ってしまえば Twitter が公開している Bootstrap などと同じ、CSS のフレームワークですが、CSS のみに絞ることで、その容量は最大で 5.7KB とかなり軽量。Yahoo! の CDN から読み込めば、gzip された状態で読み込めます。 また、各機能を個別に読み込むことも可能ですので、必要な機能だけを選択す