WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
はてなブログ カスタマイズ その2 - りゅうのすけのWebで生きてみる
2015-06-08 はてなブログ カスタマイズ その2 Blog Photo by 写真AC はてなブログ カスタマイズ その2となります。 前回のその1でカスタマイズを加えていった時系列でとしていますが、加えたカスタマイズの問題が解決されていない部分がありますのでその箇所はとりあえず飛ばして説明することにしました。 今回のカスタマイズは本文中の見栄えや色彩をカラフルするためのカスタマイズです。 目次の追加 まずは目次からです。本文の一番上に表示されているのが目次です。文字の箇所をクリックすれば、その見出しまで飛んでくれる仕様になっています。 こちらのソースを使用させて頂いています。 はてなブログで本文の上に自動で目次を表示する方法 - はてなブログ脱獄ブログ サイトの説明にもあるように見た目は各自お好みで調節して下さい。背景を変更したければ、background を。文字の大きさは、f
はてなブログテーマ「Material」のタイトル画像を最適化しました - ウェブ学のすすめ
はてなブログテーマ「Material」でタイトル画像をアップロードした際、画面に最適化するようにしました。またCSSを追加するだけで海外サイトのように画像に薄い色が重ねっているようなカスタマイズ方法もご紹介します。 公開したテーマ Material - テーマ ストア - はてなブログ タイトル画像を指定する方法 【1】タイトル用の画像を用意する 指定できる画像の横幅は最大1000pxです。 re:splashed | Free, do whatever you want, hi-resolution photosより （参考）フリーで利用できるフォトストックサイト Snapwire Snaps re:splashed | Free, do whatever you want, hi-resolution photos Gratisography: Free, use as you ple
[HTML] 適度な太字が読みやすい! 強調タグ（B、EM、STRONG）の違いとは? | ヨッセンス
こんにちは! ヨス（プロフィールはこちら）です。 ネットでいろんなサイトやブログを見ていると、文字に様々な装飾をしていることに気づきます。 文字を太くしたり、色を変えたり、背景に色をつけたり。 今回はブログ文章内の文字の装飾についてです。 ブログ文章内の文字装飾について ブログ内の文章にはメリハリを付け、読みやすくするため、文字を太くしたり色をつけたりします。 こちらを見比べてみて下さい。 適度に太字・色文字を ほら、文字装飾が適度にあると見やすいでしょ? では、どんなものが見やすいのか比較してみましょう。 カラフルな装飾はNG! 文字の装飾でこんなのをよく見かけませんか? こんにちは! ヨスです! 寿司と言えばやっぱりアレですよね! アレですよアレ。トロ? いえいえ。もちろんカリフォルニアロールですよ。やっぱアボカドおいしいです。 実はわたし、生魚が苦手でして寿司屋に行っても卵焼きとかカ
![[HTML] 適度な太字が読みやすい! 強調タグ（B、EM、STRONG）の違いとは? | ヨッセンス](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f5c94b309057c9423ba9b6f9d19f277bd84699c/height=288;version=1;width=512/https%3A%2F%2Fyossense.com%2Fwp-content%2Fuploads%2Fhtml-bold-250.png)
はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - LITERALLY
はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試
はてなブログテーマ「Material」を2カラムにカスタマイズする方法 - ウェブ学のすすめ
先日公開した、はてなブログテーマ「Material」を2カラムにしたいというご要望がありましたのでカスタマイズ方法をご紹介したいと思います。CSSを追加するだけで2カラムになり、プロフィールや最新記事がサイドに表示されます。 お試しください！ 公開したテーマ Material - テーマ ストア - はてなブログ 2カラムにカスタマイズする方法 【1】「デザイン」画面を開き、タブ「カスタマイズ」を選択して「デザインcss」を表示します 【2】「デザインcss」の一番下に下記のcssを追加します /* 2カラムレイアウト */ #main { width: 600px; float: left; } #box2 { width: 300px; padding: 24px; float: right; margin-top: 0; margin-bottom: 60px; background
これ１つで驚くほどアクセス数が増えた！誰でも簡単にできる固定ソーシャルボタンの設置方法とは？ - サラリーマン休日副業で月10万円以上目指すページ
すでにお気づきの方も多いと思いますが、最近ブログのデザインを多少修正しています。 はてブやTwitter等のソーシャルボタンは各サービスごとにデザインが異なり、何となく統一感がありません。 今回のデザイン変更はソーシャルボタン周りのデザインを統一化し、よりユーザクリックを誘いやすいようボトム位置に固定化しました。 この効果はてきめん！ ブックマーク率は従来比で2倍以上に。 皆さんにも是非ご紹介したいと思いましたので、記事にしてみます。 設置方法 下記のソース群をあなたのブログに追加するだけです。 ソーシャルボタン画像はのらねこさんのページのものを使用させていただきました。 CSSソース あなたのブログのCSSに下記を追加してください。 .social-button { display:none; width:90%; max-width:900px; height:0; margin:0
少しの労力でサイトをかっこよく！見出しのCSSデザインに役立つジェネレーター＆サンプル集30個まとめ
見出しジェネレーター 外観や色を選んでCSSを生成するジェネレータータイプ。 CSS見出しジェネレーター CSS見出し-ジェネレーター | WEB道 吹き出しやリボン、背景色、ボーダー色、文字色、影、ぼかしなどを選択して見出し用のCSSを生成するジェネレータ。 見出しメーカー 好きな色でCSS見出しが作れます | スタイルシート見出しメーカー 好きな色を選んでボタンを押すだけでシンプルな見出しが作れる見出しメーカー。 見出しサンプル集 見出しデザインと、HTML・CSSがセットになったデモサンプル集。 CSS見出しデザインのアイデア9個 H1一つでここまで出来るCSS見出しデザインのアイデア9個 切り取り線、テープ、リボン、吹き出し、アメリカンな吹き出し、付箋、メタルプレート、モザイク、旗、のような見出しをCSSのみで実現しています。ポイント解説などもあってわかりやすいです。 CSSのみで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
