デザインのメモ

正直、簡単かなと思っていましたが、結構時間がかかってしまったので備忘録も兼ねて。ポイントは、「overflow: hidden;」と「overflow: visible;」です。 横幅いっぱいでー 並んでるスライドショー

...

フォントが使えないですー わ、緊急事態だ 事象 先日、Adobeのフォントが急に使えなくなってしまいました。パソコンを再起動してもダメだったのでかなり焦りました。 解決方法は意外と簡単だった さいごに フォント復活しまし

...

lのリストで①、②、③（丸数字）ってできますかー できますよー サンプル①、簡単バージョン See the Pen 【CSS】olのリストで①、②、③（丸数字）を表示させる、簡単バージョン by 125naroom (@

...

環境依存文字ってなんですかー 簡単に言うと、環境に依存してる文字ですねー よく使う記号の環境依存文字 表示 数値参照 表示 数値参照 < &lt; > &gt; « &laquo; »

...

クリップボードにコピーする。 簡単かなと思ったけど、とても難しかったです。 ブラウザによって全然挙動が違うことに驚きました。 いろいろ試してみた結果をまとめています。 アドレスをコピーできたらいいなとか、たまにですが あ

...

背景を2色ってできますか？ 『background』の『linear-gradient』をうまく使うとCSSだけでコーディングできますよー 半分、上と下 See the Pen CSSだけで、背景を2色にする、縦の半分こ

...

今回は、吹き出しの三角の部分をちょっと曲げて素敵にしてみました。シンプルに三角だけなら簡単なのですが、「LINE風にしたい」というご要望がありまして。シンプルに疑似要素の「:before」「:after」を使って重ねるこ

...

ホバーってなんですか？ マウスオーバーともいいますねー opacity、一択だと思っていた 画像をホバー（マウスオーバー）すると光るやつ。ほんとは半透明にしてるだけだから透過して背景次第でなんだかなということがよくあった

...

あ、トントンですね はい、トントンです ん、なんで？ Skype（スカイプ）で画像を送ると『.jpg』が『.jpeg』になってた。困る。拡張子書き換えるの面倒だな。で、バッジで対応しようと。 バッジを作る メモ帳があれば

...

画像を軽くしたいですー 画像を軽くしましょうー Squooshとは ブラウザ上（Webサイト）に画像をドラッグ＆ドロップするだけで簡単にな画像圧縮ができる。しかもほぼ劣化しない。Webサイトを作っている人にはとてもおすす

...

ローディングアニメーション、待ち時間のあれですね。使えそうなものを随時追加してこうと思います。 ぐるぐるぐるぐるー ぐるぐるぐるぐるー サンプル See the Pen CSS3 / loading animation

...

優しいデザイン探しています では探してみましょう おすすめ WEBサイトを作るとき、参考になるまとめサイトさんです。LPを作るときは、何も閃かなかったときはざざざーっと見て目がとまるサイトをチェックしたりしています。いい

...

雨だー css-doodleで雨を降らしてみますねー サンプル See the Pen <css-doodle> Rain by 125naroom (@125naroom) on CodePen. css-

...

タグのデザインどんなのがいいですかー いろいろ作ってみますねー サンプル See the Pen CSS / tag by 125naroom (@125naroom) on CodePen. さいごに おー また追加し

...

画像のホバーってできますか？ できますよー サンプル 使えそうなホバー（:hover）さん。画像編です。LP作成時に役立ちます。 See the Pen 【CSS】ホバーエフェクト実装サンプル集（画像編）- image

...

人気ランキングページを作りたいです 作りましょうー プラグインを使えば簡単ですが ワードプレスでランキングを載せるならプラグインを使うほうが便利だと思います。ただ少し重くなったりします。 このサイトのランキングページはプ

...

はみだしますー よくないですねー はみ出してる Googleアドセンスの広告のコーディングって少々面倒だったりする。やたらと主張してくるわけです。スマホだと、はみ出す。はみ出してくるんです。綺麗にコーディングしてるのにな

...

レスポンシブできないときってー viewport設定をなしにしましょうー JavaScript サイト作成時、レスポンシブにしたくてもできないときがあります。そんなときは、PCとiPadのときだけ、viewport設定な

...

IE11だけ IE10以降 「*::-ms-backdrop, 」を外すとIE10以降に適用される。

...

改行できます？ ユーザーのプロフィール情報の改行ですねー 「プロフィール情報」欄でHTMLタグを使えるようにする function.phpに追記するとHTMLタグが使えるようになります。 参照 さいごに あ、できましたー

...

ふきだしー ふきだしー 吹き出し（下） See the Pen CSSだけで、ふきだしをつくる by 125naroom (@125naroom) on CodePen. HTML CSS 吹き出し（上） See the

...