misallychan.com

雑記。はてブ、口コミ、WEBデザイン、アニメ・漫画についてとか。

レスポンシブでもできる!?画像にマップつけて【ImageMap】リンク飛ばす【クリッカブルマップ】

画像内で、「この画像のこの部分をクリックしたらリンクに飛ばしたい」ってことはありませんか?今回はレスポンシブでもできるクリッカブルマップについてご紹介します。

レスポンシブ広告ユニットで横幅いっぱいになる全幅表示が気に入らないので修正しました

AdSenseでレスポンシブ広告を選択するのが推奨とされているかと思います。ただその広告を選択するとどうしても画面いっぱい横幅が広がって広告が占める範囲があまりにも大きいのではないか…と思い今回はそちらのサイズを修正しました。

Google Search Consoleからメール。「モバイルファーストインデックスが有効」とは?

Googleから謎のメールが届きました。 なんか注意とか改善が必要かと思ってめっちゃ怖かったけど、どうやらそういうわけじゃなかったらしいので、詳細をお伝えしますね。

少女漫画『テリトリーMの住人』がおもしろい

少女漫画は面白い。 気楽に読めるし、重すぎない。 引きずらずに、楽しめる。ときめける。 今回も面白かった少女漫画をご紹介します(^^)b

【簡単】ついにはてなブログ独自ドメインを、HTTPSに変更しました

ずっと対応しないかなーと思っていながら、対応になった際にも結局しばらく躊躇って何もしていませんでしたが… ついにはてなブログをHTTPSに変更しました。

ファビコン・ウェブクリップアイコンを一瞬で作成して簡単に設置する技

ファビコンの設定には様々諸説ありますが私は最低限のことしかしていません。。なぜならあまり困らなかったから。。(そんなことでいいのか…)

要素が下のリンクを適応させクリックできるようにする方法

下の要素がリンクで、その上に画像をあわせたりした場合などに、リンクが効かなくなる問題を解消します。 最近私が躓いた部分なのですが、あまりにも簡単に解決できて驚いたので、もし、、、万が一・・・悩んでる方がいたらぜひお試しください。

PNG画像を簡単に圧縮して軽くするにはOptimizillaを使おう!

PNG画像ってめっちゃきれいですよね。 フラットデザインが普及して、よりPNG画像を使う機会は増えたのではないでしょうか。 でも、画像が綺麗な分、重くなってしまいがち。 今回はそんなPNG画像を簡単に軽くする方法をご紹介します!

スマホでスクロールがうまくできない!!対処法は簡単一行追加するだけ!

スマホサイトを作成していると、意外とよく起こるのが・・・ 「スクロールがうまくできない!!」 という問題。 今回はこの対処法をご紹介します。一瞬で終わりますが…。

ブラウザによってフォントサイズが変わる問題の対処法

またWEBの記事です。 レスポンシブ関連で最近は書いてきましたが、備忘録としてスマホ含めてたまにあったフォントサイズへの対処法をご紹介します。

名作「宇宙よりも遠い場所」見た【よりもいアニメ感想】

父親がいつの間にかアニメ好きになっててすごいおすすめされたから見た。 そしたらすごい面白かった。

結婚前にチェック!入籍前後に必要な手続き【婚姻届の書き方から提出、名義変更まで】

半年くらい前になりますが、結婚の際にどんな手続きが必要になるか本当にわからないことだらけで・・・ 調べるのが大変だったので、まとめておきますね。

ニキビのために飲んでた低用量ピルの危険性。偏頭痛がある場合は処方されない?

低用量ピルの処方を一時期されなくて、休んでいた時期がある。 なぜ処方されなかったかというと、理由は「偏頭痛」にある。

AdSenseで自動広告をやめたら収益がグンと上がった。

正確に言えば、自動広告配信してない頃に戻った、という感じでしょうか…。 よく、自動広告で収益が上がるみたいなお話を聞いたので、私の場合のお話をしますね。

スマホとPCで要素の表示順番を入れ替えるには?flexbox「order」を使ってレスポンシブデザインに最適化!

レスポンシブデザインを簡単に説明すると、1つのHTMLを使って、スマホ版やPC版など画面サイズによってデザインを切り替えることを指します。 ですので、レスポンシブデザインで制作していく上で HTMLの構造は変えたくないけど、見栄えの表示したい順番は変…

SVG画像を活用して、どんなデバイスでも綺麗に画像を表示!ベクター画像でレスポンシブ対応

前回ご紹介した記事では、アイコン作るならpng画像よりWEBアイコンフォントだ!というご紹介をしました。 www.misallychan.com ただ、png画像の代わりにもう一つ、レスポンシブでも活用できる画像があります。 それが、SVG画像です。

WEBフォントを使って、どんなデバイスでも綺麗にアイコンを表示!?レスポンシブで使える!

最近はずっとレスポンシブについて書いていますね。レスポンシブサイトの基本設定!?メディアクエリでブレイクポイントを作って簡単スマホ対応! - misallychan.comwww.misallychan.com レスポンシブで%指定したいけど…3分割は割り切れない問題を解決するc…

レスポンシブでも使える!「clearfix」と「box-sizing」style.cssやcommon.css、reset.cssやnormalize.cssなどに追加したい初期設定

最近はレスポンシブデザインについて書いていましたね!! 今回はそんなレスポンシブデザインでも役立つ初期設定をご紹介します。

ミシックオイルで髪が超健康になった。【洗い流さないトリートメント】ベタつかずサラツヤに。

今日は久しぶりに、買ったものの口コミを。 おすすめのヘアトリートメントをご紹介します。

レスポンシブサイトで、PCだけ表示・スマホだけ表示ってできるの?【PCとスマホで改行位置や画像を切替える方法】

前回、前々回とレスポンシブについての記事を書いています(^^) ここ最近、WEB関係者っぽい・・・(=w=)でも取り扱いがレスポンシブという今更感… もありますが、まだやったことない方とか、これからはじめる方はぜひどうぞ!

レスポンシブで%指定したいけど…3分割は割り切れない問題を解決するclac()!!

%指定で横幅とるときに、3分割って難しくないですか? width:33.333333%とかしたり。margin使って割り切れるようにしたり。大変だった… んですが今回はその問題を解決するclac()ファンクションをご紹介します。

レスポンシブサイトの基本設定!?メディアクエリでブレイクポイントを作って簡単スマホ対応!

久しぶりにWEBデザインの記事。 WEBデザイン関連で書き溜めていた記事が長文になってしまったので、結局一つ一つわけて書くことにしました。笑 今日は今ではすっかり当たり前となった、レスポンシブWEBデザインに関してです。 (なんだか今更ですけど・・・…

XOYで無料で読める漫画が面白すぎる件【私は整形美人などおすすめ少女漫画4選】

以前、XOYで読める無料マンガをご紹介したのですが・・・ www.misallychan.com 新しくそれはもう面白い漫画が増えましたので、ご紹介します!

いつの間にかアドセンス「関連コンテンツユニット」が解禁されていた!でも、広告が表示されない!?原因はカスタマイズ!?

我がブログでも念願の・・・ 関連コンテンツユニットが解放されていました。 やったー(T_T)

日用品の買い物は便利なAmazonで!【メリットとデメリット】

引っ越して、プライム会員になってから、わたしは週2くらいでAmazonを使っています。 それがめちゃめちゃ便利なのです。

ブランクリニックに5回通ってみての実際の効果は!?毛が減らない、まだ生えてくる…口コミ評判まとめました

私がブランクリニックに通い始めたのは1年半前くらいでした。 まだ東銀座院があり、できたばかりの時でした。 ずっと口コミを書いてきましたが、今回で恐らくラストです。 最初は5回目の照射と効果について、最後には今までの記事をまとめています。

WEBデザイナーが参考にしたい!見やすく分かりやすいブログ11選

あけましておめでとうございます。本年もよろしくお願いします。 雑多なブログですが、また今年もWEB系の記事や、おすすめ記事などを中心にあげていきたいと思います。 さて、今回は。。 WEBデザイナーとして常にチェックしている記事などありますよね。 最…

遠方の両家も大満足!顔合わせ・結納におすすめのお店【神楽坂かみくら】

先日両親の顔合わせというイベントがあったのですが… 結納などは行わずカジュアルなモノというかたちでした。調べてみたものの、会場の手配などちょっとむずかしかった… ので、顔合わせにピッタリのお店をご紹介します。結納にも使えそうなカジュアルでもフ…

ビジホ以上!ホテルレオン浜松に泊まってみた【口コミ】安くて綺麗で朝食が美味しい!【浜松ホテル評判】

先日浜松にいたのですが、ホテルに泊まりました。とっても安くて満足できたので、今回はそのホテルをご紹介しますね^^

浜松のホテルオークラ鉄板焼さざんかのランチが本当に美味しいしおすすめ【接待、記念日、デートに】

また浜松にいました。 浜松市といえば駅から出たところにオレンジ色?ベージュ?の大きな建物、アクトシティがあるのだけれど、そこで美味しいランチを食べてきたので今日はその話。 オークラアクトシティホテル浜松 鉄板焼 さざんか ちょっと贅沢したいとき…