Google HTML/CSS/Javascript from the Ground Up Class: HTML Presentation
This video is the second in a series of videos for the Google HTML/CSS/Javascript from the Ground Up class. Are you looking for a basic understanding of how UIs are created on the web or do you want to brush up outdated UI development knowledge? Or maybe you'd like to learn more about the medium you're designing for and gain basic tools for prototyping designs? Do you want a better understanding
HTML要素の位置取得 - elm200 の日記(旧はてなダイアリー)
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
XHTML 1.1 スタイルがその場で確認できるマークアップ見本と簡易リファレンス
XHTML 1.1 マークアップサンプル付リファレンス version 1.0.0 Last update: 2006-05-16T15:54:10+09:00 モジュール別 XHTML1.1 リファレンス XHTML1.0 Strict DTD をモジュールに分割して、必要な機能を選択できるように再形式したのが XHTML1.1 です。 HTML4.01 、 XHTML1.0 、 XHTML1.1 において、推奨される要素に違いはあるものの、要素の定義はほぼ変わっていません。 XHTML1.1 の仕様書(Abstract Modules)に記載の順番に記載したリファレンスを以下に作成しました。スタイルが適用され、見栄えが確認できるようにできる限り説明文に使用例を盛り込んであります。 非推奨とされる要素・モジュール（applet, flames, target, iframe, legac
ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介
yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？ 「エラスティック（elastic）」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ
画像編集ツールで領域を選択しているようなエフェクトをCSSとGIFアニメで実現する方法:phpspot開発日誌
画像編集ツールで領域を選択しているようなエフェクトをCSSとGIFアニメで実現する方法。 次のように、ブロック要素を目立たせたい場合に非常に効果的です。 作り方は簡単で、次のような4x4ピクセルのGIFアニメを用意します。 簡単な画像を組み合わせて、一般的なGIFアニメ作成ソフトで作れます。 次に、次のようなＨＴＭＬを作ります。 <html> <!--CSS--> <style type="text/css"> body { background-color:orange; } div#selectblock { background-image:url("back.gif"); padding:1px; width:300px; } div#innerblock { background-color:white; padding:8px; } </style> <body> <div i
Scrollable HTML table - webtoolkit.info
Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer
FormAssembly: Secure Online Forms - Data Collection and Form Builder
Transform your outdated processes and empower essential business initiatives with FormAssembly forms and Workflow. FormAssembly Workflow The new age of data collection Imagine a world where work just flows. It's possible with FormAssembly Workflow, the new solution that'll change the way you work for the better. With Workflow, teams can visually map out the flow of data to enable better decision m
Bridge Word
This shop will be powered by Are you the store owner? Log in here
JsonML (JSON Markup Language)
JsonML.org JSON Markup Language (JsonML) JsonML (JSON Markup Language) is an application of the JSON (JavaScript Object Notation) format. The purpose of JsonML is to provide a compact format for transporting XML-based markup as JSON which allows it to be losslessly converted back to its original form. Native XML/XHTML doesn't sit well embedded in JavaScript. When XHTML is stored in script it must
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NekoHTML
Yahoo! JAPANのソース <!--京--> は何か意味があるのでしょうか？
https://ajaxpatterns.org/wiki/index.php?title=Bitjuice
HTML → PDF