はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
Tableless forms
I consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. More and more web designers work very much with styles in order to create a unique and easy to maintain website. You can see some inspirational examples by visiting a gallery like CSSREMIX or cssdrive. Those are CSS gal
artcodeグループ - 2007 CSS Study Meeting
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
CSS2/DOM - Styling an input type="file"
Credits wholly go to Michael McGrady, who invented this technique. A browser must support opacity to support this technique. Therefore it doesn't work in Explorer 5.0 on Windows, Explorer 5 on Mac and Opera. A reader suggested adding a keyup event to the real input box so that you can copy the text the user types to the fake one. This page has been translated into Chinese and Italian. Of all form
Webfactory - BLOG
« ペンタブレット | メイン | 半島を出よ（上） » IEでhoverをa以外に効かせる 乏しい読解力で海外サイトを廻って見つけた久しぶりのCSSネタ。おなじみのa:hoverはIEの場合 a 属性以外には効果が無い（ZSPC：hover対応表）これを有効にするスクリプト「csshover」というスクリプトを配布している「Peterned」というサイトがある。javascriptでのhoverもいいけど一括指定でhoverが使用できる点から、こちらのほうが便利かなと...。 というわけでIEのみがターゲットということもあり、読み込みのほうもいつもの外部読込形式ではなく、IE独自の「behavior」を使う。CSS一枚に記述するだけで事足りるので楽チン。Bodyに behavior: url("ｘｘｘ.htc") という形でhtcという形式のファイルを読み込ませる。詳しくはこちら（CYB
Craig Ambrose. 404
Sorry, but I couldn't find what you're looking for. Feel free to search or contact the author of this site. Ramblings about web development, agile methodologies and Ruby on Rails. You can search this site, view posts by tag or by author and browse the archives. Subscribe to the full-text RSS feed or the comments RSS feed.
CSSでクールなタブUIを作成するサンプル:phpspot開発日誌
OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSでクールなタブUIを作成するサンプル。 次のようなタブUIを作ることが出来ます。 サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。 HTMLもクリーン。 <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new
CSSの小技集、20個:phpspot開発日誌
CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをＣＳＳでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とＣＳＳ RSSフィードにスタイルシートを指定 固定フッター 要素にHoverエフェクトを加える HRタグへのCSS ＦｌｏａｔのClearに関するテクニック CSSでポップアップ小窓 ボックスの見出し(Box Punch)を表現 CSSボタン オレンジのRSSボタンをP
CSSだけでフレームを作るテクニック:phpspot開発日誌
CSS Frames v2, full-height | 456 Berea Street Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。 通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。 フレーム風のインタフェースをＣＳＳだけで実現するテクニック。 常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現でき
*LOVE IS DESIGN* - 誰でも簡単にCSSカスタマイズができちゃうサイト
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc カスタマイズに便利なサイトを、またまたはてブで見つけました。 やっぱりはてブサマ様！ありがとうブックマーカーたち！ ■Dynamic Drive CSS Library …というわけで、さっそく Sliding Doors Tabs MenuというMac風味のタブメニューを設置してみました。 サイドバーに使えるたて型もあります。 このサイトなら誰でもプロのデザイナーのようなオシャレなメニューバーにカスタマイズができちゃいますよ。タブメニュー以外にも、CSSを使ってドロップシャドウをつけたり、ポップアップする写真などのサンプルもあります。 海外のサイトですが、まったく英語
Renewal／趣味のWebデザイン
リニューアルに挫折しないための3つの心得 楽しい作業を優先させよう。視覚デザインをいじるのが好きならば、まずはそれだけのリニューアルでもいいのです。 新しいコンテンツを優先させよう。古いコンテンツは、一気にリニューアルできなくともよいのです。 作業より考察を優先させよう。慌てる必要はありません。おかしいな、と思ったら一度立ち止まりましょう。 "いろは"の先のCSS マークアップの修正、CSSによる元のデザインの再現、さらに改善案の作成、CSS Tips までを扱う総合チュートリアルです。Web雑誌Folio（2003～2005年）に連載した記事を再録。 第1回 2003-08-21 望ましいリニューアル方針／文章の内容に即したマークアップ／ブラウザのデフォルトスタイルに頼らない／素人の配色：3大原則／テキスト枠に余裕を!／etc 第2回 2003-09-23 レガシーなHTMLの発想を乗り
hxxk.jp - CSS の記述ルール記事のまとめ
いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフォルトスタイルの差異を無くすCSS のような Tips ではなくて、あくまで .css ファイルを書き上げる際のルールのことです。 それと、取り上げた記事は順不同です。 書き上げてから、公開日時順にした方が良かったかなあとも思いましたがもうこのままで公開。 Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成お
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オンラインで高性能なCSSのナビゲーションが作成できる -QuickMenu
『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳
TableとCSSいろいろ - DesignWalker
http://youmos.com/news/dynamiclayout_js.html
CSS Cheat Sheet
CSS Tips：メモランダム
http://rails.office.drecom.jp/takiuchi/archive/83