Reverse Ordered Lists in HTML5
With all the hype surrounding the new APIs and the fancy parts of CSS, I had almost forgotten about the new reversed attribute that allows you to write a descending list of numbered items, as opposed to the default ascending list of numbered items. You can get full details in the specification, but here I’ll summarize what it does and I’ll offer a solution for the fact that there is (from what I c
Developing a jQuery Private Messaging Modal Box
You can build some really neat things using jQuery. The latest release bundle updates a lot of bugs and even hints at support for a new jQuery Mobile. With frontend scripting you can build practically any type of web application. But more specifically we’ll be looking into constructing a small modal box window. I have designed the functionality to look and feel like a private messaging solution. T
Cross-Browser HTML5 Placeholder Text - Web Designer Wall
One of the nice enhancement in HTML5 web form is being able to add placeholder text to input fields. Placeholder attribute allows you to display text in a form input when it is empty and when it is not focused (it clears the field on focus). This is a nifty feature, but it is not supported by all browsers yet. This tutorial will show you how to use Modernizr to detect if placeholder is supported,
jQuery Mobileを使ったスマートフォン向けHTML5フレームワーク·The-M-Project MOONGIFT
The-M-ProjectはiOSやAndroidといったスマートフォン向けに特化したWebアプリケーションフレームワーク。 The-M-ProjectはJavaScript/HTML5製のオープンソース・ソフトウェア。Webアプリケーションが本格的に取り入れられるようになっている。AjaxなどによるWebアプリケーションの操作性向上に加えて、JavaScriptで実現しうる機能が増えていることに要因があるだろう。 サンプルのTodoアプリ そしてもう一つがHTML5の存在だ。PCブラウザ向けにはまだ全面採用は難しいものの、スマートフォンであれば採用できるだろう。そんなスマートフォン向けのWebアプリケーションを開発する際に使えるフレームワークがThe-M-Projectだ。 The-M-ProjectはHTML5を採用したWebアプリケーションフレームワークだ。iOSはもちろん、Andr
HTML5 Grayscale Image Hover - Web Designer Wall
Once upon a time, grayscale image has to be manually converted in order to be displayed on the web. Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I’ve put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale (see demo). Credits: thanks to Darcy Clarke (my Themify‘s partner) for the jQu
jQuery+html5のcanvasで作られた、動画を再生したまま遊べるパズルのサンプルが凄い - かちびと.net
新年早々度肝を抜かれたサンプル。 有名なんですかね。僕は初見でした。 HTML5のcanvasで作成された動画 パズルです。動画を再生したままパズ ルで遊ぶことが出来る、というデモ。 jQueryも使っているみたいです。まだ まだ色々な可能性を秘めていますね。 FirefoxでもiPhoneでも確認したんですが見れませんでした。ブラウザのバージョン確認していませんけど、僕はChromeで確認したので、最新のChromeをご利用でしたら見れると思います。 HTML5 VIDEO PUZZLE 動画が再生されています。適当にドラッグすると 部分的に動かせますが、周りの動画も切り取った動画も再生されたまま。 Randomize Piecesでパスル開始です。ランダム配置されても動画は再生されています。 単純に「おおおー！」ってなりましたｗ以下が解説とデモです。ぜひ御覧くださいー！ Html5 v
Google Powered Site Search with jQuery
By far one of the most requested features by Tutorialzine's readers, is building a site-wide search. One way to do it, is to build it yourself from the ground up. That is, to use a server-side language like PHP and run search queries on your database, displaying the results to the user. Another way is to use the services of the one search engine that already knows everything about everyone. Yep, y
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」:phpspot開発日誌
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」 2010年07月06日- Plugins | jQuery Plugins jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」。 次のようなリッチな動画プレイヤーがノンFlashで実装できるプレイヤーです。HTML5非対応ブラウザ用にFlashでフォールバックも可能。 Youtube、vimeoの埋め込みもOKです。 jQuery UI Theme-Roller を使ってテーマの変更も容易だそうです。 HTML5の動画プレイヤーは色々出てますが選択肢のひとつとして覚えておいてもよさそうですね。 関連エントリ CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery - SpyreStudios
Frame Box - Lightweight online tool for creating mockups