CSS 【CSS】番号付きリスト（ol）の番号を装飾する方法
番号付きリスト（ol）の番号を装飾したいとき、ありませんか？デフォルトの数値を非表示にしてテキストで入力するのは、マークアップ的にスマートじゃない感じがしますし、番号が増減するとき更新が手作業になるのが面倒です。ということで今回は、テキスト...
CSS CSS 【HTML/CSS】iframeの下に謎の余白が空く問題
iframeで要素を埋め込んだとき、下の要素とピッタリつけたかったのに何故か隙間が空いていることに気づきました。探ってみると、盲点すぎる原因でした。iframeタグは、インライン要素早速ですが、下に、iframeの下にdivを配置したHTM...
CSS 【CSS】gridを使って要素を縦並びで複数カラムにする簡単な方法
要素を複数カラムで縦方向に並べるのって、結構悩みどころです。。今回は、gridを使って縦並びにする方法をご紹介します。gridで縦並びにするカギは、grid-auto-flowgridを使った縦並びは、grid-auto-flowを使います...
スキルアップ Webデザインを「スクールで」学ぶメリットとデメリット、手軽に始められるスクールを紹介
これからWebデザイナーを目指そうという人、勉強の仕方は、動画・本・スクール等々ありますが、それぞれ一長一短ですので、ケースバイケースで自分に合ったものを選択したいところです。今回は「スクール」に焦点を当てて、スクールで学ぶメリットとデメリ...
スキルアップ Webデザインの勉強を「独学」でするメリットvsデメリット！
これから独学でWebデザイナーを目指そうという人に向けて、独学で学ぶメリットとデメリット、独学する人におすすめの書籍などをご紹介します。私個人としては、独学で学ぶメリットはかなり大きいと思っています。独学推奨派がお伝えする独学の魅力が届けば...
スキルアップ Webデザイナーになるのってカンタンなの？これからWebデザインの勉強をする人に伝えたいこと
資格がいらない。参入障壁が低い。在宅で仕事するのも夢じゃない。という不思議な職業、それが「Webデザイナー」。新型コロナの流行以降、Webデザイナーを目指して学習する人がますます増えているように感じます。私自身、独学からスタートしWebデザ...
CSS CSSで画像や要素を反転させる方法
画像や擬似要素など、要素を反転したい機会って意外と多く遭遇します。わざわざ新しく画像切りたくないし長々とスタイル加えたくない！そんなとき、transformを使うことで簡単に反転させることができます。 See the Pen CSSで左右反...
CSS 【HTML/CSS】テキスト入力するときチカチカ点滅する棒みたいなやつ、何て名前？ついでに消し方も紹介
フォームでテキスト入力するときチカチカする縦棒、ありますよね。inputで点滅するやつ。先日これの名前がわからなくて、ちょっと困りました。ググりたいけどそもそもなんてググればいいかわからないとき、ありますよね笑？そんな人のために、チカチカす...
スキルアップ フリーランスで稼いだお金の管理はどうする？お金の勉強ができるスクール全4選（うち女性向けスクール×2）
フリーランスで稼いだお金、どのように管理してますか？プロにお任せして本業に邁進するのも良いけれど、自己投資として一生使えるお金の知識を身につけませんか？近年マネースクールや資産運用のセミナーが多くありますが、中には悪質な業者もいるので、お金...
その他 利用してよかった！フリーランス向けおすすめサービス5選【準備中・開業したてのフリーランス必見】
※2023年6月2日に一部加筆・修正しています。※2025年4月3日に一部加筆・修正しています。私がこれまでフリーランスとして稼働してきて、利用してよかったな！というサービスを5つご紹介します。紹介しているのは、会計周り・保険やコワーキング...