Polymer と Web Components - steps to phantasien
先週はサンフランシスコで勤務先の年次博覧会が催され、中には自分と近いプロジェクトを紹介するセッションもあった。 いい機会なので便乗して宣伝してみたい。自主会社員活動につき勤務先の見解と違っても見逃してください。 さて件の年次博覧会、ウェブ開発者向けの講演の一つで Polymer という新しい JavaScript UI フレームワークが公開された。 Closure, GWT, Angular ときて また別のフレームワークかよ…とぼやく人の気持ちもわかる。でもそれほど被るものでもないから見逃してほしい。 なるべく多くのブラウザで動かそうとする既存のフレームワークと違い、 Polymer は新しいブラウザの機能を使い倒すことで強力なフレームワークを作ろうとしている。 別に特定ブラウザでしか動かないわけじゃない。ただ将来そうした新しい機能が各種ブラウザに備わる日を見越し、 そのときベストに動く
[CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック
Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,
URL Encode Decode - URL Percent Encoding and Decoding.
URL Encode and Decode Tool Use the online tool from above to either encode or decode a string of text. For worldwide interoperability, URIs have to be encoded uniformly. To map the wide range of characters used worldwide into the 60 or so allowed characters in a URI, a two-step process is used: Convert the character string into a sequence of bytes using the UTF-8 encoding Convert each byte that is
Creating Intrinsic Ratios for Video
Did you ever want to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video, you can. This technique allows browsers to determine video dimensions based on the width of their containing block. With intrinsic dimensions, a new width triggers a new height calculation, allowing videos to resize and giving them the ability to scale the same way images do. See exa
MediaFront - A complex solution to stream your video
Host, encode and deliver the highest quality video to your audience MediaFront is a complete video platform with fast player. An innovative and intuitive interface in combination with a reliable playback on any device and any browser allow you to build a modern robust video infrastructure. Online Video Platform Store your video on our secure servers and enjoy a powerful and swift encoding system i
調査支援者の公募 | ＮＴＴソフトウェア
公募概要 次世代Webブラウザを利用した縦書きテキストレイアウトに関する表現の標準化のため、課題抽出のための調査支援者（以下、調査支援者）を公募いたします。 現在フォーラム標準団体の一つであるW3C（World Wide Web Consortium）において、次世代Webブラウザ技術であるHTML5（Hyper Text Markup Language）の標準化に向けた作業が進められており、日本の雑誌や書籍等で表現される縦書きテキストレイアウトの表示機能についてもWebブラウザの基本機能となるよう議論が進められております。 縦書きテキストレイアウトの表示機能がWebブラウザに実装され、端末に依ることなく縦書き表現が利用できるようにすることは、日本の文化である縦書き表現を継承する観点や、世界に向けた日本語コンテンツの発信を維持・強化する観点から、非常に重要となります。本公募は、次世代Web
rel="nofollow"のブログ・スパム対策とは？ :検索エンジンの伝 ::検索エンジン三国志
アルゴリズム社による「SEO塾の公式ブログ」 検索エンジン最新情報の「SEO塾の公式ブログ」。ヤフー・グーグルなどの検索上位表示対策と順位変動、インデックス更新、ツールや機能、その他の話題など SEOの最新情報は、『検索エンジンの対策と情報は「SEO塾の公式ブログ」』をご利用ください。 独自の検証と実験を続けるSEO塾が、検索エンジンのアルゴリズムとペナルティの謎に接近。 順位変動に迷わない、回復リカバリーを成功させたい。業界随一人気絶頂のSEOセミナーをご覧ください。 ブログ・スパム対策としてのrel="nofollow" ブログの普及によって、SEO≒スパムもお手軽になってきているが、検索結果の上位にも表示され、ユーザーも検索エンジンも苦々しく思っている。 そこで、Googleが主導して、コメントやトラックバックのリンクを、検索エンジン的に無効にしようというわけだ。 仕組み的には、<
height100%のボックスを作成する。
xhtmlにおいてblock要素のheightプロパティに対して%で値を指定した場合反映されません。 サンプル CSSの仕様上%は親要素のheightに対しての割合で反映されるので、親要素に対して明示的にheightが指定されていない場合、height:autoが継承されるためです。 サンプルの場合 html要素とbody要素のheightプロパティに対して100%と明示的に指定しておく事によりheight100%のdiv要素を作成する事ができます。 サンプル 関連エントリー tableの膨張を防ぐ【css tips】 画面の下部にフッターを表示する CSSで中央表示を実装する【css tips】 CSSで垂直中央を実装する【css tips】 vertical-alignの使い方【css tips】 スポンサードリンク 2006年8月 7日 00:12 タグ カテゴリー CSS «Lig
我的春秋: JavaScript ソースが HTML から消える日
［2006-06-10 付記］このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり！なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます！ しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定！あまり日本では取
Google Code: Web Authoring Statistics
Introduction Various people have, over the last few years, done studies into the popularity of authoring techniques. For example, looking at what HTML ids and classes are most common, and at how many sites validate (and yes, we know that we're not leading the way in terms of validation). John Allsopp's study is the most recent one we're aware of, where he looked at class and id attribute values on
DirectX
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
In Search of the Holy Grail
I’m sorry. Really. I didn’t name it. I don’t mean to overstate its importance or trivialize the other and rather weightier Holy Grails. But the name’s out there, and we all know what it means. Three columns. One fixed-width sidebar for your navigation, another for, say, your Google Ads or your Flickr photos—and, as in a fancy truffle, a liquid center for the real substance. Its wide applicability
Firebug :: Firefox Add-ons
Firebug 1.2.1 by Joe Hewitt, Justin Dolske, robcee Categories Web Development Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug 1.2 requires Firefox 2 or 3. 347 reviews Updated September 12, 2008 184,775 weekly downloads 8,448,583 total downloads M
「戻る」で入力データが消えてしまうフォームはいらない ― ＠IT
Webアプリケーションのユーザーインターフェイス[6] 「戻る」で入力データが消えてしまうフォームはいらない 「寛容性とユーザーコントロール」 ソシオメディア 上野 学 2005/12/22 前回「入力情報を預かる責任を果たせる画面デザインとは？」は、あらゆる経験則の土台となる価値観として、「ユーザーを尊重する」というユーザー中心の姿勢について述べました。今回からは、Webアプリケーションのユーザーインターフェイス（UI）・デザインを行ううえで有効な経験則を、少し具体的に考えていきたいと思います。 その前にまず、連載の第1回「ユーザーにとっては“ユーザーインターフェイス”こそが製品そのもの」で触れた HCI（Human-Computer Interaction）の分野でよく挙げられる、コンピュータを用いた対話型システムの設計原則を紹介しておきます。ここでいう「対話型システム」とは、ユーザー
Html Validator for Firefox and Mozilla
HTML VALIDATOR (based on Tidy and OpenSP) HTML Validator is a browser extension that adds HTML validation inside Firefox and Chrome. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page. The extension is based on Tidy and OpenSP. Both algorithms were originally developed by t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)
HTML5 audio and video (Windows)
HTMLクイックリファレンス
Web Devout
Open Source Web Design - Download and upload free web designs.
http://www.danwebb.net/workspace/CodeHighlighter/