WEBについてのいろいろ

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

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

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




f:id:misallychan:20180316152158p:plain

続きを読む

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

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

f:id:misallychan:20180316152158p:plain

続きを読む

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

久しぶりにWEBデザインの記事。
WEBデザイン関連で書き溜めていた記事が長文になってしまったので、結局一つ一つわけて書くことにしました。笑


今日は今ではすっかり当たり前となった、レスポンシブWEBデザインに関してです。
(なんだか今更ですけど・・・^^;)


f:id:misallychan:20180316152158p:plain

続きを読む

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

以前、XOYで読める無料マンガをご紹介したのですが・・・

 

www.misallychan.com

 

新しくそれはもう面白い漫画が増えましたので、ご紹介します!

 

続きを読む

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

我がブログでも念願の・・・

関連コンテンツユニットが解放されていました。

やったー(T_T)

f:id:misallychan:20170421093553p:plain

続きを読む

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

引っ越して、プライム会員になってから、わたしは週2くらいでAmazonを使っています。

それがめちゃめちゃ便利なのです。

 

f:id:misallychan:20170420101537p:plain

続きを読む

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

私がブランクリニックに通い始めたのは1年半前くらいでした。

まだ東銀座院があり、できたばかりの時でした。

ずっと口コミを書いてきましたが、今回で恐らくラストです。

最初は5回目の照射と効果について、最後には今までの記事をまとめています。

f:id:misallychan:20171116141603j:plain

続きを読む

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

あけましておめでとうございます。本年もよろしくお願いします。

雑多なブログですが、また今年もWEB系の記事や、おすすめ記事などを中心にあげていきたいと思います。

f:id:misallychan:20180105160325p:plain

 

さて、今回は。。

WEBデザイナーとして常にチェックしている記事などありますよね。

最近はもっぱらQiitaを参考にしています。

https://qiita.com

 

そんな中で、動作がわからず検索していて、「気づいたら必ずこのブログを見ている」とかよくあります。

今回はそんな敬愛ブログをご紹介していきますね(^^)

 

続きを読む

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

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

続きを読む

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

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


今回は、font-familyで指定する際の、ベストな方法を考えていきます。


f:id:misallychan:20170921155936p:plain

続きを読む

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

SVGってピクセル画像じゃないからレスポンシブデザインにも最適でとっても便利という話を以前しました。
WEBで役立つ画像「SVG」とは【保存形式】 - misallychan.com

こちらimgタグで簡単に表示できるんですが、対応していないブラウザがあります。
サポート的にはもう終わっていても良い気がしますが、それでもサポートが必要だったため今回実施した対策をまとめました。
結構苦労したというか、なかなか対策が見つからず直らず苦戦しましたので、同じようにお困りの方はぜひお試しください。

f:id:misallychan:20170828153649p:plain

続きを読む

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

SFTP接続の場合、WPがプラグインがブラウザ上でインストールできません。

今回はその対策についてです。

 

続きを読む

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

どうも懐古厨です。



私はポケモン世代で今も昔も一番好きなアニメは初代ポケモンです。無印ポケモンです。



さて今回の「劇場版ポケットモンスター キミにきめた!」は見る勇気がないのですが、なんだか否定派と肯定派に分かれている気がします。

見る前は否定派だった人も公開後、実際見てみてほしい!という意見も現れ。

しかし私はどうにもこうにも受け入れられず・・・。ほとぼりも冷め始めた頃なのでちょっと書こうと思いました。


続きを読む

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

以前のハンバーガーボタンは自作でしたので足りない点や動きの悪い点もあったかもしれません…
またどうしてもブログに合わせてカスタマイズが必要になる場合が多そうでした…そうなると、CSS初心者だったらどうにかできますが、全くの素人さんですと難しい点もあったかと思います。
一応完全コピペでできるよう追記もしたのでよろしければこちら:簡単コピペで「動くハンバーガーボタン」を設置!はてブにも使えるカテゴリーをドロワーメニューにカスタマイズ★ - misallychan.com




が、今回は!どんな初心者でも簡単に設置できるハンバーガーボタン・ドロワーメニューです。
しかも、とっても理想的な動きをしてくれます。


(ただ、HTMLをbodyから書き換える必要がありますので、はてなブログで使えるかは試しておりません。。あしからず。
はてなブログの方はぜひ前回のブログを参考になさってください。)


f:id:misallychan:20170726152238p:plain

続きを読む