ブログ記事とかでよく見かける、アイコンに吹き出しがついてて会話形式になってるやつ。あれ、記事全体が読みやすくてカジュアルになるのですごく良いですよね〜。 私もやってみたくなってちょっと調べてみました！ 吹き出しとアイコンのCSSは結構使われているので参考になるものも多いです。 でも、あとちょっと・・・私がしたいことが足りてない。。。 何がしたいかというと、そう、吹き出しの向きによってアイコンを左右反転させたいのです！！ 正面を向いているイラストなら問題ないと思いますが、そうでないイラストの場合は、右側に吹き出しがある時は右を向き、左側に吹き出しがある時は当然左を向いて欲しいわけです。 「じゃあ、右向きのアイコンと左向きのアイコンを作ればいいか！」って思ったけど、それもめんどくさいし、スマートじゃないですよね？classも増えるし！ と、言うことでCSSだけで解決しちゃいましょう！！ どんな

iPhoneアプリとAndroidアプリを同時に検索し、統合されたブログパーツを作成出来ます。

こんにちは！ミカコ（@mikakolife)です。 前回、わたしはおすすめASPについての記事を書きました。 嬉しい事に、たくさんの方から「まだ知らないASPあったよ！」「１つも知らなくて登録しました！」というお声をいただきました！ でもちょっと待ってください？ 「よしっ！ASPに登録でーきた♪」とプログラムをとりあえず眺めて、そこで止まっている方はいらっしゃいませんか？！ 実際に商品やサービスを人に勧めるために、「どんな風に書けばいいのかわからない…」といった方は多いのではないでしょうか？実はわたしもあまり自信がなく… そんな方のために、前回もご教授いただいた月７桁稼ぐアフィリエイターY先輩から、収益化のためのWEBライティングのコツや注意点を教わりました！ 今回は「キーワード選定のしかた」について解説していきます。 （実は初め、１つの記事にまとめたのですが、情報量が多すぎましたので、5

みなさんこんにちは！ いきなりですが、あなたははてなプロ？　それともはてなアマチュア？？ 私、最近になって気づいたんですが、自分が読んでいるブログの殆どの方がはてなPROでした。　ほとんど玄人！！　みんなPRO表示ついてるやん・・・！ このマークのことですよ→はてなブログPro やはり、PROの表示がついてると「みんなやってるよ？あなたはやらないの？」と言う感じがしてきて、私もPROになりたい・・・！　と思わせてきます。 ・・・が。　そんな中、わざわざPRO表示を消したがる人も現れました。 azulitchi.hatenablog.jp ヒミツ基地のらいちさん(id:AzuLitchi)は殴り飛ばしたくなるくらいにPRO表示がお嫌いらしく、隠れPROになったようです。 私の憧れのPRO表示を消しちゃうなんて・・・！ と、そこで気づきます。　表示をつけたり消したり・・・・？ はっ・・・！　そ

今更「STEINS;GATE 0」にハマっているガジェレポ！@gadgerepoです。こんにちわ。 今回は、ブログの「カスタマイズ」ネタをひとつ。 文字の「太字」「斜体」「下線（アンダーライン）」表示をそれぞれ蛍光ペンでラインを引いたかのように装飾し、色分けする方法です。 色々なライン装飾を使い分けたい！ 文字の強調表現は、＜strong＞タグで文字を太くする方法がありますが、近ごろは＜strong＞タグにCSSを使って「蛍光ペン風のライン」に装飾しているブログをよく見かけます。 こういうやつです。 蛍光ペンでラインを引いたかのような強調は分かりやすく、デザイン的にも優れているのが人気の理由でしょう。 しかし、例えば＜strong＞タグにCSSで蛍光イエローのライン装飾を指定してしまうと、基本的に強調表現はイエロー1色のみ。 「ここの強調は色を変えてピンクラインにしたいなぁ」という場合はど

まずは2020年12月31日まで行われていた発送方法をご紹介します。 2018年8月13日、日本からアメリカに送る国際郵便物について日本郵便から下記アナウンスがありました。（一部抜粋） 米国宛て国際郵便物発送の際の「国際郵便マイページ」の利用について 米国郵便庁（以下「USPS」）から、2018年9月1日（土）以降、米国宛ての記録扱いの国際郵便物（※1）については、郵便物の通関に関する情報（※2）が電子的にUSPSに送信がない場合は、米国での輸入通関・セキュリティ検査等に時間を要するおそれがある旨の通知がありました。 日本郵便が提供しているオンラインシッピングサービス「国際郵便マイページサービス」を利用して郵便局に米国宛て国際郵便物を差し出していただくと、日本郵便からUSPSに当該郵便物の通関に関する情報を電子的に送信することができますので、どうぞご利用ください。 なお、9月1日（土）以降

お題「ちょっとした贅沢」 今朝、部長が「クマノ、クマのプーさんが実写化になって公開してるぜ」とTwitterで教えてくれました。そして、いろいろ考えた末に出した結論は、今日を「何もしない記念日にする」でした。 ぷーが「何もしない」って言ったから、今日は「何もしない記念日」 雨だしね、今日は何もしないよ https://t.co/guoECwhBfV— クマノイヌコ (@kumano_inuko) September 15, 2018 炊事・洗濯・掃除をいっさいせず、なにもせずにぼーっと過ごす、そんな贅沢を味わってみることにしました。ベッドにクッション代わりのぬいぐるみを大集合させ、そこに上半身をもたれかけさせ横たわります。最初のうちはやはりスマホでいろいろ見ちゃうんですよね。でも、徐々に窓の外の空を眺め、ぼーっとし始めます。 「ぼくがいちばんしたいことは、なにもしないことなんだ」 「なにも

この記事では、ブログを簡単に書ける「記事の書き方テンプレート」をご紹介します。 ブログ初心者で文章を書き慣れていない方は、どこからどうやって書いたらいいのか迷うし、時間がかかって大変ですよね。 その悩みを簡単に解決するのがテンプレートです。「文書のひな型」のことですね。 このテンプレートを知っているだけで簡単に記事が書けるので、時間短縮になります。 では、３つのパーツをそれぞれ分けて解説します。 １．導入部分 導入部分＝記事タイトル＋導入文 多くのブロガーさんは、「読者は最初から最後まできっと読んでくれる」と思ってがんばって記事を書いているかもしれません。 でも、最初に「なんか違うな」と感じると読むのをやめてしまうので、導入部分はとても重要です。 逆の立場で考えてみてください。 自分も何かを調べているときに、最初の部分で違和感を感じてそれ以上読むのをやめてしまうこと、ありませんか？ 「導入

Font Awesomeのアイコンをcssの疑似要素で以下のように使うと、私の環境だと□になってしまう。 CDN（htmlのhead部分で読み込ませる） <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">css .hoge::before { font-family: "Font Awesome 5 Free"; content: "\f015"; }調べたら、一部のフォントのみcssで font-weight: bold; とか font-weight: 900; とかを指定しないと表示されないとの事で追加したら表示されました。 .hoge::before { font-family: "Font Awesome 5 Free"; content: "\f015";

今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

はてなブログの目次をカスタマイズしてみました この記事では はてなブログの目次(もくじ)をカスタマイズする方法 コピペで簡単にデザイン変更できるサンプルCSS この2点をお届けします。 目次(もくじ)機能について はてなブログの「目次機能」をご存知ない方もいるかもしれませんが、みなさん一度は見かけたことがあるのではないでしょうか。 ▽ちなみにこの記事の目次はこちら はてなブログの目次をカスタマイズしてみました 目次(もくじ)機能について 豆知識：もくじを表示させる方法 アプリには目次挿入ボタンがありません テーマ「女性が使いやすいデザイン」 制作背景 公式のもくじが使いづらかった カスタマイズ詳細 今回変更した点 この目次のCSS コピペで完成するCSSサンプル6選 目次サンプル1 目次サンプル2 目次サンプル3 目次サンプル4 目次サンプル5 目次サンプル6 おわりに はてなブログのデザ

ホームブログ運営アドセンス【2018年9月】Googleアドセンスにやっと合格！8回不承認になったけど、審査用ブログ作成し２週間で合格できました！【はてなブログ】 【2018年9月】Googleアドセンスにやっと合格！8回不承認になったけど、審査用ブログ作成し２週間で合格できました！【はてなブログ】 2018 9/11 ご訪問ありがとうございます。 Googleアドセンスの申請で8回不合格をもらったじゅりいです。 ブログをご覧いただいてお気づきの方もいらっしゃるかと思いますが、やっと、やっと、Googleアドセンスに合格しました！！ 祝合格！！ヾ(*´∀｀*)ﾉ ここまで来るのに約2ヶ月半、アドセンスのためにかなり神経すり減らし（ついでに記事もすり減らし）、精神を消耗した感がありますが、合格してやっと解放されました～。 最初はこのブログで申請し始めたのですが、何度やってもポリシー違反になっ

読書の秋、在庫本を再読して断捨離しようキャンペーン、第一弾。「星の王子さま」を読みました。 【星の王子さま】 6年前にサハラ砂漠に不時着した僕が小さな王子さまと出会って「大切なことは[飛行機を修理する事ではなく井戸を探すこと]と導かれて生き延びた不思議な１週間の思い出と、王子さまの旅の話から教えてもらった「大切なこと」が書かれた本#断捨離日記#在庫本再読断捨離キャンペーン pic.twitter.com/equYppjMt4— クマノイヌコ (@kumano_inuko) September 8, 2018 10年に一度読み返すこの不朽の名作。星の王子さまが「旅の途中で出会った人たちから学ぶ大切なこと」ばかりが記憶に残り、本当の主人公が「僕」であることに、今まで気が付きませんでした。 いろいろな受け取り方や解釈がある中で、王子さまは子どものころの「僕」であるという見方が強いといわれています

今回は文字にさまざまなデザインの下線を引き方をまとめます。おしゃれで文章の強調に使えるような下線も紹介していくので、気に入ったものがあれば是非コピペして使ってみてください。 1.【初心者向け】下線を引く手順 はじめにCSSの指定方法を解説するので、すでにご存知の方は読み飛ばして頂ければと思います。 スキップ 文字に下線を引く方法は大きく分けて、以下の2パターンがあります。 1つずつ解説していきます。 方法1: HTMLに直接書く（インライン） いちばん簡単な方法です。以下のように指定します。 <span style=”下線のCSSコード”>下線を引きたい文字</span> ①下線を引きたい部分をspanタグで囲って ②style=””の中にCSSコードを書けば良いわけですね。後ほど各下線のCSSコードを紹介していきますので気に入ったものをコピペして入れましょう。たとえば、いちばん無難な下線

当ブログは、「頭の中のカオスを整理するために始めたブログ」です。だもんで、ブログのカテゴリもカオス化することが目に見えています。 ブログのカテゴリーをスマートに分類＆表示する 脳内カオスが書くブログは、当然一貫性がなくなることは覚悟の上です。でも、カオスな頭の中をブログに移して、ブログがカオス化することだけは避けたい*1。そのためにも、カテゴリはシンプルにわかりやすく、スマートに分類することはマストなわけで。 ところが、はてなブログのカテゴリは、階層化設定はできません。妥協してカテゴリの頭に「∟」を付けてなんちゃって階層化するのはイヤです*2。 はてなブログユーザーは、スペックの高い人が多いので、下々の私がほざくこんなワガママなんて軽くクリアし、お前も使ったらいいさ！と公開してくれています。そして、ググれば大抵のことは可能にしてくれるはてなユーザーに出会えます。 「公式パンくずリストの階層

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

This domain may be for sale!