JavaScriptは使用しないで、パネルの幅をテキストの成り行きに合わせたドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Any width dropdown/flyout menu demo 対応ブラウザはIE5.5, IE6, IE7, Firefox, Opera, Safari(PC) and Google Chromeとのことで、IE用には条件付コメントが使用されています。
designに関するUDONCHANのブックマーク (22)
-
UDONCHAN 2009/04/28
-
factio クリエイターXドロップシッピング
あなたがUターンアルバイトという選択をしたとき、希望する地域の求人情報を得るのにひと苦労するかもしれません。 でも、転職サイトを使ってみたりアルバイトアプリを試してみれば、地元の求人情報を得やすくなるうえに、応募まで済ませてしまうことができるようになります。盛りだくさんの求人情報のうちから自分に適した転職先へ行けるように、考えうる限りのツールはどんなものでも積極的に利用しましょう。 ベストなアルバイト方法といえば、まだ在職している間に次の就職先を探し、転職先が決まったら、辞表を書くことです。退職してから次の就職先を探そうとすると、仕事が見つからなかった場合「焦り」が心を支配し始めます。 加えて、経済的に困ることも考えられます。 ですから、退職する前に探すことがベストです。加えて、自分だけで探そうとしないでアドバイスが突破口になることもあると思います。 残念ですが、転職しなければよかったと後
-
masuidrive on rails - IKEAと5万円で作る快適仕事場
日本での仕事場環境作りの話はこちら。 Impress BB Watchのデスクトップ百景でMac上のデスクトップを紹介して頂いたので、連動してリアルなデスクトップの話です。 私は家で仕事をしていますが、仕事部屋を設けるのではなく、リビングに机を置いて仕事をしています。 一日の時間のほとんどをPCに向かっているので、一番広い部屋を使わないのはもったいないのです。 仕事机を置くのに必要なスペースは大体2畳程度です。リビングが広めだと、思ったより圧迫感は出ないと思います。なので、うちでは、1LDKで広い部屋の物件を探しました。いま住んでいる家も1LDKです。 アメリカに引っ越してまず行った場所はIKEA。今回の引っ越しでは、アーロン以外の家具類は全部処分してきてしまったので、仕事机も棚も全部買い直しです。 私は、17インチ2枚と、24インチ1枚のディスプレイをアームで固定しています。アームを使う
-
無題のドキュメント メタルバンドのCDのジャケットって異様にダサいけど
メタルバンドのCDのジャケットって異様にダサいけど 今日お前んちで遊べる？ 廃墟の画像とか貼ろうぜ コナンVSルパン三世でありそうなセリフ 2008年11月 良スレ選抜会 【フタナリ注意】やる夫がセクロスに挑戦するようです １７巻 ニヤニヤ出来るコピペください カレンダー「んっ…いやっ、そんなにめくらないでぇ///」 雪降ったからベンチに白い巨塔を建造した 夕暮れ画像がほしい。 【エロ注意】やる夫がセクロスに挑戦するようです １６巻 【微エロ注意】TVでのちょいエロ・フェチ画像 俺の丼画像コレクション晒す この画像を使って笑わしてくれ 小島よしお「そんなの・・・・・・・関係ねえよっ！！！」 片乳首出したおっさんの後つけたら天空の剣見つけたｗｗｗｗ その２ 【エロ注意】やる夫がセクロスに挑戦するようです １５巻 ネコ画像で1000目指そうぜ マジキチな
-
Retro and Vintage In Modern Web Design — Smashing Magazine
Retro and vintage are becoming a new trend. Once rarely used in this robust, dynamic medium, early, retro and vintage elements are now becoming more and more popular in a variety of design contexts. Online shops, corporate designs, portfolios and blogs incorporate both styles on a small and large scale. When applying “old-style” elements to their works, designers produce creative and appealing des
-
-
ロゴデザインをする際の10のTips「Logo design tips」
グラフィックデザインといっても様々なデザインがあり、紙面のデザインから、ロゴマーク、タイプなど様々ですが、今日紹介する「Logo design tips」はロゴのデザインについてのTipsを10個紹介するエントリーです。 ロゴマークはたまに作らせていただいたりしますので、せっかくなので、紹介しながら学んで行きたいと思います。簡単に下記に記しておきます。 詳しくは以下 1.Work with vectors ベクターデータで制作 2.Don’t use more than 2 fonts 2以上のフォントは使わない 3.Keep it readable 読める文字で作る。 4.Test sizes 様々な大きさで試す。 5.Adapt it for dark backgrounds 黒背景の場合もチェック。 6.Make sure it works well in black and whi
-
-
もうサイトのメニュー作成には困らない！多種多様なサイトメニュー配布サイト「Styled Css Menus」:phpspot開発日誌
Styled Css Menus - High Quality Web Based Professional Css Menus: allmenus もうサイトのメニュー作成には困らない！多種多様なサイトメニュー配布サイト「Styled Css Menus」。 ということで次のようなメニューのサンプルダウンロードが可能なサイトのご紹介。 ダウンロードページ CSSなのでちょっとスタイルを変えてオリジナルにしてみるのも良さそう。 CSSメニューでいうと、次の関連エントリも参考にできます。 デザイン性に優れたCSSメニュー集 使えるCSSメニューいろいろ CSSで作成されたサイトのメニューサンプル集 CSSのみでクールな階層メニュー作成サンプル CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」
-
サイトを美しく魅せるゴージャスナビゲーション集:phpspot開発日誌
50 Gorgeous Navigation Menus | Vandelay Website Design サイトを美しく魅せるゴージャスナビゲーション集。 重厚で美しいデザインのナビゲーションの特集です。 Housing Works Nuttersmark Paiko Good Soh Tanaka 参考にしてエレガントなメニュー作りに役立てましょう。 関連エントリ ナビゲーション実装に使える、Ajaxライブラリ/サンプル集 階層ナビゲーション実装ライブラリ集 クールなナビゲーションメニューを作成するCSS＆HTMLサンプル CSSベースの超クールなナビゲーション集 CSSでdigg風のナビゲーションを実装サンプル
-
Webデザイン - デザインポータル的なサイト - phaのwiki
いいデザインのサイトを集めているデザインポータル的なサイト。サムネイルとかでパッといろんなサイトを概観できるようなサイトが使いやすいのでそういうの中心に。 国内 ↑
-
ITクオリティ 25のwebデザインのインスピレーション集
One of the pet peeves of being a web designer is that you sometimes end up not feeling very creative and in need of inspiration. Of course there are thousands of CSS galleries out there, but we thought we could just go ahead and make our own list of great website designs. Hoping this will help you get your creative juices flowing! 超訳すると、数千とCSSギャラリーはあるけど、我々が見る独自のギャラリーであなたの想像力を支援します！とのこと。いい刺激物をありがとう
-
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
-
面白いPhotoshop用テキストエフェクト集:phpspot開発日誌
50 Great Photoshop Text Effect Tutorials, Part II | Photoshop Tutorial 面白いPhotoshop用テキストエフェクト集。 布地に糸で縫ったようなエフェクトや、スプレー、３Ｄ、氷、スターウォーズ風、木目など色々なテキストエフェクト集がまとまっていました。 Text In Stitches Colorful Glowing Text Effect Spray Paint Text Reflective Glass Tutorial Spiderman III Furry Text Icey Styles in Photoshop Design a Lego Typography in Photoshop Stunning 3D effects in 30 minutes Creating the Sky Logo Star
-
3D円グラフを使うのはやめよう | Okumura's Blog
落伍弟子さんの目の錯覚を誘うグラフの受け売りで申し訳ないが，都立高校教科書採択結果のPDFの図がすべて3D円グラフになっており，目の錯覚で誤解が生じやすい。例えば右図で日文は啓林の2倍あるのに中心角は啓林のほうが大きく，面積比でもほぼ互角に見える。情報リテラシーではっきり「3D円グラフは使うな」と教えてほしい。 Rのヘルプの「pie」の項目にも次のようにあるように，そもそも円グラフが良くない。 Pie charts are a very bad way of displaying information. The eye is good at judging linear measures and bad at judging relative areas. A bar chart or dot chart is a preferable way of displaying this ty
-
-
デザインの優れていると思う企業サイトを教えてください。 これぞ企業サイトと思えるようなカチっとしたデザインで、情報がきちんと整理されているものが知りたいです。
デザインの優れていると思う企業サイトを教えてください。 これぞ企業サイトと思えるようなカチっとしたデザインで、情報がきちんと整理されているものが知りたいです。 例えば、 村田製作所：http://www.murata.co.jp/ KDDI：http://www.kddi.com/ OMRON Industrial Automation：http://www.ia.omron.com/ のようなものです。 もし可能であれば、そのサイトを作った制作会社の名前もお願いします。
-
Webデザインに黄金比を取り入れよう - Re:Creator’s Kansai
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
-
Hochschule Mainz: Übersicht
Als Kommunikationsdesignerin oder Kommunikationsdesigner entwickeln Sie medienübergreifend gestalterische und strategische Lösungen. Sie erarbeiten Konzepte, Sie layouten, Sie kümmern sich um die Typographie, Sie fotografieren, Sie schreiben, Sie zeichnen oder illustrieren. Sie gestalten Schriften, Bücher, Zeitschriften, Plakate, Flyer, Erscheinungsbilder, Websites, Apps, interaktive Installatione
-
アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 | CREAMU
Design アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 アイコンをデザインしたい。 そんなあなたにおすすめなのが、『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』。アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選だ。 以下にご紹介。 » Traffic ConeアイコンをPhotoshopで描く方法 » 本のアイコンを作る方法 » Mac OS Xのメールアイコンのようなデザインをする方法 » Mac OS X用のアイコンを作る方法 » グラフのWebボタンを作る方法 » Photoshop CS3のアイコンを
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました