タグ

*WEBに関するmaegamixのブックマーク (6)

  • border-bottom-style-スタイルシートリファレンス

    border-bottom-styleプロパティは、下ボーダーのスタイルを指定する際に使用します。 上下左右のボーダーのスタイルをまとめて指定する際には、border-styleを使用してください。 ■ボーダースタイルの値 none ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。 hidden ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合はhiddenの値が優先されます。 solid 1線で表示されます。 double 2線で表示されます。 groove 立体的に窪んだ線で表示されます。 ridge 立体的に隆起した線で表示されます。 inset 上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の

  • CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ

    最近改めて CSS の基、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基が分かってなかったんだなーと反省 ...。今回は CSS の基中の基、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で

    maegamix
    maegamix 2015/06/07
    困った時に開く。そこら辺の下手な技術書よりも勉強になります。
  • カラーチャート[HTMLカラーコード・カラーネームの一覧] - TAG index

    カラーネーム 147色 147色のカラーネーム一覧と、それぞれのカラーコード一覧です。 カラーネーム 分類別 147色のカラーネームを分類別に掲載しています。 標準 16色 HTMLで定義されている基色。この16色は、古いブラウザでもカラーネームを解釈することができます。 Web Safeカラー 216色 安心して使える216色。標準16色とこのセーフカラーは、異なる環境で見ても同じ色で表示されます。 カラーグラデーション 主要な色合いの彩度と明度のグラデーション一覧です。 カラーグラデーション 詳細版 24種の色合いによる1350色のグラデーション一覧です。 12色の色相環と補色 色相環(12色)のカラーコードと補色の表示サンプルです。 配色パターン イメージごとに分類された、Webデザイン用の配色パターン一覧です。

    カラーチャート[HTMLカラーコード・カラーネームの一覧] - TAG index
    maegamix
    maegamix 2015/06/06
    コードから色を調べるのに
  • 0to255

    There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the

    maegamix
    maegamix 2015/06/06
    カラーチャート
  • CSSだけで作る「多階層」なドロップダウンメニュー

    以前書いた「CSSだけで作る動きのあるドロップダウンメニュー|Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にするなどすればよいと思います。 それではHTMLからいきます。 HTML かなり長くなるのでメニュー1の部分だけ載せています。 <ul id="dropmenu"> <li><a href="#">メニュー1</a> <ul> <li><a href="#">子メニュー</a> <ul> <li><a href="#">孫メニュー</a></li> <li><a href="#">孫メニュー</a>

    CSSだけで作る「多階層」なドロップダウンメニュー
    maegamix
    maegamix 2015/06/06
    グローバルナビゲーション自作にあたり、大変参考になりました。
  • 非常に効率的に最新情報を集めまくって各種アプリなどと自由自在に連携しまくれるRSSリーダー「feedly」はこうやって使うよレビュー

    お気に入りのウェブサイトの最新記事を集めるのにはRSSリーダーは非常に便利ですが、ただ最新記事を表示してくれるだけでなく、ユーザー内で人気の高い記事をオススメしてくれたり、PCやスマートフォン、タブレットからでも快適に記事をペラペラと閲覧しまくることができ、さらには複数アプリとの連携もこなしまくり、通常のRSSリーダーの領域を良い意味で逸脱しまくっているのが「feedly」です。 feedly http://feedly.com/ ◆基的な使い方 ・ログイン まずはアカウントの作成から。アカウントを作成する際は、トップページの右上にある「Login」をクリック。 feedlyを使用する際に新しいアカウントを作成する必要はなく、GoogleTwitter・Facebook・Microsoftのいずれかのアカウントを持っていればすぐに使用できるようになります。今回はGoogleアカウントで

    非常に効率的に最新情報を集めまくって各種アプリなどと自由自在に連携しまくれるRSSリーダー「feedly」はこうやって使うよレビュー
    maegamix
    maegamix 2014/12/27
    feedlyなるものについて勉強中です。
  • 1