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
モダンな言語でHTML5を開発しよう！ 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)
※いずれの言語もマルチプラットフォームであり、Windows, Mac OS Xともにどちらでも利用することができます。 比較対象のサンプル サンプルとしてシンプルなスライドショーのWebコンテンツを用意しています。それぞれの言語でどのように記述して実装するのか、また生成されたJavaScriptがどのようなものであるか確認していきましょう。このサンプルでは言語の特性を紹介するために、実用的な要素として「クラス構造の利用」「既存JSライブラリの利用」「ユーザー操作」を含めています。 デモを開く 「Change Photo」ボタンをクリックすると写真が切り替わります。CSS3の3D TransformsをjQueryを用いて制御します（確認の際には、CSS3の3D Transformsが利用できるブラウザをご利用下さい） 概要 TypeScriptはマイクロソフトが開発するオープンソースの言
スマホでも動く無限横スクロールアクションのブラウザゲームを作る
スマホでも動く無限横スクロールアクションのブラウザゲームを作る：enchant.jsでHTML5＋JavaScriptゲーム開発入門（終）（1/5 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく連載。最終回は、総集編として、無限に横スクロールするアクションゲームを、10ステップで作りましょう。キモは当たり判定です。
初めてのHTML5ゲーム作成
名前: 石井 隆 性別: 男 年齢: 47才 (2011年1月現在) 【経歴】 大阪市立大学工学部修士課程終了後、(株)東芝に入社。 東芝ではオフィスコンピュータ/IAサーバー関連のハードウェア開発業務に15年程度従事。 現在は、東芝を退社し、フリーランスでソフト開発の請負やシェアウェア開発等を行っています。 【連絡先メールアドレス】 t-ishii@js2.so-net.ne.jp 当サイトでは、第三者配信による広告（Google Adsense社の広告）サービスを利用しています。 Google を含む第三者配信事業者は、Cookie を使用して、ユーザーのウェブサイトでの閲覧履歴に基づく広告を配信します。 Google 広告 Cookie を使用することにより、Google や Google のパートナーは当サイトや他のサイトへのアクセス情報に基づく広告をユーザーに表示でき
HTML5Experts.jp
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
スマートフォン向けの無料ホームページテンプレート - TempNate
TempNateトップへ > TempNate スマートフォン・テンプレート TempNate スマートフォン向けの無料ホームページテンプレート こちらでは、TempNateの無料のスマートフォン向けのホームページテンプレートを配布しております。 PC向けホームページと、スマホサイトを個別で作成して、スマホ対応する方法です。Google検索でモバイルフレンドリーと認識していただく方法になります。すでにホームページを持っていて、とにかくスマホ版サイトを作りたいという方はこちらのテンプレートをご利用ください。 今あるホームページを、自動でスマホ変換（レスポンシブ方式）などの方法もありますが、商用サイトでは料金が高額になるケースが多いです。そこで、こちらのテンプレートを活用していただけましたら、手作業は必要ですが、スマホサイトを無料で作成する事ができます。 個人はもちろん商用利用も可能です。会社
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
Delphi次期版のモバイル開発機能は、1本のソースコードでiOSとAndroid向けにネイティブなアプリを作れる ──開発担当副社長に聞く
Embarcaderoが出したモバイルアプリ開発への解とは ──モバイルアプリ開発に注力する理由を教えてください。 de la Lama：今やモバイルが主流だからです。多くの企業が、「モバイルファースト戦略」を採っています。世界が劇的に変わっているのですから、ツールも変わらなければいけません。 世界中にあるクライアントの台数を見てみましょう。Windowsが10億台、Macが6500万台の規模なのに対して、モバイルは10億台、そしてWebは20億クライアントという規模です。今後も、ダイバーシティ（多様性）が強まる傾向が続くでしょう。開発者にとってもマルチデバイス対応は急務です。 ──Embarcaderoは、マルチデバイス対応について、どのような特色を打ち出そうとしているのですか。 de la Lama：私たちの狙いは、「ラピッド（迅速）なマルチデバイス開発」です。 マルチデバイス開発では
CSS3リファレンス
背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の
JavaScriptは業務アプリの開発言語として有力な存在になる
この記事は、日経SYSTEMS 8月号に掲載された連載「新野淳一の技術インパクト」第5回のオリジナル原稿をPublickey掲載用に編集したものです。Publickeyでは日経SYSTEMS編集部との合意を得て、雑誌発行から一定期間後に記事をPublickeyに掲載しています。 JavaScriptは1995年の登場から何年にもわたって、Webページにちょっとした動きを与えるための簡易なプログラミング言語とみなされてきた。しかしいまやJavaScriptはモバイル向けアプリケーションの開発、業務アプリケーションのフロントエンド開発、そして大規模なWebアプリケーションのサーバサイドプログラミングなど、あらゆる分野での活用が始まりつつある。最も注目を集め、急速に適用分野を広げて進化しているプログラミング言語だ。 業務システム開発の視点で見れば、今後の開発言語としてJavaScriptが有力候
HTML5で制作された国内企業サイト20から現状の制作状況を知る!! | HTML5でサイトをつくろう
HTML5でのコーディング 最近、HTML5のコーディング案件に関わることがあったのですが、その時にHTML5でコーディングされている企業サイトを調べましたので今回ご紹介したいと思います。 尚、サイトを調べていて気づいたのですが、現状(2011年8月)では宣言をHTML5にして内容自体は今まで通りdiv要素を使ってマークアップしているサイトが多いように感じました。新要素を多用して後から間違えが出てくるという可能性を考慮すると、とても理にかなっていると1人で感心してしまいました。今後この流れは変わると思いますが現状(2011年8月)では大切な考え方の1つだと思っています。 それともう１つ、多くのWEB制作会社が自社サイトをHTML5で作り直しているようです。調べて見つけるとWEBの制作会社サイトであることが非常に多いように感じました。とても参考にさせていただきました。私も取り残されないように
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
WordPressに『いいね』ボタンを設置 / Facebook基礎 | HTML5でサイトをつくろう
『いいね』ボタンについて 前回のFacebookコメント欄の導入に引き続き、今回はFacebookの『いいね』ボタンの導入方法の紹介です。 『いいね』ボタンを設置する場合、『OGP(Open Graph Protocol)』の設定が重要になってきます。なぜなら『OGP』を設定しないで『いいね』ボタンをクリックすると、友人のニュースフィールドにその情報が表示されないからです。これではせっかく『いいね』ボタンをクリックされても他の人が見ることがないので広がりも少なくなってしまいます。 そこで友人のニュースフィールドにも『いいね』情報を表示させるために『OGP』の設定方法もこの記事の後半に載せています。こちらも確認してみてください。それではまずはアプリIDから取得していきます。 アプリIDを取得 『OGP』の設定時にアプリIDが必要になるので、『いいね』ボタンを設置する前に取得しておきます。 S
BonBon Buttons - Sweet CSS3 buttons
Button Search Stars Home Play Share Love Quit Upload RSS There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store. Markup I get a real kick out of trying to keep the markup minimal, so I'm really
CSS3/HTML5ボタン「BonBonボタン」を試す
Interactive Designer at Refunk by day and a CSS3 explorer by night. BonBon Buttons - Sweet CSS3 buttonsに、CSS3とHTML5の機能を使って制作されたボタンサンプルが掲載されている。BonBon Buttonsと呼ばれる成果物で、大きなサイズのボタンを簡単につくることを目指して試験的に制作されたもの。BonBonという名前はフランス語でキャンディーを意味する単語からきているという。主にSafariなどのWebKit系ブラウザを対象としている。使用方法は簡単。次のようにclassの部分に用意されたクラスを指定するだけでいい。 <a href="" class="ここにクラスを指定">Label</a> 用意されている主なクラスは次のとおり。 色指定: orange、pink、blue、gr
HTML5とCSS3をページ全体or少しずつ導入するチュートリアル
デモページの全体のキャプチャ 下記は各ポイントを意訳したものです。 全体をHTML5化しても、面白そうなCSS3のエフェクトを少しずつ適用しても面白そうです。 ウェブページにHTML5を導入 ウェブページにCSS3を導入 ウェブページにHTML5を導入 デモページのHTMLの構造は、下記のようになっています。 HTML5：ページのベース 各エレメントを配置する前のHTMLのベースは、下記のようになります。 <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8" /> <title>Ferris Buller on Abduzeedo</title> <link rel="stylesheet" href="style.css"> <!--[if IE]> <script src="http://html5sh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1000人同時プレイのMMOボンバーマン『Bombermine』ベータテスト中 - Engadget Japanese
HTML5でiPhone/Androidアプリケーションを作ろう！
IE9のタブバーを無効にする方法 » IE9まとめサイト
Amazon.co.jp: HTML5＋CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応: 谷拓樹: 本
