misallychan.com

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


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

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

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()ファンクションをご紹介します。