IDEA * IDEAドットインストール代表のライフハックブログ
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
Cascading Style Sheets - Wikipedia
Cascading Style Sheets（CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート）は、HTMLやXMLの要素をどのように修飾（表示）するかを指示する仕様の一つで、World Wide Web Consortium (W3C) がとりまとめ勧告する、文書の構造と体裁を分離させるという理念を実現するために提唱されたスタイルシートの具体的な仕様の一つ。 CSSはHTMLで表現可能と考えられるデザインの大部分を実現できる要素を取り入れつつ、新たなデザイン機能を備える。以下の点を特徴とする。 ページを表示するメディアに合わせてスタイルシートを切り替えることで、メディアごとに表示を変化させることができる。 ユーザーエージェント（多くの場合ウェブブラウザ）、ウェブサイト制作者、ユーザがそれぞれ定義した CSSのもたらす効果を重ね合わせる（カスケードする）ことができる
GeckoユーザーのためのユーザースタイルシートTips
ユーザースタイルシートとは 従来，Webページのデザインはページ制作者のみが行なってきました．このため，自分の環境では不都合があったり自分にとって好ましくないデザインの場合でもデザインを変更して読みやすく・見やすくすることはできませんでした． しかし，ユーザースタイルシートの登場により，大げさに言えばユーザー（閲覧者）がページのデザインを行なうことが可能になりました．ユーザースタイルシートに対応したWebブラウザ，例えば，Internet ExplorerやFirefox，Opera等を利用している場合，自分の都合に合わせてページを読む・見ることが出来ます．ここではFirefoxやSeaMonkey（Mozilla）等のGeckoブラウザの機能をフルに使ったユーザースタイルシートの実例を紹介します． World Wide Webは，見る側が好きなように見ることが出来る今までにないタイプのメ
はてなブログ | 無料ブログを作成しよう
ネイルで使う材料で、DIY時の木割れやネジ跡を派手にしたらかわいい OSB合板でちょっとしたボックスをつくりました。 ビス止め下手すぎて木を割ったり穴あけすぎたりした場所に、好きな派手色の樹脂を詰めてパテ代わりにしてみました。 ちょっと某HAYっぽみ出て可愛かったので、自分用にメモです。 手順 塗装 派手色グミジェルで失敗部分…
コメント欄がtextareaに。 - チープカ
はてな | 20:37 | http://d.hatena.ne.jp/hatenadiary/20040803#1091529303コメント欄がinputからtextareaに変更されて、何行も書けるようになったようです。これは地味だけどすごい仕様変更ですね。はてなダイアリーはtdiaryがベースになっているのだけど、tdiaryのtは「突っ込み」のtであって要するにコメント欄は「突っ込み欄」だったわけです。だから突っ込みはそんな何行もいらないってことで1行しか書けなかったわけ。要するに1行コメントの終焉はtDiaryとの決別を意味してるわけです。してないです。関連リンク：ツッコミは短く鋭く愛を込めて 無風地帯？KU。あと、textareaを広くしてたりしててコメント欄の部分のテキストエリアがめちゃくちゃ広くなってる人は .commentshort textarea{ width: au
suVeneのあれ: [bookmarklet]テキストエリアリサイズ
2006年11月16日 [bookmarklet]テキストエリアリサイズ いきなりだが、コメント欄も含めて、テキストエリアが小さくて困る場面ってあるはずだ！ 無い人はさようなら。 はてダのコメント欄入力フォームなら #comment-form textarea { height: 10em; }これで大きくなるが、よそ様のサイトでテキストエリアが小さくて困ったときはどうすればいいか。 そこでこのブックマークレット。 The Man in Blue > Experiments > FormTextResizer やべ、これは便利。 実行するとテキストエリアをンググググっとドラッグで伸縮自在に！(テキストボックスも横に伸ばせる) 対応(検証済み)ブラウザは、Firefox 1.5.0.6 (Win & Mac), Internet Explorer 5+ (Win), Opera 9.01 (
xyzzy の音 - みんなの楽しい色設定
Screen shot と xyzzy.ini ( usr/ログイン名/プラットフォーム/xyzzy.ini ) の設定値。 [Colors] textColor=#fff4f4 backColor=#333333 ctlColor=#8080 selectionTextColor=#fff4f4 selectionBackColor=#848284 kwdColor1=#dd7a55 kwdColor2=#999500 kwdColor3=#800080 stringColor=#999500 commentColor=#3dcc0d tagColor=#65ebd cursorColor=#b5ffff caretColor=#fff4f4 imeCaretColor=#bd linenum=#0 reverse=#848284 unselectedModeLineFg=#fff4f4
視覚的、はてなダイアリー文書構造サンプルHTML
[section] ■ [sectioncategory] 手入れしました15:37[h3要素] 長らく放置しておりましたが、色々変更点／足りない点があったりしたので、修正いたしました。アンカーは全て、CSS Tips for はてなダイアリーの該当箇所へのリンクとなっておりますので、「ここはどうなってるかよく解らない」と思っている部分のアンカーをクリックすると良い感じになると思いますが、解説は大して良い感じでもないので、その点はすみません*1。 また、一目で見た時の構造を第一に考えているので、配色とかセンスとか突っ込まれても泣き寝入りするばかりです。放って置いてください。ぷん。このカタチならアンチポップのスタイルをパクるべきだったなともチョト思いました。 [section] ■ [sectioncategory] もういっちょ16:00[h3要素] はてなダイアリーではエチィな背景画像を
はてなダイアリーTipsスタイルシートでデザイン編
視覚的に表したものを先日作成したのでよろしかったら参考にしてください。 視覚的、はてなダイアリー文書構造サンプルHTML CSS Tips for はてなダイアリー はてなダイアリーガイド「CSSセレクタ」 はてなダイアリーガイド「CSSセレクタ - 日記１日分」 はてなダイアリーガイド「CSSセレクタ - photoモジュール」 はてなダイアリーガイド「CSSセレクタ - adsenseモジュール」 はてなダイアリーガイド「CSSセレクタ - calendar2photoモジュール」 はてなダイアリーガイド「CSSセレクタ - ヘッダテーブル」 はてなダイアリーガイド「CSSセレクタ - アンテナ型モジュール」 また、全てのクラス名はこちらでまとめられています。 id:smoking186:20030218#1045504830 はてなダイアリー兼tDiary用cssのテンプレート ht
desperadoes.biz - このウェブサイトは販売用です！ - カラム スタイルシート レイアウト ミュージシャン 素材 アイコン リソースおよび情報
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
SCN[湘南ケーブルネットワーク] - ページが見つかりません
お探しのページは、一時的に利用できないか、名称が変更されたか、削除された可能性があります。 誤ったURLを入力していないかご確認ください。 湘南ケーブルネットワークのHOMEへ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
タブブラウザ Sleipnir オンラインデータベース(スタイルシートの作成)
https://www.xml.vc/kiso/!important.html
はてなブログ | 無料ブログを作成しよう
はてなダイアリーガイド「CSSセレクタ - 日記１日分」とは
はてなダイアリー - はてなダイアリーガイド「CSSセレクタ」とは
背景に使えるベクター素材いろいろ - DesignWalker
