レスポンシブサイトで、PCだけ表示・スマホだけ表示ってできるの?【PCとスマホで改行位置や画像を切替える方法】
前回、前々回とレスポンシブについての記事を書いています(^^)
ここ最近、WEB関係者っぽい・・・(=w=)でも取り扱いがレスポンシブという今更感…
もありますが、まだやったことない方とか、これからはじめる方はぜひどうぞ!
レスポンシブで%指定したいけど…3分割は割り切れない問題を解決するclac()!!
%指定で横幅とるときに、3分割って難しくないですか?
width:33.333333%とかしたり。margin使って割り切れるようにしたり。大変だった…
んですが今回はその問題を解決するclac()ファンクションをご紹介します。
続きを読む
レスポンシブサイトの基本設定!?メディアクエリでブレイクポイントを作って簡単スマホ対応!
久しぶりにWEBデザインの記事。
WEBデザイン関連で書き溜めていた記事が長文になってしまったので、結局一つ一つわけて書くことにしました。笑
今日は今ではすっかり当たり前となった、レスポンシブWEBデザインに関してです。
(なんだか今更ですけど・・・^^;)
ブランクリニックに5回通ってみての実際の効果は!?毛が減らない、まだ生えてくる…口コミ評判まとめました
私がブランクリニックに通い始めたのは1年半前くらいでした。
まだ東銀座院があり、できたばかりの時でした。
ずっと口コミを書いてきましたが、今回で恐らくラストです。
最初は5回目の照射と効果について、最後には今までの記事をまとめています。
続きを読むWEBデザイナーが参考にしたい!見やすく分かりやすいブログ11選
あけましておめでとうございます。本年もよろしくお願いします。
雑多なブログですが、また今年もWEB系の記事や、おすすめ記事などを中心にあげていきたいと思います。
さて、今回は。。
WEBデザイナーとして常にチェックしている記事などありますよね。
最近はもっぱらQiitaを参考にしています。
そんな中で、動作がわからず検索していて、「気づいたら必ずこのブログを見ている」とかよくあります。
今回はそんな敬愛ブログをご紹介していきますね(^^)
続きを読む
はてなブログ一覧のデザインをカード型に変更しました。
デザインを少し変更しました。
今までのデザインは元のデザインが気に入ってたのですが、トップの一覧ページの見え方がどうしても横長でなくカード型のカラムにしたかったので。。。
font-family決定版。2017最新のフォント指定の仕方【游ゴシック】どんな端末でも表示したい【日本語WEBフォント】
今までWEBのフォントの話として、WEBフォントの利便性や使い方についてまとめさせて頂きました。
どんなデバイスでも表示される!ユーザビリティ抜群の「WEBフォント」て? - misallychan.com
超簡単!1分でできるWEBフォントの使い方【GoogleFonts】WEBのフォント - misallychan.com
今回は、font-familyで指定する際の、ベストな方法を考えていきます。
SVG画像非対応ブラウザへのフォールバック方法メモ【2017】
SVGってピクセル画像じゃないからレスポンシブデザインにも最適でとっても便利という話を以前しました。
WEBで役立つ画像「SVG」とは【保存形式】 - misallychan.com
こちらimgタグで簡単に表示できるんですが、対応していないブラウザがあります。
サポート的にはもう終わっていても良い気がしますが、それでもサポートが必要だったため今回実施した対策をまとめました。
結構苦労したというか、なかなか対策が見つからず直らず苦戦しましたので、同じようにお困りの方はぜひお試しください。
続きを読む
キミにきめた!はあの頃子供だった私たちが今の新しいポケモンたちを受け入れるために作ったのだろうか?
どうも懐古厨です。
私はポケモン世代で今も昔も一番好きなアニメは初代ポケモンです。無印ポケモンです。
さて今回の「劇場版ポケットモンスター キミにきめた!」は見る勇気がないのですが、なんだか否定派と肯定派に分かれている気がします。
見る前は否定派だった人も公開後、実際見てみてほしい!という意見も現れ。
しかし私はどうにもこうにも受け入れられず・・・。ほとぼりも冷め始めた頃なのでちょっと書こうと思いました。
ハンバーガーボタンを簡単に設置!Drawer.jsを使って初心者でもクオリティの高いメニューを導入しよう
以前のハンバーガーボタンは自作でしたので足りない点や動きの悪い点もあったかもしれません…
またどうしてもブログに合わせてカスタマイズが必要になる場合が多そうでした…そうなると、CSS初心者だったらどうにかできますが、全くの素人さんですと難しい点もあったかと思います。
一応完全コピペでできるよう追記もしたのでよろしければこちら:簡単コピペで「動くハンバーガーボタン」を設置!はてブにも使えるカテゴリーをドロワーメニューにカスタマイズ★ - misallychan.com
が、今回は!どんな初心者でも簡単に設置できるハンバーガーボタン・ドロワーメニューです。
しかも、とっても理想的な動きをしてくれます。
(ただ、HTMLをbodyから書き換える必要がありますので、はてなブログで使えるかは試しておりません。。あしからず。
はてなブログの方はぜひ前回のブログを参考になさってください。)