HTML5演出に最適な複数画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog
HTMLで複数の画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。 デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは 前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示されます。 ▼前者のデモ ▼後者のデモ 後者のデモには、ローディングのパーセンテージ表示も付いています。読み込みが何%まで達しているかを確認できるのも、後述のJSライブラリのメリットです。 HTML5で作られたフルFlash的なサイトを見たときにimgタグでインターレース的に画像がバラバラとでてくることが多くて、いつも微妙な思いをしていました。Flas
ここが変わった！HTML5マークアップ入門 (1/6)
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説します。（編集部） 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （
GUI で簡単に cron 書式を組み立てる Cron Builder をリリース
cron の書式ってなんであんなに覚えにくいんでしょうか。 たまにしか書かないせいもあるし、欧米風の日付順でパラメータが並んでいるせいかもしれません。 いずれにせよ、cron 書く度に毎回「cron 設定」でぐぐって解説ページを開いたりするのがいい加減嫌になったので、そう思う人間は自分だけではないはずと、GUI でお気楽に書式を組み立ててくれるサービスを探してみました。 ところが、唯一見つかった CronMaker の出来がどうにもイマイチだったので、「無ければ作る！」の精神で作っちゃいました。 それがこちら！ Cron Builder (短縮 URL は http://otchy.net/cb ) たぶん、使い方は直感的に分かるんじゃないかと思います。 もちろんいつも通り、IE には未対応です。 しばらくはちょこちょこ修正とかすると思いますので、不具合とかあったら教えて下さい。 それと今
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」:phpspot開発日誌
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同
HTML5のarticleとsectionの違いを書いてみた - kojika17
article要素とsection要素の違いについては、様々なブログなどで書かれている内容だとは思います。 ただ「もう少し内容があったら、他の人もわかりやすいのにな」とよく思っていたので、策定中止になったXHTML2.0にも触れつつ、HTML5のarticleとsectionの違いについて書いてみます。 HTML5とXHTML2.0 2009年までHTML5とXHTML2.0と策定が行われていましたが、XHTML2.0は策定中止となり、HTML5に統合されるという形になりました。 しかしsection要素を説明する上で、XHTML2.0の方が分かりやすいので、現在は策定は中止されていますが、XHTML2.0のsection要素の使い方を見て頂きます。 XHTML2.0のsection要素とh要素(策定は中止されています) XHTML2.0ではh1～h6(以下、hxとします)までの見出しレベ
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
「Silverlightのメディア機能、HTML5よりはるかに優れる」とMicrosoft
米Microsoftは、同社のSilverlightはHTML5よりも優れたメディア機能を持っており、同技術に未来はあると考えている。 Webでは動画再生機能を備えたHTML5の採用が徐々に進んでおり、SilverlightやAdobeのFlashなどのブラウザプラグインが今後不要になるとの見方も一部にある。だがMicrosoftは「The Future of Silverlight」と題した9月1日のブログエントリで、「HTML5は今のHTML 4.01並に普及すると確信している」としつつも、こうした見解に反論している。 「Webにおいては、Silverlightの目的はHTMLに取って代わることではなかった。HTML（およびほかの技術）ができないことを、開発者が簡単に活用できるようなやり方ですることだ。Microsoftは依然、HTMLがカバーしないシナリオを可能にすることで、Silv
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
TechCrunch
YouTube人気急上昇
HTML4から変化したHTML5のマークアップ ここが違う！サンプルで見るHTML5（2）