audio.js
audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere. It uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css. Installation Put audio.js, player-graphics.gif & audiojs.swf in the same folder. Include the audio.js f
50+ Brilliant HTML Email Newsletter Templates for Online Marketing
50+ Brilliant HTML Email Newsletter Templates for Online Marketing One thing which our inbox is always flooded with is, Newsletters which is thrown out as junk without realizing they could be a perfect medium for advertising our business. To make readers subscribe could be quite tough. Not only HTML and CSS but consent of email clients, support of graphics also plays a major role here. These newsl
ARIA and Progressive Enhancement
For seven years, we’ve held tightly to the belief that using progressive enhancement is the right way to build websites and applications. Progressive enhancement is how we build sustainable, interoperable, and accessible web solutions. You’ve seen this before. You… start with pristine, semantic HTML, provide a layer of presentational suggestions via CSS (these may or may not be overridden by user
Accessible Audio Player (AAP) « One Hand Clapping
Welcome to my music blog, and to the home site of Accessible Audio Player (AAP), my fully accessible cross-browser media player. AAP uses the HTML5 <audio> element for browsers that support it, and the Yahoo! Media Player for those that don’t. Browsers that support neither degrade to a list of links to MP3 files. AAP is available in a standalone version or (with an additional P) as a WordPress pl
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
The 1140px CSS Grid System - Fluid down to mobil
A 1140px wide, 12 column grid. Fluid all the way down to a mobile version. The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser. Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense. Scrap 1024! Des
プロがデザインしたHTMLメールの無料のテンプレート集（PSDファイル付き） -Campaign Monitor
当サイトでも何回か紹介したことのあるプロのウェブデザイナーが作成した、高品質なHTMLメールのテンプレートを配布しているサイトを紹介します。 100+ free HTML email templates Campaign Monitor [ad#ad-2] ダウンロードできるファイルには、下記のものがセットになっています。 HTMLメール用のHTML・画像一式 PSDファイル HTMLメール、PSDファイルともにレイアウトは、width=100%、サイドバーが左、サイドバーが右、の3パターンが揃っています（異なるものもあります）。 各HTMLメールは、Outlook2010, Gmail, Lotus Notes, Apple Mail, iPhoneなど人気の高い20のメールソフトでテスト済み、とのことです。 下記に、各デザイナーごとのHTMLメールを紹介します。括弧内は各デザイナーのサ
kruz graphix
Most common ways to find helpful and reliable things to buy There are people in Australia who know what they can buy through the various online stores and the sellers. They usually make sure to find out nearly all kinds of informative resources to help them decide better. Though most of the time people rely on online resources to help them compare what they are going to get through the available s
【iPhone・iPad】サイト制作のまとめ | Yuki's SlowLife
iPhone/iPad独自タグや、便利なタグなどまとめました。それぞれの注意点とか発見した不具合とか掘り下げると色々とありますが、ひとまず以下まとめて列挙してみました。 ■metaタグ：基本のviewport ＜meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=yes, maximum-scale=2.0, minimum-scale=1.0, "＞widthとheight：最初に読み込まれる表示サイズ。widthを指定しないと横幅980px。 initial-scale：最初に読み込まれた際の拡大率 user-scalable：ユーザーが拡大できるか否かを、yesかnoで設定 maximum-scale：ユーザーが操作可能な拡大率の上限 minimum-scale：ユーザーが操作可能な拡大率
HTML5 Canvas Element Guide
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. The HTML5 <canvas> element has a uniqu
HTML5 Web Storage-- な機能を uupaa.js に実装してみた - latest log
Cookieよりも大容量のデータをクライアントサイドに保存する仕様。それが HTML5 の Web Storage です。 Web Storage はまだ策定中です。 Firefox3.5+, IE8+, Safari4+, Opera10.50+ など最新のブラウザでは既に利用可能ですが、「何年も待ってられない、今すぐ使いたい」ですよね? そこで、クロスブラウザな Web Storage 相当の機能を uupaa.js に実装してみました。 # sessionStorage は実装していませんよ デモ http://pigs.sourceforge.jp/blog/20100104/20100104_uu.storage.htm Firefox2+, Safari3.1+, IE6+, Google Chrome3+, Opera9.2+ で動作確認してます。 ストレージバックエンド 以
[Dreamweaver] エクセルが自動生成するテーブルのHTMLをクリーンアップする
エクセルの表をHTML保存したとき出力されるソースには属性・スタイル・ルビ・フォントタグなどが多量に含まれている。 それら不必要なHTMLソースをDreamweaverの正規表現置換で一掃する。 HTML化 エクセルから以下の方法でHTMLにする。 表のセルを選択（全体に適用する場合は３へ） Ctrl+N → Ctrl+V （新規作成とペースト） 「Webページとして保存」または「ブラウザでプレビュー」 「ブラウザでプレビュー」の場合は開発者ツールでHTMLをコピー後、 DreamweaverでHTMLドキュメントを新規作成してペーストするか、「名前をつけて保存」をする。 ここでは前者を例に取る。 「Webページとして保存」した場合 表はHTMLのテーブルタグに変換され、こんなソースが出ます。（headは省略） 「ブラウザでプレビュー」から保存した場合 Firebugなどの開発者ツール経由
![[Dreamweaver] エクセルが自動生成するテーブルのHTMLをクリーンアップする](https://cdn-ak-scissors.b.st-hatena.com/image/square/09fe547803c5b61a7d541fb1a12c556e23674152/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F09%2Fdwr.png)
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション:phpspot開発日誌
特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション 2010年09月17日- Convert HTML to PDF in PHP (libwkhtmltox extension) | Perplexed Labs 特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション。 wkhtmltopdfというコマンドラインのツールがありますが、これをPHPから使えるPHPエクステンションがGitHubにて公開されています。 このエクステンションをインストールした後、次のようなwkhtmltox_convertという関数が使えるようになっているのでそれで変換出来るみたい。 <?php wkhtmltox_convert('pdf', array('out' => 'test.pdf', 'imageQuality
A Comprehensive Guide Inside Your Head
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. As web designers and developers, we pa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://speckyboy.com/2010/11/04/10-awesome-pure-css-graph-and-chart-techniques/?mobify=0
Clean vCard: A Free Professional XHTML-CSS vCard Template
HugeDomains.com
web-design-list.com
http://blog.monoweb.info/archives/1048