1. CSSの文字装飾の基本 まずは必ず覚えておきたい基本的な設定や装飾方法を解説していきます。 1-1.フォントサイズの変更 文字のサイズは、font-sizeプロパティで指定します。 { font-size: ◯◯px or ◯◯em } 値は数字+単位で書きます。単位は以下の2つを覚えておけば良いでしょう。 font-sizeに対する値の単位 px：縦のピクセルの大きさで指定ウェブページのメインの文章は15px〜18pxくらいにするのがおすすめです。 em：現在のフォントサイズに対する倍率たとえば、現在の設定が10pxのときに「2.0em」とするとフォントサイズは20pxになります。

サルワカでは「見出し」や「ボタン」などWebサイトのパーツごとに様々なデザインサンプルを作成しています。どれもHTMLとCSSのコピペだけで使えるものです（いわゆる「スニペット」というものですね）。 サンプルの数がかなり増えてきたので、このページでまとめておこうと思います。ブログのデザインカスタマイズの際に是非ご活用ください。 1. ボタンのCSSサンプル コピペで使えるボタンデザイン集です。シンプル、フラット、立体的、円形のものなど、かなりのバリエーション数を用意しました。気に入ったCSSを追加しておけば、記事内にHTMLテンプレを書くだけで好きなデザインのボタンが表示できるようになります。

目次1 完全に指先タッチのみで操作2 拡張デバイス「Loop Block」「Live Control Block」2.1 主なスペック2.1.1 購入 当ブログでも度々紹介しているROLIの電子楽器に … 続きを読む おしゃれデザインの本格タッチパッド電子楽器「ROLI BLOCKS」 #recommend  #roli  #楽器  #電子楽器 当ブログでも度々紹介しているROLIの電子楽器に最新ラインアップが登場。今度は指先1つでおしゃれな音楽を簡単に制作できるタッチデバイス「ROLI BLOCKS」だ。見かけは、ヤマハの「TENORI-ON（テノリオン）」やNovationの「LaunchPad」に似ているが、これら従来機器と大きく違うのはiOSの専用無料アプリ「NOISE」との連携が必須であること。スマートフォン時代ならではの最先鋭の電子楽器だ。 出典：roli.com　スマートフォ

今回はul/ol/liを使った箇条書き（リスト）のデザイン例を紹介します。どれも画像は必要なく、CSSだけで作ることができます。メニューリストとして使っても、記事内でポイントをまとめるときに使っても良いでしょう。それぞれCSSコードを載せていますので、コピペしてご自由にお使いください。

今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。 1. Font Awesomeとは？ ざっくりというとウェブサイトやブログでWebアイコンフォントを表示できるようにしてくれるサービスです。

こんにちは、つばさ（@_tsubasa123_）です。 今日はみんな大好きコピペシリーズで王道の見出しデザインを試してみました。とりあえず25パターンほど用意しましたが、今後も気が向いたときに追加していければいいかなと思っています。ありきたりなデザインばかりであまり面白くないですが、誰かのお役に立てれば幸いです。 カスタマイズコードの登録方法と修正方法 この記事で紹介するCSSコードをそのままダッシュボードへコピペしていただければ、見出しのデザインが適応されるようにしてあります。PC、スマホどちらでも大丈夫です。HTMLとかCSSとかはちょっと…という方は作業をされる前にバックアップをとることをおススメします。 また、はてなブログを書く際に編集モードで「見たままモード」を利用されている方の場合、『大見出しにはh3』、『中見出しにはh4』、『小見出しにはh5』というタグが利用されています。

が、やっと完成しましたーーー！ かなり前からご依頼いただいてて長らくお待たせしてしまったんですが、満足してもらえてよかったです…！！！ たっつんさん＠Tatsu_2015にブログのデザインしてもらった～！ #はてなブログ 【ブログリニューアル】私のブログが超絶オシャレになったわけ – ミニマム・エッセイhttps://t.co/JxMsCwk9bj — よりこ＠ミニマリスト (@yoriko_minimum) November 12, 2017 ブログトップページ制作 ①デザイン打ち合わせ まず、修正前のデザインがこちら。 変更前はシンプルだけどカラーリングのイメージもあり、少し男性的な印象のデザインです。 白黒ってシンプルでかっこいいけど、どうしても固い印象＝男性っぽさになりがち…！ 運営者が女性なので、女性っぽさが伝わるデザインにしていこうと思います。 よりこさんからのオーダーはこちら

おいしいシンプルなおじや 日曜日の昼ごはん。寒い日でした。あったまるものをと思って、ふと思い浮かべたのが長崎旅行で行きたいと思いつつ、叶わなかった一二三亭のおじや。 どんな味かわかりませんが、なんだか味が想像できるような。急に食べたくなって作りました。鍋の締めでなくても、シンプルで簡単にできます。 味の決め手は鰹節とごまとネギ あらためてすごい。この３つのハーモニー。魚にごまとネギの組み合わせが合うことは 以前紹介した煮魚うどんでも実感済みですが、おじやに入れると卵のまったり感に合わさってまた違う働きをしてくれます。 www.kurashichie.com 材料と作り方 材料 ・冷やご飯 ・卵 ・鰹節 ・ネギ ・卵 ・日本酒 ・醤油、塩 作り方 ⒈土鍋に水を張り日本酒を入れる。冷やご飯を入れて米が踊るようになるまで炊く。 ⒉鰹節を入れて醤油と塩で薄めに味をつける ⒊溶き卵を入れ、ネギとごま

こんにちは！ ジブリ大好きっ子。ジブリを見て育った私がヨーロッパでジブリの世界を歩く≪ジブリの街歩き≫シリーズです。 今回は..... 『ハウルの動く城』の舞台、フランスのコルマールです。 ドイツやスイスに近いアルザス地方の街コルマール。ハウルの動く城に実際出てくるモデルになった建物や、ソフィの帽子屋さんに似ているお店まであります。 街はカラフルでまさにハウルの世界に迷い混んだようです。街のあちこちにお花が溢れていました。 川を見ながらのレストランなんかもステキです。 特に夕方から街の灯りがともり始める頃はうっとりする景色でした。 近くにはお城もあり、高台からの景色は素晴らしかったです。 車で走るとぶどう畑が広がってきます。 アルザスと言えば辛口リースリング！！ フランスで一番美しい村にもなった『リクヴィル』に立ち寄りました。 こちらの村もカラフルで、時計台は村のシンボルです。 季節外れに

どうもOHAMAです。突然ですが、みなさんのおうちに花瓶ってありますか？我が家は、結婚祝いに頂いた花瓶が1つ。花瓶を自分で買ったことがありません。 でも、花瓶っていざって時にないと不便なんですよね〜。突然の来客時にお花を飾る入れ物がないと困る〜！プレゼントでせっかく花束頂いても飾るものがない〜！おおちゃくしてグラスを使うと重さで倒れちゃう！今回はおしゃれな花瓶のご紹介です。 SUU デンマーク王室御用達ブランド「ホルムガード」の花瓶。シンプルなのになんてスタイリッシュなんでしょうか。 出典：SUU 木目調のテーブルにも合いますね〜！SUUでは、「アクア」と「スモーク」の2色展開。高さは17センチと小ぶりサイズです。 出典：SUU 生花ではなくても、ドライフラワーをそえても素敵。これならずっと飾っておいてもまちがいなくおしゃれの一言。 kinarino.jp WEDGWOOD 私がお祝いで頂

料理が好きです。 色々なレシピを試したくて、調味料が増える傾向がありました。 断捨離ブームの時に沢山の物を手放すことができましたが、好きな料理関係のグッズそのままにして数年・・。でも、よく考えると出番が少ない調味料や香辛料があり、他のもので代用できるなら減らしてもよいと気付きました。 今日は、処分した調味料6種と、私が残した調味料も紹介します。 トウバンジャン オイスターソース マスタード さんしょう粉 チリパウダー タイム 残した調味料は24種類はこちら まとめ トウバンジャン 中華料理を作る時にトウバンジャンは必要と思っていましたが、レシピを検索すると、手持ちの調味料の組み合わせで何とかなることがわかりました。例えば、こういうレシピです。 cookpad.com 味噌、醤油、砂糖など普段使いの調味料のみで作っています。お店で食べるような本格中華とは違い、味や風味が落ちたとしても、家庭で