ぬるかるです.最近は卒業研究で大忙しでした. さて,気まぐれですがこの「九尾空間」で用いているテーマを公開したいと思います. github.com 卒研発表直前で色々と忙しいので,現実逃避も兼ねてLESSで書かれていたものをpostcssで書き直したりなどしていました. これが一段落したら他の作業とかとも平行してテーマのリニューアルをしたいと思っています. ではではー
ガーリーデザインシリーズです。見出しのデザインに使えるコピペCSSを用意しました。ガーリーなデザインのソーシャルシェアボタンのCSS はてなブログへコピペで使えます - Minimal Greenとあわせてお使いいただくと良いかと存じます。 以下ははてなブログの大見出し(h3)のclass指定にあわせていますが、セレクタを変更すれば他のブログなどでも使えます。 ポイント 文字や背景の色・font-sizeはお好みで変えて下さい。 コピペで上手くいかないときはリセットCSSを。 はてなブログの大見出しはh3ですが、もちろんh2やh4にも使えます リセット用CSS リボン風見出し 上下ステッチ ななめストライプ背景+左ライン 縦ストライプ背景+左ライン 吹き出し 上下ギザギザ 手書き風枠+ずれた背景色 角丸+ダイヤアイコン 参考 リセット用CSSテーマのCSSと被ってうまく上書きできないときは
ストライブ柄とステッチ風のかわいい?シェアボタンを作ってみました。ガーリーデザインなブログカスタマイズにぜひどうぞ。 このシェアボタンは過去にこのブログで公開したシェアボタンのHTMLと同じですので、CSSを変更するだけで着せ替え出来ます。レスポンシブデザイン対応。 blog.minimal-green.com こんな感じのデザイン FontAwesomeの呼び出し 記事上か下に貼り付けるHTMLコード デザインCSS 参考リンク こんな感じのデザイン FontAwesomeの呼び出し headに貼り付けて下さい。既にどこかに記述済みの場合は必要ありません。管理画面→設定→詳細設定→「headに要素を追加に」以下のコード記述。 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.c
カラーデザイン・配色系のサイトをメモ。 Material Colorsカラーパレットから色を選んで、カラーコードをとれるサイト。https://www.materialui.co/colors Color Farm世界中の「よさげなデザイナー」が公開している、デザインクリエイティブの色を、分解しておしえてくれるサイト。 http://color.farm/ Color Huntいい感じの色の組み合わせをキュレーションしてくれているサイト http://colorhunt.co/ Color Thief写真や画像をアップすると「つかわれている色」を抽出してくれるサイト。http://lokeshdhakar.com/projects/color-thief/ Color Claimポップでかわいい感じの色を、キュレーションしてくれるサイト。 http://www.vanschneider.c
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
【2017年3月31日】 いまやホームページは誰でも、もの凄く簡単に作れる。ホームページ作成サービスがあり、無料で始められるものもある。 正直なところ、個人の商店や中小規模の企業レベルならコレで十分なケース多い。 ホームページを作るための言語(HTML)やデザインの知識も全く要らない。キーボードを叩けて、マウスをクリックできれば十分だ。 この記事では、誰でも使える便利なホームページ作成サービスを紹介する。日本語対応で無料から始められるもののみに限る。 この記事の後半では、実際に無料で簡単にホームページを作る手順を解説する。実際に無料のサービスを使ってホームページを一つ作ってみたので、興味のある人はのぞいてみてほしい。 目次 目次 ビジネス用のホームページなら少し投資を ホームページ作成サービスを利用するときの注意点 グーペ BiND クラウド BASE(ベース) Jimdo(ジンドゥー)
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く