lh3.jp lh3.jp は lucky bag と hxxk.jp と 3ping.org のトリオがドメインを共有して、色々な何かをお届けするサイトです。
lh3.jp lh3.jp は lucky bag と hxxk.jp と 3ping.org のトリオがドメインを共有して、色々な何かをお届けするサイトです。
文書構造を表現するタグ 文書構造を表現するXHTMLタグを大まかに分類し、分類したタグをXHTMLの“要素”として、1つずつ紹介していきます。 これらの要素類はXHTMLの骨格(枠)となる部分を形成していくために使われる、XHTMLタグの記述(=マークアップ)を行ううえで基礎となる要素類です。 htmlタグが一番の外側(先祖)となり、その内側(子)に上からhead要素、body要素といった順番でマークアップされます。 ページとして作成する(.htmlファイル)の文書構造を考慮し、情報構造として論理的に合っているかというのを考えながらマークアップを行いましょう。 html要素 htmlのそれぞれの要素はhtml要素を頂点とする階層構造になっています。 その中でhtml要素は最も基礎となる要素で、そのほかの要素はすべてがhtml要素の子や子孫(※)となる関係性になります。 なお、htmlファイ
Last December, I posted a list of the best designs in 2007. Now, it is time for — Best of CSS Design 2008 (a new list of 50 websites hand-picked from Best Web Gallery). This year, more designers are using the large background technique and utilizing Javascript frameworks (such as jQuery and MooTools) to enchance the user experience. I also came across a few designs that mixed Flash with CSS; perha
OS 毎に各ウェブブラウザのデフォルトフォントサイズをまとめてみました。 最近のウェブブラウザは、フォントサイズが同じになっているみたい…。 Windows のウェブブラウザ | ウェブブラウザ | プロポーショナル ( Proportional ) | 等幅 ( Monospace ) | | ——————— | ——————————— | —————— | | Firefox 1.0 | 16px ( 12pt ) | 16px ( 12pt ) | | Google Chrome 0.2 | 16px ( 12pt ) | 13px ( 10pt ) | | Internet Explorer 6.0 | 16px ( 12pt ) | – | | Internet Explorer 4.0 | 16px ( 12pt ) | – | | Netscape 7.2 | 16px (
<textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1: とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
CSSで行間( line-height )と文字サイズの確認用ツールです。画面右の項目を変更してご利用ください。 このページでは、段落(P要素)まわりのCSSで重要だと思われる文字サイズ、行間、左右マージン、段落間隔(P要素の下マージン)を実際に変更し、確認できます。 CSSでのレイアウトデザインにおいて、最も重要な基本事項といえば文字の可読性です。最近ではブログの普及もあって、極端に読みにくいページは少なくなりましたが、WEBを作る人としては押さえておきたいところです。 以下、サンプル文章代わりの雑文です。 海外で小さい文字のサイトってありますよね。でね、そのサイトが妙にイカしたデザインに見えたりだとか。実際、ぱっと見は綺麗です。文字が小さくなるにつれて文章ではなくて模様だとかパターンの塊に見えるためだと思うのですが、そういったサイトの文字サイズを日本語に適用するとちょっとまずい。 例え
小林 信次 マークアップ・エンジニア。茨城県出身。1980年生まれ。専修大学経営学部卒業後,1年弱のニート生活を経て,販売代理店の営業職を経験後,有限会社アイエイトワンに入社。主に,Webディレクション,マークアップを務めるかたわら,講師活動・執筆活動を行う。allWebクリエイター塾ではCSS講習の講師。著書に「XHTML&CSSデザイン |基本原則,これだけ。」(共著,MdN発行)がある。 いろいろな方と話しているときに,line-height(1行の高さ。行間として認識できる余白を制御する値)ってどのくらいに指定していますか?という話題が出ることがあります。そこで改めて,他の人がサイトでどんな指定をしているのかを調べてみました。 ※ 今回は,Webのフロントエンド制作を仕事にしている人の間でよく知られており,アクセシビリティ,ユーザビリティ,文字の読みやすさなどにも気を使っていると思
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載!
7 Free CSS Editors, Which Is the Best? You Choose. : Speckyboy - Web Design, Web Development and Graphic Design Resources フリーのCSS編集に使えるエディタ色々。 エディタは秀丸やDreamWeaverでOKという方も一度試してみるとよさそう。 Simple CSS - Mac OS X, Windows に対応しているシンプルなCSSエディタ。GUI感覚でCSS記述できる A Style CSS Editor - HTML構造をツリー表示できるのが嬉しいかも。 CSSED - “A GTK-2 CSS Editor” - キーワード保管やブロック折りたたみ機能、など高機能 ELEDO - Eledicss - ブラウザベースの編集ツール。直でいじれるので便利。セキュリ
Author: Josh Jones Candy Menu is a stylish CSS drop down menu that's comes in six provocative colors to get you started: To get the menu, download "candymenu.zip". It is a zipped folder (.zip) that includes the following: PSD Source File Working demos of each menu CSS StyleSheet All images needed If you want to change the color of the menu in the PSD file, use the "Adjustment Layers" included with
Notes: Values for IE8b are based on information from a post-Beta1 build so some values might be different as the feature has since been updated. Rows with Green backgrounds showing differences between implementations. Rows with Blue backgrounds showing consitancy between current implementations. Rows with Light Grey backgrounds showing depreciated elements. Rows with Pink shows a row has been adde
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く