CCSlider - jQuery 3d Slideshow Plugin
Wordpress Plugin Version Available Here CCSlider is an unique jQuery slideshow plugin. It supports 3d transitions! There are 14 stunning 3d transitions available, and also 16 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The slider is fully responsive, works in mo
初心者の頃分からなかったWeb用語：フレームワーク … CSSからHTML5、WordPressまで
Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です！ Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3 のフレームワークとか …。 今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした（私だけ？）。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう！というところまで行きませんでした。
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
【HTML/CSS/JavaScript】ウェブアプリを速くするための28の方法(翻訳) – T2
【HTML/CSS/JavaScript】ウェブアプリを速くするための28の方法(翻訳) 3月 13, 2013 admin 読了: 約 24 分 フロントの技術について英語の記事をシェアされていて、気になったので理解を深めるために翻訳してみました。 英語の記事では、28から始まるのですがややこしいので、1はHTMLからはじめていきたいと思います。 DANGER!!!WARNING!!!はじめに 元記事はこちら ※間違った意図や誤訳をしている箇所が多々あると思いますが、その点ご了承くださいませ…。 初めてということでしょっぱい訳で、すみません…。 1. avoid inline code / インラインコードを避ける 1. <style></style> や <script></script> をHTMLに直接書く 2. <link rel="stylesheet" href="" />
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 - ICS MEDIA
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 2013年3月15日に開催されたCreateJS勉強会（第2回）で発表したWebサイト「日本全国花粉飛散マップ」ですが、CreateJSとTypeScriptを使って制作しました。 今回の作品のポイントとしては、次の3点があげられます。本記事では次を具体的に説明します。 HTML5で制作、デスクトップだけでなくスマートフォンやタブレットでも再生可能 CreateJSで、DOMではできないHTML5 Canvasならではの表現 TypeScriptを用いて低学習コストで効率的な制作の実現 スマートフォンやタブレットでも閲覧可能 このWebサイトは環境省が提供している資料を元に、過去9年分の花粉の飛散量をパーティクルを用いてビジュアライズしたものです。花粉の量に比例して、パーティ
http://inputxoutput.com/html-doctype/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
いまさら聞けないHTML5 Canvasの使い方
Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？ 私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod
そろそろHTML5始めてみませんか？
HTML5（※）が何かと話題です。「Flash vs HTML5」のような対立構図で取り上げた記事や議論もよく見かけましたが、新しい技術に飛びつけばいいのではなく、ターゲットユーザーのブラウザー環境や最適な表現技術、パフォーマンスや互換性を考慮して使い分けるべきでしょう。 とはいえ、最近ではiOSやソーシャルメディアの普及などで、JavaScriptやCSS3使ったHTMLベースでの開発に対する要望も増えています。従来のWebサイトでは主にPCでの閲覧を中心に考えていましたが、現在ではスマートフォンやタブレットなどさまざまな端末での閲覧を想定した、より柔軟な対応がクリエイターに求められています。 スマートフォンやタブレットだけではありません。Retinaディスプレイを搭載したMacBook Proが発売されたり、ネット接続を前提としたスマートTVが注目されたり、デバイスも日々進化を遂げてい
HTMLの用意とリセットCSSの作成 (1/4)
本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 連載第2回では、レスポンシブWebデザインの設計と素材の準備をしました。今回は、ページの基本となるHTMLとCSSの初期設定を記述します。 ベースHTMLの記述 最初に、「枝豆隊」の基本となるHTMLを用意しましょう。このサイトでは、XHTMLではなくHTML5を採用しています。HTML5はオフライン機能や現在地特定機能などのモバイルデバイ
CSS Nite LP, Disk 15 終了しました。 | to-R
CSS Nite LP, Disk 15「ソーシャルメディア特集」が終了しました。 私はサイト実装まわりでお話させていただきましたが、多くの方に興味をもっていただけたようでよかったです。 普段、実装をされない方にとっては少し退屈なセッションだったかと思いますが、製作者はこのような事をしているんだとと雰囲気だけでも感じ取っていただけたら幸いです。 いくつかTwitterで質問をいただいてますので、お返事いたします。 in_reply_toつけたらそのアカウントをフォローしてる人にしか表示されなくなるのでは？ セッション内ではTwitterの各機能の細かい挙動は解説できませんでしたがでは、ご指摘のとおりTwitterにおける返信(replay)では返信元のアカウントをフォローしているユーザーのタイムラインにのみツイートが表示されます。 「OAuth認証なら正確なツイート数がわかる」てのは、あく
【GA】GoogleアナリティクスでFacebookのいいね！ボタンを計測する方法(事前知識編) – meaningfree.analytics
4月9日追記: Facebookいいね！ボタンについて認識が足りていない部分があったので追記・修正しました。その結果、IE6・7でGA計測する場合、古い(同期)のXFBML版だけでなく、古い(同期)のHTML5版でも計測が可能ということが分かりました。 ————————————————– 実装編もアップしました。 ————————————————– Facebookのいいね！ボタンのクリック状況をGoogleアナリティクスで取得する必要があったので色々と調べてみたのですが、本当に大変でした…。 なぜ大変だったかと言うと、GoogleもFacebookもどんどん仕様を変えているので、取得方法を紹介してくださっているブログの情報と公式ページの情報が違っていたり、違うバージョンの仕様をベースにしたブログ同士がリンクしあっていたり、とにかく理解するのに時間がかかりました。 もちろん今後も仕様が変わ
スマホアプリをHTML5＋CSS3＋JSだけで構築しアプリへのコンテンツ配信や解析もできる「App Cloud」をブライトコーブが日本で展開 | Web担当者Forum
ブライトコーブは、クラウドを活用したコンテンツ配信関連のサービスを日本で拡充し、4月12日より販売を開始した。 今回発表されたのは、モバイルアプリ関連と動画関連の2つのクラウド型サービス。 スマホ・タブレット向けアプリをHTML5＋CSS3＋JavaScriptで構築し 管理・配信する「Brightcove App Cloud」アプリ関連では、スマホ・タブレット向けのアプリケーションを構築・管理・配信・更新できるプラットフォーム「Brightcove App Cloud」を日本語版としてサービス開始した。 すでに提供されていた英語版では、米国国務省やFOXニュースなどが利用している。 App Cloudは、iPhone・iPad・Androidなどのスマートフォンやタブレット向けのアプリケーションを企業が提供する際のプラットフォームとなるサービス。アプリケーションの構築や公開、その後の運用
X-Icon Editor
Get the best experience with Internet Explorer 9 and above Based on your current browser, you are not seeing all that X-Icon Editor has to offer. Learn more about Internet Explorer 9 and above X-Icon Editor is an HTML5 application (based on <Canvas>) that allows you to create high resolution icons that lets your sites shine. With X-Icon Editor you can quickly get your site ready with a large icon
HTML5に踏み出せない人に捧げる、HTML5を使う10の理由
HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.e-riverstyle.com/2011/03/waiariahtml5inputrequiredwcag.html
HTML5 Advent Calendar 2011 | Gihyo Digital Publishing … 技術評論社の電子書籍
http://www.99lime.com/elements/