シルク・ドゥ・ソレイユの Chrome Experiment で、美しい動きと歌と夢を体験
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
CSSのみで特定の要素に自動で連番を付ける方法 | webrecuration:IT/Webデザイン系ブログ
jQueryなどを使わずにCSSのみで特定のタグ（例えばh3とか）に自動で連番を付ける方法です。beforeセレクタとcontentプロパティを使用します。 こんな感じです。 HTMLはそのまま普通にマークアップし、CSSのほうで数字に関する設定をします。 HTML <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor(省略) commodo consequat.</p> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor(省略) commodo consequat.</p> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor(省略) commodo consequat.</p> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor(省略) commod
iPhone5 と iOS6 での HTML5開発についてあれこれ - webとかmacとかやってみようか R
本日、iOS6がリリースされましたね。明日は iPhone5 の発売日。Mobile Safari も大幅にアップデートされて、Web開発者にとって非常に気になります。 iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more で素晴らしいまとめがありましたので、簡単に紹介したいと思います。 iPhone5 新しい画面サイズ 新しい 4インチ画面になり、解像度は WDVGA (Wide Double VGA) 640×1136px になりました。横幅はこれまでと変わりませんが、高さが 176px 増えました。 新しいシミュレーター Xcode4が新しくなり、iOS6のシミュレータが出ました。Mac AppStore からダウンロードできます。 何をすべきか 画面
Node.jsでのコマンドのラッパーのmoduleの作り方の基本: curlとwgetのラッパーを例に - memo.yomukaku.net
Node.jsで外部コマンドのラッパーとして動作するmoduleを作成する方法の基本を書きます。例としてcurlとwgetのラッパーのmoduleを作成します。ラッパーのmoduleとは何か？ pdftk、pdflatex、imagemagick、ghostscript等々、node.jsだけで実現することが困難と思われる処理を行うコマンドを、nodeから簡単に使えるようにした関数なりオブジェクトなりで出来たmoduleのことを（おそらく）ラッパーと言います。 npmjs.orgにはいろいろなコマンドに対するラッパーが数多く公開されています。例えばpdftk、pdflatex、imagemagickに対して以下のようなラッパーが公開されています。 pdftk https://npmjs.org/package/pdftk-helper pdflatex https://npmjs.org
【Googleアナリティクス】新コアレポーティングAPI一覧
GoogleアナリティクスAPIに40以上もの新指標（ディメンション）が追加。 大幅な機能追加ですね。今まで取れなかった、モバイルデバイスやソーシャル関連の数値が、API経由で取れるようになりました。また、新しい分析ツールの登場など楽しみになりますね。 参考URL Get social, mobile, and 40+ new data points with the Google Analytics API – Analytics Blog 公式ブログでの発表 What Is The Core Reporting API – Overview – Google Analytics — Google Developers 公式リファレンス Release 2012-09 (September 18, 2012) – Google グループ チェンジログレポート Google Analyti
Google、「リッチスニペットテストツール」を「構造化データテストツール」に名称変更、UIを一新し日本語表示も可能に
[対象: 中〜上級] Googleはリッチスニペットテストツールを大きく改良しました。 リッチスニペットテストツールは、リッチスニペットに使われる構造化データが正しく構成できているかを検証し検索結果での表示をシミュレーションするためのツールです。 大きな改良点は次の3つです。 名称を「Structured Data Testing Tool」に変更 ユーザーインターフェイスと結果表示を一新 日本語を含む英語以外の言語にも対応 名称を「Structured Data Testing Tool」に変更 ツールの名前が「Structured Data Testing Tool」に変わりました。 日本語だと「構造化データ テスト ツール」になるでしょうか。 ユーザーインターフェイスと結果表示を一新 UIがガラリと変わりました。 すっきりしていて見やすくなったと僕は感じます。 レシピのリッチスニペッ
ImageMagick 改造入門 (その弐) 減色処理前編 | GREE Engineering
こんにちは。クライアント基盤チームのよやです。 アバター等を表示する為に PNG や JPEG の画像を元に GIF アニメーションを生成する事がよくありますが、GIF は 256色までしか扱えない為、元画像が数万といった単位で色を使っていると減色処理に大変時間がかかります。そこで、ImageMagick の減色処理を改造して高速化した事例をご紹介します。 尚、一度に読む分量ではまとめ切れない為、前編と後編に分けました。前編は減色処理、後編はその改造について説明します。 プログラム構成では上の図の magick/quantize.c が減色処理に相当します。 まず、減色処理の一般的な話から始めます。 減色の利点 Web で見かける画像ファイルの多くは、1つのpixel(描画の最小単位)に対して、Red, Green, Blue が各々8bits で計 24bits(= 3bytes) 、透
CSS Flexible Box Layout Module Level 1 (W3C Last Call Working Draft, 25 March 2014)
CSS Flexible Box Layout Module Level 1 W3C Candidate Recommendation, 19 November 2018 This version: https://www.w3.org/TR/2018/CR-css-flexbox-1-20181119/ Latest published version: https://www.w3.org/TR/css-flexbox-1/ Editor's Draft: https://drafts.csswg.org/css-flexbox-1/ Previous Versions: https://www.w3.org/TR/2018/CR-css-flexbox-1-20181108/ https://www.w3.org/TR/2017/CR-css-flexbox-1-20171019/
Jarallax
Jump to progress the Jarallax.jumpToProgress method allows the user to animate the Jarallax animation to a position in the animation. This is a very handy method for navigation. To see it in action press one of the navigation buttons on top of the page. Example jarallax.jumpToProgress( 20, 2000, 30); In this example Jarallax animates to position 20 over 2000 milliseconds with 24 frames a second. A
postMessageを簡単に - tohokuaikiのチラシの裏
frame間でJavaScript操作するのにpostMessageするのだけど、なんで今回使ったかというとローカルに置いた静的HTMLで使いたかったので。この場合、オリジンが無いのでChromeとかSafariはセキュリティエラーで引っかかってしまう。 下準備 使うのは、jQueryでpostMessageをやり取りするBen AlmanさんのjQuery postMessage あと、jQuery.param()でシリアライズしたのを元に戻すのに、これを使った 汎用のメッセージレシーバを作る とりあえず、こんな感じ messageReceiver.js var setMessageReceiver; (function($){ setMessageReceiver = function(callbacks) { var data,param,retval ; var target_ur
ちょっとしたメモ - HTML5＋Microdataへの全面移行
この春頃からMicrodataを試してみたりHTML5にかかわる機会が増えてきたので、いずれ実施しようと考えていたサイト全ページの書き換えを敢行しました。スタイルシートはごく一部を除いてほとんど従来のまま。ページ自身のメタデータほかの構造化データは、Schema.org語彙を中心にして表現しています。 Microdataの記述 今回使ったMicrodataの一部を紹介しておきます。Microdataは、文書内に記述されたものごとの特徴を表す名前-値の対（プロパティ）のグループをアイテムと呼び、基本単位として扱います。 アイテムと型 Microdataの場合、まず最初にアイテムの範囲（スコープ）をitemscope属性で示します。文書のメタデータを表現したいので、html要素にこの属性を加えて全体を一つのアイテムとします（itemscopeは真偽値属性で属性名のみを記述しますが、XHTML構
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
/ WSJ日本版 - jp.WSJ.com - Wsj.com
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
http://iphone.meer.li/designs/featured?page=2
Bumberboom.net