280 handpicked colors ready for COPY & PASTE
impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.Your browser doesn't support features required by impress.js, so are presented with simplified version of this presentation. For the best experience please use latest Chrome or Safari browser. Firefox 10 and Internet Explorer 10 should also handle it.
Fun With CSS Shapes - Nettuts これは驚き!CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。
SimpleTabs by Komrade SimpleTabs is an unobtrusive tabs script developed by Fotis Evangelou with the following notable features: It does not depend on any third-part library like jQuery, Mootools etc. That means it won't conflict with scripts made with these libraries or any other script. It does not need different IDs per tab container in order to have multiple tab sets. So, you can have as ma
SmartMarkUP - Universal Markup Editor! SmartMarkUP is a lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your preferences and business needs. SmartMarkUP doesn't depend on any other JavaScript library and can be integrated wit
Best of CSS Design 2008 2008年のCSSベストデザインサイト集という特集。 これは、と思う物をピックアップしてみました。最新のデザインを見ることで勉強になりますね。 Let It Bleed Vermont Coffee Works Digital Mash Good DrupalCon, DC Future of Web Apps - Miami 2009 Future of Web Design - NYC 2008 Tennessee - Fall Tennessee - Spring Tennessee - Summer Tennessee - Winter LightCMS The First Twenty Luke Larsen Design Disease Adaptd Jason Santa Maria Electricurrent Mochi A
mala トップページページ一覧メンバー編集 SoozyConference2 最終更新: mala__ 2007年08月10日(金) 10:45:39履歴 Tweet SoozyConference #2 刺身の上にタンポポを載せる仕事とマークアップエンジニアの区別が付きません 最速廃人研究会 主任研究員 ma.la これまでのあらすじ http://del.icio.us/miyagawa/戦争 http://b.hatena.ne.jp/t/cssnite などをご覧ください。 こんなぐあい 1 cssniteの飲み会で鷹野がエンジニア差別発言 河野さんが金の匂いが強すぎる発言 空前の収支決算報告ブーム amachangがmixi日記にCSS Nite嫌い発言 こんなぐあい 2 鷹野の全然空気読めてないコメント amachangがぶち切れて、表日記に書く malaが便乗 刺身が乱入
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
10月4日 「非JIS漢字表現(仮称)」の今までのまとめメモ。 この表現を用いるときには適当な括弧を用いて他のテキストと区別させる。{},[]など。 横の組み合わせ:{木寸} = 村 縦の組み合わせ:{制/衣} = 製 左の字を繞とする:{走_己} = 起 左の字を垂《たれ》とする:{广'厶} = 広, {麻'鬼} = 魔 左の字を構え(或いはそれに類する形)とする:{囗<井} = 囲, {衣<里} = 裏, {行<韋} = 衛 画の交叉した組み合わせ:{(|+彡)/石} = 同じ字の横の組み合わせ:{2木} = 林 三つの字を三角に組み合わせる場合:{口/2口} = 品 文字要素が独立した字で存在しない場合:{(阿-可)方} = 防, {(花-化)/早} = 草 文字を180度回転:{^予} = 鏡文字(左右反転):{!邑} = 字体の混同が無ければ、少しくらい形が違っても気にしない:{
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
Latest topics > XHTMLルビサポートで文字の均等割り付けに対応したよ 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! « Amazonウィッシュリスト個人情報だだ漏れ騒ぎ Main 萌え絵と少女マンガ絵 » XHTMLルビサポートで文字の均等割り付けに対応したよ - Mar 13, 2008 XHTML Ruby Supportで、ルビベースよりルビテキストが短い時や、ルビテキストよりルビベースが短い時などに、均等割り付けを行うようにしました。 このスクリーンショットはW3Cのテストケースの物ですが、下のルビの「言語」が今までなら中央寄せになっていたところ、ちゃんとルビベースに合わせて字間が広がってます。すぐ上にある「こうあるべき」
CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100%とな
Coda-Slider 1.1.1#5 タブ型でスライドアニメーションするパネルUIを作れる「Coda-Slider」。 次のように、タブ型で、タブをクリックでページがアニメーション遷移するUIが作れます。 ページ左右の、<>ボタンでもページ遷移させることが出来ます。 ちょっとしたウェブ上のプレゼン資料なんかに使うと見やすくていいかもしれませんね。
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray+layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く