Lucky bag::blog: IE で min-width を指定する方法
IE は min-width に対応していないんだけど、「Stu Nicholls | The CSS Playground」でスクリプトを使わず CSS だけで擬似的に min-width を指定する方法が紹介されていたんで、ざっくりとご紹介。この方法は、Win IE のみに効く方法で、Mac IE では機能しない模様。サンプルとして下記の (X)HTML を使用してみる。 <div class="container"> <div class="box"> <div class="contents"> 内容 </div> </div> </div> これに対して、幅 90% で最小幅 400px の指定をしてみる。IE5.5 と IE6 に対応したパターンと IE5.01 と IE5.5 と IE6 に対応したパターンの２種類の方法がある。 実際に試してみたサンプル IE5.5 と IE
Stylesheet Stylebook：CSS“カンニングペーパー”
The Purposes of E-commerce Website and Web format Since the importance of eCommerce internet site is growing bizarre and fantastic, the importance of e-commerce internet format also is growing. Before going to talk about more or less E-commerce internet format, everybody ought to necessarily notice more or less e-commerce internet site, and its services and products. Here are a few compulsory diff
Web Style
The Purposes of E-commerce Website and Web format Since the importance of eCommerce internet site is growing bizarre and fantastic, the importance of e-commerce internet format also is growing. Before going to talk about more or less E-commerce internet format, everybody ought to necessarily notice more or less e-commerce internet site, and its services and products. Here are a few compulsory diff
Dynamic Drive DHTML(dynamic html) & JavaScript code library
This innovative script uses CSS flexbox to create cards that when clicked on expands to show copious amount of information in a compact, manageable manner. Think of it as an expandable cards based layout. Ken Burns is a type of panning and zooming effect commonly used in video production to bring still images to life. This image slideshow adds an awesome Ken Burns effect to each image during trans
Top 7 Freshest Designs of 2006
2006 was the year of Web 2.0 design and pretty much that type of design got old real quick. Below I have listed the Top 7 Freshest Designs in my mind that I have come across this year and although these kind of lists can easily be argued, I try to provide you with enough reasoning behind my decisions. Cuban Council Why choose a site that wasn’t even designed in 2006 as a fresh design for 2006? In
CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄（フォーム）部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ
ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ２
こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
コラム・雑感 Dreamweaver カスタマイズセンター／T-STUDIO
先日のCSS Nite Vol.17では、ディレクション的な話しの中で、Dreamweaverの拡張機能に関わるお話しをさせていただきました。弊社[何処]には、Dreamweaverの拡張機能を語らせたら、彼をおいていないという位有名な、植木くんが居ります。 CSS Niteでは、その植木君にも登壇いただきました。先日のAdobeセミナーでも拡張機能について話していたので、ご存じの方も多いかと思います。 実は、そんな拡張機能、ずいぶん懐かしいページを思わず見つけちゃったので、紹介します。 Dreamweaver カスタマイズセンター（web.archive.org） そういえば、こんなことあったなぁって感じなのですが、ご存じの方もいるかも知れませんが、こっそり僕も拡張機能を公開していました。かなりショボショボな拡張ではありましたが・・・ それよりも、サイトの紹介文に赤面ですね。なんとういう
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
IEとFFで同時にCSSを確認しながら編集できるフリーソフト『CSSVista』
異なるブラウザのブラウザチェックをもっと簡単にしたい。 そんなあなたにおすすめなのが、『CSSVista』。IEとFFで同時にCSSを確認しながら編集できるフリーソフトだ。 What is it? CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. CSSVistaとは？ CSSVistaはweb制作者のためのWindowsアプリケーション。ライブにIEとFFのCSSを同時に編集できる。 とのことだ。 IEとFFといっても、バージョンにも対応している。IE4から6,NN4から8など、様々なブラウザ、バージョンに対応している。 ライブに、しかも異
Dreamweaver CS3のCSS機能紹介１
先週末に販売が開始されたAdobe Creative Suite 3シリーズ。Suiteのアップグレード版の一部は、いくつかのショップで売り切れになっていたりと、やはりユーザーの期待の高さがうかがえます。 ※どこかで同じリード文だったような・・・ さて、そんなSuite版にも含まれているDreamweaver CS3。この間YouTubeにあげた動画がなんともわかりにくいので、別途flvファイルをアップしてみました。サンプルは、5月に行われたCSS Nite LP,Disk 3のライブコーディングで使用したコーディングコンテストのデータを使用しています。 CSSパネルでセレクタを移動するのを動画にしてみました。基本的に、順序立ててCSSを書いていれば、セレクタの位置の入れ替えというのはほとんど無いと思うのですが、それでも場合によっては入れ替えたいと思うこともあると思います。通常だったらコー
ARTIFACT@ハテナ系 - CSS Niteで思い出すCSSコミュニティ
Latest topics > CSS Niteにまつわる一連のアレを見て思った事 - outsider reflex 世間がWeb標準とかそういう物に全く目を向けずに多数派の事だけ考えてテーブルレイアウトとFlashでWebを塗りつぶそうとしていた時に、マイノリティの卑屈さで自分を支えて小さな掘っ立て小屋を根城に細々と世の多数派の価値観に対し抗おうとしていた、そんなルサンチマン丸出しの立場でCSSとかWeb標準とかを考えてきていた僕のような人間にとって、Movable Typeの大流行で一気に波に乗ってWeb標準云々の話題に飛び込んできた勝ち組多数派の人達がいつの間にかおっ立てていった立派なビルを、素直に評価することなんて果たして可能なのか？ 自分の中に鬱積した劣等感と美味しいとこだけ見事に持って行かれた悔しさとで発狂しちまうんじゃないのか？ この記述を読んで、2004年に徳保さんが『ス
stylish del.icio.us - SWiK
What Is Adobe Shockwave Player? Macromedia Shockwave is an interactive multimedia and content delivery plugin, not to be confused with… Brawl Stars Review Supercell's latest offering, Brawl Stars is an exciting multiplayer shooter featuring elements of team-based shooters,… Microsoft Access Basics – Forms, Queries and Macros Microsoft Access provides an intuitive user interface that enables indivi
scrollovers
お金を稼ぎたい場合は、スマホアプリを利用したお金を稼ぐ方法がおすすめです。 おすすめの理由には手軽さをあげることができます。 外に働きに出る必要がなく、いつも使用しているスマートフォンやタブレットから稼げるので、誰でも簡単に行うことが可能です。 特別なスキルを要しないところもおすすめのポイントだと言えます。 多くの案件が誰にでもできる容易なものとなっており、特別な能力がない人でもできるものが多いです。 アンケートに答えるなどの簡単なものが多いため、未経験者でも不安なく始めることができます。 好きなときに稼げることも魅力です。 暇なときは集中して活動することができますし、忙しいときには作業をする必要がありません。 自分のライフスタイルに合わせて稼げるため、バイトのように面倒だけれど行かなければならないといった苦痛を覚えることがないです。 楽して稼ぎたい人や気楽にお金を稼ぎたい場合には、この方
WebAppers Simple Javascript Progress Bar with CSS by WebAppers
Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. Therefore WebAppers has created a simple Javascript based Percentage Bar / Progress Bar which is inspired by Bare Naked App. Bare Naked App taught us how to display Perc
Create a Lightbox effect only with CSS – no javascript needed | Emanuele Feronato
Get the most popular Phaser 3 book Through 202 pages, 32 source code examples and an Android Studio project you will learn how to build cross platform HTML5 games and create a complete game along the way. Get the book You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect. When you are on a page, and click on a photo or trig some event, a Lightbox is an effect that fade
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://reverb.jp/vivian/index.php?itemid=329
hicksdesign
Open Design Community - Download Free Web Design Templates - OpenDesigns.org
CSS Juice » Tools