ページの見かけを決めるCSSについていろいろなデザインが今までありとあらゆる場所で検討されてきましたが、今度はそのCSSを時間帯によって切り替えるという方法です。朝なら朝っぽいCSSで、夜なら夜っぽいCSSを使うというようにして、いろいろと応用が利きそう。 詳細は以下の通り。 Katgal.com: New and Improved このアイディアをさらに延長したアイディアが以下にあります。 nicholasjon.com :: Time Sensitive {1/14/2007} 上記サイトでは以下のような感じで時間だけでなく、天気によっても変わっていけばおもしろいというように提案しています。 はれ くもり 夜
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 (じゃなくてもいいんですが) をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
Update 2007-07-19 Version 2.1.3 - demo & guide here. Download AutoSuggest v.2.1.3 Bugfix Update 2007-07-07 Version 2.1.2 Smaller file size (under 9k) Uses encodeURIComponent instead of encodeURI bsn namespace is set as default - uses new bsn.Autosuggest(... instead of new Autosuggest(.... This avoids conflicts with other libraries (e.g. prototype) out of the box. Update 2007-03-24 I've made a few
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo!やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
当サイトでも使用しているページ内をスムーズにスクロールするスクリプトの紹介です。 スクリプトの概要 JSファイルのダウンロード ページの先頭へスムーズにスクロールさせる方法 ページ内の任意の場所にスムーズにスクロールさせる方法 メモ 更新履歴 横移動や別ページからスムーズにスクロールできる方法は、応用編です。 [JS]ページ内をスムーズにスクロールできるスクリプト(応用編) スクリプトの概要 ページの先頭や任意の要素に、スムーズにスクロールさせることができるスクリプトです。 動作環境 Win IE5, IE5.5, IE6, IE7, Firefox1.5, Firefox2, Opera8, Opera9, Safari3.01beta Mac Safari1.5, Safari2, Firefox1.5, Firefox2 使用条件 本スクリプトは、非商用利用に限りフリーで使用すること
css今回の CSS リニューアルでネタ出しに使ったサイトをまとめておきます。83個のきれいな Wordpress のテーマ集:83 Beautiful Wordpress Themes You (Probably) Haven’t Seen絶対見ておくべき30個の暗めのサイト:30 Dark Designs You Should've SeenCSS による最近のフッターデザイン:CSS-Based Footers: Modern SolutionsCSS による 2006 年の美しいサイト50選:50 Beautiful CSS-Based Web-Designs in 200653個の必須 CSS テクニック53選:CSS-Techniques You Couldn’t Live Withoutかっこいいデザインのサイトがサムネールつきでいっぱいなので、煮詰まったときに見るといろいろ
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
Did you ever take a walk through the entire Unicode table? It’s the history of our civilization expressed in typography. It might be organized in an arbitrary fashion and not explained well, but it’s all here: languages, cultures, concepts. Spaces are here, too. There’s the one with an agent good enough to have gotten it the biggest key on everyone’s keyboard, but there are many more: the very nar
There are specialized terms referring to all sorts of aspects of web design. For someone just getting started in web design, or someone looking to have a site designed, all the technical jargon can be overwhelming. Especially the acronyms. Below is a guide to industry terms that should get you well on your way to understanding what web designers are talking about. In addition, we’ve provided some
Photoshop can be used for so much more than just retouching images or manipulating photos. You can create your own textures . In this article, Stephen Petrany will present a foundation of techniques to help you build custom textures. He’ll go over three Photoshop features that he relies on to do most of his texturing — filters, layer styles and brushes. You’ll see that creating high-quality textur
CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tu
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
Flexible box layout is a new box model optimized for UI layout, and it makes a lot of tasks much easier, or even possible at all. Flexbox’s repertoire includes the simple centering of elements, the expansion and contraction of elements to fill available space, and source-code independent layout, among others abilities. Flexbox (or flexible box layout) is a new box model optimized for UI layout. As
Stories about our creative apps and services for everyone
Seznam webových galerií Moderní, graficky pěkné webové stránky si na internetu jistě zaslouží speciální pozornost. Té se jim dostává díky tzv. CSS galeriím, do kterých jsou takové stránky zařazovány. Na této stránce naleznete seznam celkem 92 webových galerií ze kterých čerpají inspiraci webdesignéři po celém světě. Chcete mít přehled o stránkách oceněných těmito galeriemi? Používejte web CSS GALE
XHTML+CSSでのWeb制作は以前よりは普及してきたといえるが、まだまだノウハウを持っている人は足りないのは現状です。よくWeb制作関連のセミナーとかに出ると、「XHTML+CSSでサイト構築ができる人材がいない」とよく聞きます。そこで、XHTML+CSSでの効率的な制作をおこなう上でのポイントをいくつか考えてみました。 予告しなかった第5回目です。今回は残りの部分を一気に行きたいと思います。すごく長くなるのでお覚悟を。 Web標準に準拠したブラウザを基準に制作する よく、Internet Explorer 5 or 6を基準にして作成してFirefoxやOperaやSafariでレイアウトが崩れるという話を聞きます。しかし、制作思想が根本的に間違えています。Internet Explorer 7が(いや、Microsoftが)、批判はともあれ、(曲がりなりとも)Web標準に準拠してい
XHTML+CSSでのWeb制作は以前よりは普及してきたといえるが、まだまだノウハウを持っている人は足りないのは現状です。よくWeb制作関連のセミナーとかに出ると、「XHTML+CSSでサイト構築ができる人材がいない」とよく聞きます。 そこで、XHTML+CSSでの効率的な制作をおこなう上でのポイントを何回かに分けて書いていきたいと思います。今回はPart3です。CSS編のPart 2です。うそみたいな話が多いですが、すべて実話ですので世の中怖いです。 マージンの方向は原則的に下と左右に統一する フロートも絶対配置もされていないブロックの場合、マージンは相殺します(参考:「マージンの相殺 - CSS Dencitie」)。見出しや段落、リストなどレイアウトブロック内での要素のマージンは原則的に下と左右に設定するように統一しましょう。 上マージンを使うのは原則としてブロック内の最初の要素だ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く