Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
CSS Specificity - Cheat Sheet Tuesday, September 29, 2009 { 14 Comments } One of most common difficulties with CSS is determining what CSS rule will be applied on the page. That was my nightmare when I started with CSS. But actually is not so hard to understand how these rules are applied and the order of CSS Specificity. I created CSS Cheat Sheet that I hope it can help you understand CSS Specifi
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
This page is used to test the proper operation of the Apache HTTP server after it has been installed. If you can read this page it means that the Apache HTTP server installed at this site is working properly. If you are a member of the general public: The fact that you are seeing this page indicates that the website you just visited is either experiencing problems or is undergoing routine maintena
今月はじめに John が来日したときに「フォント関連で近々発表があるんだよね」と言っていたのですが、ついに全貌が明らかになったようです。Jeffrey Veen を中心に TypeKit というプロジェクトが立ち上がる模様です。既に WebKit, Opera 10, Firefox 3.1 3.5 でサポートされている @font-face。利用者のパソコンにあるなしに関係なく指定のフォントが使えるようになります。つまり、今まで仕方なく画像文字にしていた部分もテキストで処理可能になる可能性があります。 @font-faceでまず問題になるのが著作権に侵害しないかどうかという部分です。多くのフォントはウェブ上での配布を禁じていますし、@font-face の許可をしていないフォントもあります。法的な問題や DRM を気にせず安心して @font-face を使った文字表現をするために生ま
As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution. Fixed Columns The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But
Most of the web designers should heard about “CSS Framework”, and I believe some of you had tried them before. Just like other programming and scripting language, CSS do have some repeat code that can be packed together to ease our daily job. When use properly, CSS Framework may cut down your development time. On the other hand, it may cause extra works and time if you choose the wrong framework f
960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。
The grid system generator will create fixed grid systems in valid css / xhtml for rapid prototyping, development and production environments.The grid system generator will create fixed grid systems in valid css / xhtml for rapid prototyping, development and production environments *. In addition to the css framework, it creates a background file (sample) that you can use in Fireworks, Illustrator,
A blog about web design, art, technology, music and life by Grace Smith, a freelance Web Designer based in Northern Ireland.As a dedicated Web Standards gal, i appreciate the beauty and power of CSS, in fact my design studio - Postscript5 is built on the aim of producing beautiful, accessible websites. The love and respect for web standards is continually growing in the online community and the pu
最終更新日 Sun, 19 Apr 2009 20:27:25 +0900 最後のコメント Mon, 14 Jul 2014 08:14:00 +0900 ブックマーク 先日開催された、Kanasan.JS JavaScript第五版読書会#7のレポートです。 今回はCSSとイベント処理の入門的内容でした。 ご参加頂いた皆様、ありがとうございました。 JavaScriptからCSSを扱う それ程難しくはないので、簡単にまとめておきます。 はまりがちな事 Element.style.colorなど、Element.style.〜のスタイルオブジェクトで操作出来るのは、 インライン指定されたスタイルのみなので気を付ける必要があります。 僕も最初の頃は知らずによく間違えていたのですが、これを知っていると無駄に時間を使わなくて済むと思います。 <style> #foo { background-c
「IE8のCSS対応」の第1回「IE8が対応したCSSと標準規格(旧題:IE8が対応した標準規格:CSS 2.1は一通りサポート、CSS 3は残念……)」は、builder編集部がつけたタイトルやリード文によってずいぶんとCSS 3がクローズアップされてしまい、本来考えていた原稿とはニュアンスの異なる刺激的な記事になってしまったのには驚いた。 しかし、IE8がCSSに関して非常に重要な鍵をにぎっているブラウザであることは事実。ここでCSSの現状も含めてまとめておきたい。 今回、IE8が一通りサポートしたCSS 2.1は、2007年7月に出された勧告候補が最新版となっている。 勧告候補は最終的な勧告ではなく、ここから勧告案を経て勧告となる。勧告候補は問題があれば草案に差し戻されることもあり、実際にCSS 2.1は一度草案に差し戻され、再び勧告候補としてリリースされた。 勧告がリリースされるま
The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh
W3C Working Draft 2 April 2009 This version: http://www.w3.org/TR/2009/WD-css3-layout-20090402 Latest version: http://www.w3.org/TR/css3-layout Previous version: http://www.w3.org/TR/2007/WD-css3-layout-20070809 Editors: Bert Bos (W3C) bert@w3.org Copyright © 2009 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply. CSS is a simple, declarative langu
There are lots of reasons you might want to offer your users more than one CSS file for your website: You want to offer a “stylish” low-contrast and an easy-to-read high-contrast version of your site. You have many low-vision readers and want to give them easy access to a customized stylesheet with a larger typeface. Your site is schizophrenic and you want to be able to change the look quickly. Wh
セミリキッドレイアウトの両端にドロップシャドウの背景画像を配置するスタイルシートをSoh Tanakaから紹介します。 Tips for Developing Semi-Liquid Layouts demo デモでは、入れ子にしたdiv要素にそれぞれ背景画像を設置。 親は中央配置にし、min-width, max-widthを設定。 子はoverflow:hidden;を指定し、paddingなどを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="content_wrap"> <div class="content"> <!--Content--> </div> </div> </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く