WEBについてのいろいろ

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

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

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

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

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

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

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

【簡単】ついにはてなブログ独自ドメインを、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デザイナーとして常にチェックしている記事などありますよね。 最…

はてなブログ一覧のデザインをカード型に変更しました。

デザインを少し変更しました。 今までのデザインは元のデザインが気に入ってたのですが、トップの一覧ページの見え方がどうしても横長でなくカード型のカラムにしたかったので。。。

font-family決定版。2017最新のフォント指定の仕方【游ゴシック】どんな端末でも表示したい【日本語WEBフォント】

今までWEBのフォントの話として、WEBフォントの利便性や使い方についてまとめさせて頂きました。 どんなデバイスでも表示される!ユーザビリティ抜群の「WEBフォント」て? - misallychan.com 超簡単!1分でできるWEBフォントの使い方【GoogleFonts】WEBの…

SVG画像非対応ブラウザへのフォールバック方法メモ【2017】

SVGってピクセル画像じゃないからレスポンシブデザインにも最適でとっても便利という話を以前しました。 WEBで役立つ画像「SVG」とは【保存形式】 - misallychan.comこちらimgタグで簡単に表示できるんですが、対応していないブラウザがあります。 サポート…

WPでSFTP接続してブラウザ上でプラグインをインストールできるようにする

SFTP接続の場合、WPがプラグインがブラウザ上でインストールできません。 今回はその対策についてです。

キミにきめた!はあの頃子供だった私たちが今の新しいポケモンたちを受け入れるために作ったのだろうか?

どうも懐古厨です。 私はポケモン世代で今も昔も一番好きなアニメは初代ポケモンです。無印ポケモンです。 さて今回の「劇場版ポケットモンスター キミにきめた!」は見る勇気がないのですが、なんだか否定派と肯定派に分かれている気がします。 見る前は否…

ハンバーガーボタンを簡単に設置!Drawer.jsを使って初心者でもクオリティの高いメニューを導入しよう

以前のハンバーガーボタンは自作でしたので足りない点や動きの悪い点もあったかもしれません… またどうしてもブログに合わせてカスタマイズが必要になる場合が多そうでした…そうなると、CSS初心者だったらどうにかできますが、全くの素人さんですと難しい点…