hr要素のデザインサンプル 12 - NxWorld
hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。 どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 ここで紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません。 また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。 はじめに ここで紹介しているものは、すべてHTMLは<hr />のみです。 また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
ハイパーテキストリンクのスタイル大全
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）はウェブページをつなぎます。Web Standardistasによると「ハイパーテキストリンク無しではウェブはウェブではなく、それはただ別個の、無関係なページのコレクションでしょう」と言っています。 我々はページにたどり着いたら、ある種のリンクをクリックする必然性があります。 1. CSSのセレクタと擬似クラス リンクをスタイルする時には、ユーザーはページを流し読みすることを忘れないでください。そのため、リンク箇所はしっかりと明示すべきです
ユーザーを混乱させない、ウェブのUIデザインの一貫性を保つために気をつけたいポイント
ユーザーが利用しやすいよう、ウェブやスマートフォンのサイト・アプリのUIデザインの一貫性を維持する際に気をつけたいポイントを紹介します。 Maintaining Consistency in Your UI Design 下記は各ポイントを意訳したものです。 UIデザインの一貫性を保つ3つのポイント 一貫したストラクチャとインタラクション 一貫したスタイル UIデザインの一貫性を保つ3つのポイント ウェブやスマートフォンのサイト・アプリを設計する際、UIデザインの一貫性を保つためにおさておくべきポイントは3つあります。 デバイスの標準の振舞いやUIガイドラインと矛盾しないようにする。 他の類似のサイトまたはアプリケーションと一貫した状態にする。 あなた自身のデザイン上、矛盾しないようにする。 特に大切なのは3番目で、あなた自身のデザインの中でユーザーを混乱させたり、破綻しないようすることは
『わかりやすい資料の作り方 ～ 文字は「ジャンプ率」に気を付ける』
場所ごとの文字の大きさに気をつけるだけで 資料は見やすくなるのです。 【がけっぷち秘書 こばちん が書いています】 読みやすい文字の大きさに気を配る人は多いと思うのですが 「ジャンプ率」を意識している人は、 実はあまりいないのではないでしょうか。 「ジャンプ率」というのは耳慣れない言葉ですが、 本文のサイズに対するタイトルや見出しサイズの比率のことです。 たとえば、以下の2枚の資料、 どちらがわかりやすく感じますか？ ※それぞれクリックして拡大してみてください。 左側の資料は実は文字の大きさがすべて同じ。 対して、右側の資料は 【ページタイトル】 ［プロモーション概要］部分 ↓ 【小見出し】［■メディアの利用方針］部分 ↓ 【本文】 の順に文字の大きさが小さくなっています。 人は文字をなかなか読んでくれないもの。 この変化をつけるだけで、 読み手はどこに何が書いてあるのかがわかりやすくなり
オフィスデータやデザインテンプレートからの印刷ならグラフィック・ビズ
2024.2.9 : 【重要】パンフレットの注文受付終了のお知らせ パンフレットのご注文受付を、2024年4月末日で終了させていただきます。 終了後はスマートチェックにてご注文をお願いいたします。 なお、冊子のご注文、ご入稿は引き続きグラフィック・ビズをご利用ください。 ■実施予定日時: ・2024年4月30日（火） 誠にご不便をお掛けいたしますが、なにとぞよろしくお願い申し上げます。 2023.1.12 : 【重要】グラフィックビズ終了のお知らせ スマートチェックでOfficeファイルデータの入稿を開始いたしましたため、グラフィックビズは終了予定です。 終了後はスマートチェックにてご注文をお願いいたします。 なお、冊子のご注文、ご入稿は引き続きグラフィック・ビズをご利用ください。 ■実施予定日時: ・2023年1月31日（火） 誠にご不便をお掛けいたしますが、なにとぞよろしくお願い申し上
Webutubutu!-Older: WEBデザインに使えるフォントジャンプ率の一例
WEBサイトの本文に使うフォントサイズは、サイトの役割やターゲットによって自ずと決まります。 しかし、見出しなど本文とジャンプ率を変える際には悩む事が多いかと思います。 そんな時は先達を参考にするのも良いのではないでしょうか？ ジャンプ率とは 簡単にジャンプ率の説明を。 一言でいえば、サイズの変化率です。 対象はフォントだけでは無く、写真なども含まれます。 通常本文よりも大見出しは大きいサイズを用いるので、ジャンプ率は高くなります。 小見出しであれば、大見出しよりもジャンプ率が小さくなります。 先達に学ぶ WEBデザインはまだまだ新しい分野です。 対して、印刷の分野は古く歴史があります。 特に従わなければならないルールがある場合は別ですが、何も無いのであれば１つの指針として先達に学ぶ事は多いにあります。 というわけで、文字の先達である印刷分野のサイズを参考にしてみます。 参照元 以下に挙げ
ThemeRoller | jQuery UI
Using ThemeRoller ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like. If you'd like to use a pre-designed theme, select the Theme Gallery tab and
石川県金沢市のホームページ制作のオフィスリキッド ホームページ制作｜目的く
＜サービスメニュー＞ ○ホームページ制作 ○ ビジネスモデル立案 Webマーケティング ○ 販売促進 SEM、SEOコンサルティング LPO クロスメディアマーケティング ○ビデオ映像制作 ○お勧めリンク 石川県（加賀、能登）、金沢市でのビデオ映像制作、ホームページ制作、SEO対策は、当オフィスへ。 1、目的 2、仮説 3、マーケット分析 4、設計 5、デザイン 6、制作 7、アクセス向上・広告 いきなり店舗を開設するぞ、と思う人はいないく、その目的が有るはずです。 例えば、「自社製品の直売を行い売上を拡大する」や「商品のお客様の商品に対する反応をしる為のアンテナショップとしたい」という目的です。 ホームページの制作の際も同様で、とにかく自社のホームページがないと体裁がわるい、とか企業の顔になるからという目的では、ないはずです。 目的を明確に。 １、自社の業務内容、取扱商品、強
石川県金沢市のホームページ制作のオフィスリキッド ホームページ制作｜設計く
＜サービスメニュー＞ ○ホームページ制作 ○ ビジネスモデル立案 Webマーケティング ○ 販売促進 SEM、SEOコンサルティング LPO クロスメディアマーケティング ○ビデオ映像制作 ○お勧めリンク 石川県（加賀、能登）、金沢市でのビデオ映像制作、ホームページ制作、SEO対策は、当オフィスへ。 1、目的 2、仮説 3、マーケット分析 4、設計 5、デザイン 6、制作 7、アクセス向上・広告 店舗を建設する際には、設計図を描きますが、ホームページ制作の場合は、フローチャート、ページ構成が設計図に相当します。 各項目に対しそれぞれ方針を決めます。 その上で設計に入ります。 1、アクセスを期待する市場性のあるキーワードは、なにか。 大手が上位を独占していれば、細かなキーワードでアクセスを稼ぐ事も可能。 ライバルと戦う為の候補のキーワードを決める。 2、検索サイトでのライバル
デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の１つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日本で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見
塾だより４月号より ゴトウ 学習塾 東進 予備校 ブログ
今年度から中学生・高校生に使用している塾ノートは５色あり、それぞれの色の効果は以下の通りです。 【橙色】やる気のない気持ちを前向きにする。体内のカルシウムの物質代謝を助ける。血液循環に効果を示すなど。 【緑色】肝臓を刺激して血圧調節をする。眺めることで緊張をほぐす働きがある。目に良いとされるなど。 【桃色】交感神経を刺激し、頭痛を軽減。高血圧・疲労感の緩和。ぼけ防止・老化防止など。 【黄色】ストレスを緩和する働きがある。コミュニケーション能力を高める効果がある。すい臓を刺激して糖尿病に効果がある。 【水色】想像力を刺激する効果がある。心理的体感温度を下げ、脈拍を抑える働きがある。
株式会社サブラフ| saburafu.inc
WEB(ウェブ)制作・ホームページ制作はサブラフ（saburafu）へ。大阪市内・西区を拠点に企画・デザイン・制作すべてサポートしています。不動産業者様向けの360度パノラマ撮影（panorama）映像もフラッシュ(Flash)で制作しています。業界実績多数あります。ウェブ制作、企画・デザイン・運営、パノラマ撮影・映像・FLASH制作の株式会社サブラフ｜saburafu.inc 事業内容 Webサイトデザイン、企画・制作・運営、コンテンツ制作、Webシステム開発 グラフィックデザイン、ロゴデザイン、各種印刷物デザイン・企画・制作、広告全般・映像制作、360度パノラマ撮影・映像・FLASH・制作・開発 drachma.inc 店舗デザイン、オフィスデザイン、住宅デザイン、内装、設計事業部：株式会社ドラクマ 会社情報 社名：株式会社サブラフ 本社：〒550-0003 大阪市中央区京町堀1-14
会社案内 | OpenDesign | WEBデザイン・ホームページ制作 | 愛媛県松山市
新しい景色をみませんか？ OpenDesign（オープンデザイン）は、WEB企画・デザイン・制作・コンサルティングや空間デザイン、店舗デザイン・プロデュースをおこなっています。2018年12月松山市堀江に社屋を新築。社屋2FでCafe＆Restaurant「L’art de vie (ラドビ)」を運営、2019年11月スノーピークビジネスソリューションとパートナー契約を結び、アウトドアグッズ・キャンプ用品を用いた企業向けサービス「キャンピングオフィスOSOTO松山」を開始しました。 サービスの中でもWEBデザインを一番得意としており、自由な発想で見る人を和ませ惹きつける魅力的なデザインでお客様のビジネスを支えるお手伝いをいたします。 Outline 社 名
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck
web計。
ホームページ制作/webデザイン/デザイン事務所デザインエージェント
ホームページ作成会社プールデザイン
COOSY 株式会社クーシー｜Webデザイン/Web制作会社｜クリエイティブエージェンシー
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
