Progressive Enhancement with CSS
Style sheet organization#section2 A lot of web designers and developers don’t think much about how they incorporate stylesheets into their documents, but there is a real art to it. With the right methods, you can immediately gain many of the benefits of progressive enhancement. Use multiple style sheets#section3 There are many benefits to getting a little separation in your styles. Obviously, styl
CSS Nite in Osaka, Vol.12 「alt属性考」スライド公開 - Trans
一昨日、CSS Nite in Osaka, Vol.12に来ていただいた皆様、ありがとうございました。 さて、とりあえずなのですが、その際のスライドを公開します。 alt属性考View SlideShare presentation or Upload your own.ちなみに、何が悪いのか、SlideShareのほうはある特定の条件の画面で背景が真っ赤になるという摩訶不思議な現象も体験できます。 PDF版（5.9MB）もあります。 音声はCSS Nite公式ブログのほうで後日聞くことができるようになると思いますので、そちらも聞いてみてください（後ろの方で聞いていた方から聞こえづらかったという意見も伺いましたし）。 あと、最後に触れたのですが、インクルーシブデザインワークショップ with Re:Creator's Kansai、やります。とりあえず、ご報告。これはまた別のエントリーで
The <hr>-Contest Results - Download your fresh <hr>-line now! | Graphics | Smashing Magazine
We have encouraged our readers to participate in a contest by designing beautiful and creative horizontal lines. It was necessary, since this design-element was slowly disappearing and was often neglected in web design. But it is going to change now. We have received 1290 images and source-files from 384 designers across the globe. The result is an impressive collection of horizontal lines that de
ウェブページでpdfをリンクするときのちょっと便利な小技 - 血統の森 はてな
ウェブブラウザで開くと何かと不便な向きもあるpdfですが*1、ちょっと幸せになれるかもしれない小技を見つけたので紹介。 pdfを開く際にページを指定するなんて芸当ができる。 例えば、2ページ目を開きたいなら、URLのあとに#で区切って、page=2と記述すればいい。 http://www.jitec.ipa.go.jp/1_01mosikomi/20a_annaisho/20a_all.pdf#page=2 （IPA*2） とまあ、少なくともAcrobat Readerのプラグインが入っているなら、2ページ目が開く。 また、ズームを指定することができる。例えば50%にしたいなら、zoom=50とする。 http://www.jitec.ipa.go.jp/1_01mosikomi/20a_annaisho/20a_all.pdf#zoom=50 2ページ目かつ、ズームを50%としたいなら、
formに複数の送信ボタン - 徒書
１つのformで複数ボタンの配置 - masdoiの日記より。 １つのformで複数ボタンを作り、どのボタンが押されたのかをCGI側で判定したい場合があります。 ということでJavaScriptを使用したソースが例示されていたのですが、「複数ボタンを作り、どのボタンが押されたのかをCGI側で判定」という目的に適うものならば、以下のようにHTMLだけでごく簡単に実現できます。 <form action="" method="get"> <input type="submit" name="b1" value="button1"> <input type="submit" name="b2" value="button2"> </form> サンプルHTML サンプルのフォームは action="" method="get" としているので、ボタンを押すとHTMLファイル自身のURLにクエリ文
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基本的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象としています。 ■文字コード UTF-8で統一して大丈夫そうなのですが、DoCoMoのみ特定の文字(三点リーダーや丸数字など)をフォームから入力した場合に消えてしまったりするようですので、DoCoMoは入出力をShift_JISにする必要があります。 ※上記で特定の文字のひとつとしてあげました三点リーダーですが、UT
MOONGIFT: » オープンソースのFLVプレーヤ「NonverBlaster」:オープンソースを毎日紹介
Webブラウザ上で何でも行うようになっている。ビューワーについてはFlashが秀逸で、音楽を聴いたり、動画を見たり、ドキュメントを閲覧するようなことがブラウザ上だけで完結するようになっている。 動画はどのサービスでも有効に使われているが、自サイト内でプレーヤを提供したければこちらをどうぞ。 今回紹介するオープンソース・ソフトウェアはNonverBlaster、オープンソースのFLVプレーヤだ。 NonverBlasterはシンプルなインタフェースのFLVプレーヤで、再生と音量調整、そしてフルスクリーンモードがサポートされている。URLでFLVファイルを指定するだけで使える手軽さが良い。 自動再生、フルスクリーンモードの許可、各種色の設定などをJavaScriptから行えるのも特徴だ。再生するだけであれば、プレーヤは殆ど変更する必要はなく、HTML側だけで終われるのが嬉しい点だ。 自分の撮っ
htm2pdf | convert your html to pdfs
How to use our HTML2PDF API Below you'll find basic examples for all major programming languages. With just a few lines of code you can convert any URL or HTML to PDF. You can find all options and examples in our API documentation and the description of the click to PDF links. PHP C# / .NET Java Python Ruby Perl cURL Wget JavaScript // the following code converts the URL https://example.com to PDF
47+ Excellent Ajax CSS Forms - noupe
Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the nee
日付の表記に関するノート
日付の表記方法は、文化的な背景の違い、また用途の違いによって様々なフォーマットがあります。多くの場合、特に断り無く使っても問題なく正しい日時を伝えることができますが、文脈や利用者の環境によっては、意外な落とし穴にはまることもあります。誤解なく、かつ効率的に処理しやすい日時表記方法としては、2001-08-02T10:35Zというスタイルの、ISO/W3Cフォーマットがあります。 文化と日付表記 日時表記の国際標準とW3Cノート W3Cの日時フォーマット XML Schemaの日時データ型 タイムスタンプのインターネット標準 そのほか広く用いられる日時の書式 ピリオド区切りによる日付 電子メール、HTTPヘッダなどの日時表記 継続期間の表記 ISO 8601の期間表記 Dublin Coreの期間表記 読みやすさと処理しやすさのバランス 参照文献 文化と日付表記 よく見かける日付の表記法とし
ちょっと不思議なテキストレベルの要素タイプ - 仕様書に見るHTML(5) -
HTML4の仕様書第9章は「Text」と題され、インライン（テキスト）レベルの構造を記述するための要素タイプが取り上げられています。ここは、仕様書を読んだだけでは具体的な用法が理解しにくかったり、あまり合理的とは思えない記述があったりするので、要注意のセクションです。 1 フレーズをハイライトする 2 HTML2以来のフレーズ系要素タイプ 3 HTML3.2とフレーズ系要素タイプ 4 フレーズ系要素タイプの精緻化と問題 5 テキストの編集 1 フレーズをハイライトする body要素内に記述するHTMLの要素タイプには、文章の骨格を示すブロックレベルの要素と、ブロック内の一部をマーク付けするインラインの要素という2つのグループがあります。インライン要素のうち、仕様書の9.2.1で語句（フレーズ）の役割を示すものとして定義されているのが、EM, STRONG, DFN, CODE, SAMP,
１つのINPUT要素で、複数ファイルをアップロードする方法: ある SE のつぶやき
Upload multiple files with a single file element 上記サイトで、１つのINPUT要素だけなのに、複数のファイルをサーバにアップロードする方法が紹介されています。 サンプルもダウンロードでき、自由に使用してよい模様（クレジットは残した方がいいかも）。 以下の画像は、サンプルを実行したスナップショットです。 このサンプルでは、送信するファイル数が３に設定されています（変更可）。 ・初期画面 ・ファイルを１つ追加 ・ファイルを２つ追加 ・ファイルを３つ追加 ファイルを３つ追加した時点で、ファイル数の上限に達したので、INPUT要素が使用不可になってますね。 シンプルですが、これは便利！
Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
Canvas - HTML5.JP
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
Particletree » Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
boxmodel
http://youmos.com/news/flash_swf_upload
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！