cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBM... 続きを読む

• kachibito.net
• テクノロジー

floatボックスが親ボックスを突き破る問題 2006–11–01 floatボックスが親ボックスを貫通して表示される問題について。 親ボックスの中に「box_A (float:left;)」と「box_B (float:right;)」があるとする。OperaやFirefox等のモダンブラウザで見てみると、中身... 続きを読む

• archiva.jp
• テクノロジー

アンパンマン新しい顔よ！！！ Safariだとhoverでアニメーションするぜい。IEは食パンマンになります。 続きを読む

• lomo.hmds.jp
• テクノロジー

IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いで... 続きを読む

• kachibito.net
• テクノロジー

札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。 jQuery plugin 自作plugin JavaScript (X)HTML CSS SEO 日記 プロフ Webコン 小さ... 続きを読む

• h2ham.seesaa.net
• テクノロジー

昨日の画像を使わずにCSS3だけで作ったサイト「NetaGear」に引き続き、本日もCSS3の記事です。ここ最近の私のマイブームはCSS3で色々やってみることなんですが、CSS3を使えば画像なんて使わずに絵が描けるんじゃない？という疑問を抱き実際に作ってみました！ ... 続きを読む

• shopdd.blog51.fc2.com
• テクノロジー

グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Cl... 続きを読む

• coliss.com
• テクノロジー

CSSとかHTMLとかでご飯食べたい。たらふく食べてみたい。そんな人生をマークアップ中の人（28歳）によるブログ。 ちょっと前の話になるんですが、先月参加してきたCSS Niteで、大藤幹さんが「Web Designing」の連載で海外のサイトをチェックしていて分かった傾... 続きを読む

• necoze.cc
• テクノロジー

この数カ月、CSSについて勉強をしてきました（それだけしてたわけではないですが）。もともとCSSについてはたいした知識がなかったのですが、この数カ月で基本機能からアクロバティックな記述まで、いろいろ試しました。 その中で、いちばん僕が調べ続け、それ... 続きを読む

• www.privatekey.jp
• テクノロジー

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 yo... 続きを読む

• www.alistapart.com
• テクノロジー

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下... 続きを読む

• ascii.jp
• テクノロジー

A tool for generating image sprites and CSS for your web site. Using this tool can help you dramatically reduce the number of HTTP requests made for higher performance.Image Duplicates Ignore duplicate images Remove duplicate images but merge... 続きを読む

• spritegen.website-perf...
• テクノロジー

はじめに　Web開発者にとって、XHTML+CSSで構成されたWebページ作成の基礎知識は避けて通れません。「CSSってデザイナーがやることじゃないの？」と思うかも知れませんが、プログラマこそ、CSSのマークアップを理解する必要があると筆者は考えています。とりわ... 続きを読む

• codezine.jp
• テクノロジー

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Inayaili de Leon氏がSmashing MagazineにTake Your Design To The Next Level With CSS3のタイトルのもとCSS3を積極的に使っていってはどうかという内容の記... 続きを読む

• journal.mycom.co.jp
• テクノロジー

1日約3500本もの記事がアップされる、ヤフーの「Yahoo!ニュース」。Yahoo! JAPANの代表的なサービスの一つです。そのYahoo!ニュースが2009年4月27日、大幅にレスポンスが向上したことはあまり知られていません。システムを全面的に見直し、記事1本を表示するの... 続きを読む

• pc.nikkeibp.co.jp
• テクノロジー

Tips, Tricks, and Techniques on using Cascading Style Sheets (CSS)It’s a fact of CSS life that the ‘border’ of any block level element gets factored into it’s final box size for layout. That means that if you add a border on a hover to an... 続きを読む

• css-tricks.com
• テクノロジー

今回は、floatプロパティとボックスレイアウトを利用した段組みを比較していく。また、CSS 3で段組みのレイアウトを実現する「Multi Column」との違いも確認する。 ウェブページのレイアウトでは、ヘッダーやサイドバー、コンテンツなどをどのように配置するか... 続きを読む

• builder.japan.zdnet.com
• テクノロジー

2006 | 12 | 2007 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 | 2008 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 続きを読む

• d:id:majiking_percus
• 暮らし

【「水と空気だけで発電し続けます」，ジェネパックスが新型燃料電池システムを披露 - グリーン・カー - Tech-On!】【ウォーターエネルギーシステム、水発電】【今度は無断スタイルシートOff禁止ですってよ - 妄想科學日報】【無断スタイルシートOff禁止って言... 続きを読む

• d:id:kana-kana_ceo
• テクノロジー

あとで絶対活用してみたいと思いましたので一応書いておきます。 『誰でも使っていいよ！』との事なので興味のある方に。 CSSハックをしない、JavaScriptを使わないというもの。 参考：CSSハックってなんぞえ？ 詳細は以下に。 テンプレート色々 基本はダウンロ... 続きを読む

• e0166.blog89.fc2.com
• テクノロジー