CSS
今回はVol.1と比べて、よりWebデザイナさん向けとなっております。Vol.1も随分と盛り上がりましたので(立ち見がでるほど盛況でした)、迷っていらっしゃる方はお早めに申し込んだほうがよいと思います。あと、あれです。女性率が凄いです←僕最近こんなことば…
なんか最近、オフ・レポートじみてきているなぁ。 私は少し遅れての参加だったのですが、立ち見がでるほど盛況でした。ビックリ。50人強の方々が参加されていたのですが、女子率が高くて*12度ビックリ。 この華やかさは、プログラマ系イベントにはないもので…
水平メニュー色々。この手のやつをできるだけシンプルに実装したい。 <div id="menu"> <ul> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー3</li> </ul> </div> このくらいシンプルに。できればCSSのみで。まだ、自分のパターンが確立していないのでソースを読んで参考にする。
Textベースのプレゼンツールといえば、HTML Slidyだと私は思っていたのですが、S5というものもあって、それにscript.aculo.usを使用してエフェクト効果を加えた、presentacularという、カッチョイイのも存在するんですね。 で、さらにその「カッチョイイ」を…
PHP勉強会は毎回成果物として、プレゼン資料とコードを必須にしようと思っています。 今日は、HTML SlidyのCSSを書いていました。あとgoogle-code-prettifyとの連携です。 まず、CSS。ちょっと適当なのであまり真似をしないで下さいね。 slide.css * { margi…
実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips作者: 市瀬裕哉,望月真琴,福島英児出版社/メーカー: 九天社発売日: 2007/02メディア: 単行本購入: 3人 クリック: 113回この商品を含むブログ (59件) を見るまだ、全部読んでないけど、好感触。Ti…
CSS角丸実現方法一覧。後で読む。
最近流行のHTML Slidy。使い方は HTML Slidy & Movable Type でプレゼンが詳しいです。個人的にはPowerPointやPDFというクライアントのPC環境に依存せずブラウザで完結しているのが非常に良いと思います。
ナイスだなぁ。はてなでも使いたい。
当たらなくても買いますが、当たればそれに越したことはないわけです。 日頃から読ませて頂いているCSSマスター(と私は思っている)達の共著でかつ(X)HTMLから触れている部分が非常によい。Tipsも使えそうなものが多そうで興味深いです。 追記 外れました…。…
WiiっぽいボタンをCSS(一部Javascriptを混ぜてる)で実現しています。 span.button button, del.button span, span.button input{ _behavior:expression( (function(el){ if( typeof( behavior_onMouseEnter) == 'undefined'){ behavior_onMouseEnter = funct…
明日にでも読んでおこう。
CSSでのサイトデザインを順に追って説明しています。英文ですが、非常にわかりやすい。 で、ですね。Webアプリ開発する際にあらかじめ準備しておくものというのを下記に列挙します。 HTMLテンプレート(マルチカラム対応のものが望ましい) デフォルトCSS(ブラ…
ちょっと読んでみる価値がありそう。 読んでみた。今流行りのCSSTips。とりあえず、URIだけ覚えておけばいいかな。
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine なんて大仰なタイトルをつけてしまったわけですが。 上記はWeb2.0(?)っぽいサイトでよく見かけるWebデザインCSSTips集…というか、「53個のWebデザインパターン」。 最近特に思うのが、「We…
CSSNiteは女子率高めらしい。なんかもうそれだけで参加理由になりそう。
なんかSBMっぽくなってきてるな。心の余裕が足らないんだろうな。
この間、IE7には_(アンダースコア)ハックが効かないと分かったので熟読すべし。 IE7はXML宣言の記述があるとQuirksモード(下位互換モード)で表示されるという問題が解決されているので普及すれば、validなxthmlがかける 全てのIEに適用させるハックとしては…
便利。参考にする。
とりあえず、IE7を入れてIE6はスタンドアローン版を入れるようにするか。 追記(2007/01/20) IE7インストール完了。IE6スタンドアローン版のインストールも完了。
英語弱者の僕にはとても嬉しい。いくつかLDRに入れているものもあるけど、あと精査してLDRに登録しておこう。 devworks - デザイン系ツールまとめに追加しました。
ああああ、知らなかった。もう本当に面倒くさい。 まぁ回避方法はあるようなので、夜にでも試す。 IE 7 用の CSS ハック - lucky bag IE7 を含むモダンブラウザ向けの CSS ハックまとめ - lucky bag
CSSのチートシート。全部網羅してはいないけど、代表的なものは揃っています。これを壁紙にできれば文句なしだったのだけど。 ちなみにprototype.jsにはありますね。 Prototype Dissected - Snook.ca っと、やっぱりまとめているサイトがありました。 Ajax,A…
あるブロック要素に(pとかに)background-imageをつけるときにこういうコーディングをしました。 p.hoge { background-image: url("../images/foo.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-color: transparent; } 要…
私が普段心がけているHTMLのコーディング規約(というほど大層なものでもありませんが)を記しておきます。いつかは文書化しなければ…と思っていたので。先日のなんか流行っているみたいなのでデフォルトCSSを公開してみる - devworksと合わせてみると効果的か…
昔つくったものを見つけましたので、せっかくだから公開します。 公開する際に恥ずかしくないようにValidatorにかけたり、表示テストを行ったりしたのですが、やっぱりIEはダメだなぁ、と思いました。以下八つ当たり。 abbr要素を認識しない これは本当にど…
2007年1月開催予定とのこと。デザイナの方だけでなくプログラマの方にぜひ参加して貰いたいです。 …って偉そうですね。すいません。えーとですね、あれですよ。HTMLとCSSを小手先でしか使えない人が多すぎると思うのですよ。<色々とストレスが溜まっている…
自分が使用するかどうかはおいといて、小技として面白かった。
CSSでグラフを書くTips。CSSもHTMLも結構キレイ。
CSSレイアウトを使用した秀逸なデザインのサイトを集めたギャラリー。私はCSSは書けるがデザインセンス・画像加工がからっきしなので、参考にしたいと思います。