レスポンシブ対応、Googleマップの中心にピンを表示するテクニック -the new code
Googleマップをレスポンシブ対応にするのは、簡単です。embedのコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断されてしまいます。 Googleマップの中心にピンを表示し、且つレスポンシブ対応にするテクニックを紹介します。 Create An Auto-Centered Responsive Google Map 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 デモ 実装 デモ デモでは、デスクトップでも、タブレットでも、スマホでも、そしてコンテンツのサイズを変更しても、Googleマップの中心にピンが表示されています。
Googleの中の人が開発した子どもを飽きさせずプログラミングを楽しく習得できるキット「Bitsbox」
「好きこそ物の上手なれ」ということわざの通り、興味を持って熱中できると何でも上達は早いものです。ソフトウェア開発で必要なプログラミングの学習にもこのことわざは当てはまりますが、退屈な教書を読んでも長続きできずに挫折する人も多いはず。そんな長続きしないプログラミング学習を、吸収力の高い子どもに退屈させることなく楽しく学んでもらおうと元Googleのプログラマ二人が開発したのが学習キット「Bitsbox」です。 Bitsbox - Monthly Code Projects for Kids https://bitsbox.com/ 小さな子どもが飽きたり挫折したりすることなくコーディングの腕をめきめき上げられるBitsboxの仕組みはこんな感じです。 Bitsbox monthly coding projects for kids by Bitsbox — Kickstarter - You
IE対応でよく利用するhtml5shivの使用方法変更について
HTML5でサイトを構築する際にIE8以下への対応でよく利用されるhtml5shiv。今まで導入方法は下記のように条件分岐コメントを利用してGoogle Code内のソースコードを読み込むように説明されていました。 <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> しかし、5月14日現在ではまずzipファイルをダウンロードし、自分のサーバーにホストした上で条件分岐コメントを利用してホストしたファイルを読み込むようにと使用法の解説が変更されています。 新しい導入方法と、変更になった理由や注意点について簡単にまとめました。 新しいhtml5shivの使用方法 Google Project Hostingのhtml5shivに行き、do
コードアカデミー高等学校 | 通信制高校で高校卒業！プログラミング、ゲーム開発、大学進学なら
インターネットが教室 これまでの大教室での集団授業とは違います 自分のペースで学べる 単位制 新たな仲間とインターネットを活用し３年で高校卒業 「こんなゲームが作れたら」「こんなアプリがあったらな」「大学にむけ勉強してみたい」 自分の好きを伸ばす 新しいタイプの学校で、あなたの未来を描きませんか
ボクが2ヶ月間で学んだVimのまとめ - ゆず日記
続編書きました ボクが1年間で学んだVimのまとめ - ゆず日記 年末に会社の開発環境を思い切ってWindowsからLinux Mint(Ubuntu)に換えて早2ヶ月。 併せて本気でVimを使い込んでみようと、メインエディタもAptana StudioからVimへ。 VimかわいいよVim。 インストール Macなら、macvim-kaoriya - MacVim KaoriYa - Google Project Hosting Ubuntuなら、sudo apt-get install vim-gnome Windowsなら、Vim — KaoriYa 基本的な操作 これは先人が数多く居るので割愛。 ここが非常に分り易いです。Vim 基本操作まとめ - Archiva 個人的な所感として、以下のコマンドを覚えておけば他のエディタで出来ることと同等のことはすぐ出来るようになるかと。 他の
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5shiv - Project Hosting on Google Code
