Webアイコンフォントの使い方【Font Awesome】
twitterとかfacebook、あとinstagramとかのSNSってなかなか続けられないんだよね… 別にそんな自慢できる人生じゃないし、自分が良ければいいんじゃない？ てか、そのSNSのアイコンどうやって表示させるの？...
「コード関連」一覧
【CSS】width(幅)とheight(高さ)の指定方法
レスポンシブデザインが求められるからこそ、1番厄介なのが幅と高さの指定だと改めて思うのでまとめてみます。 width(幅)の指定 『px』で幅を指定 『%』で幅を指定 height(高さ)の...
【CSS】radial-gradientの使い方【円の位置など】
今回はradial-gradientについて見ていきます。 radial-gradientとは? 対応ブラウザについて radial-gradientの値 円の形状 円の大きさ...
【CSS】linear-gradientの使い方【値、角度など】
今回はlinear-gradientについてみていきます。 linear-gradientって何？ 対応ブラウザについて linear-gradientの値の書き方 グラデーションの向き...
『ベンダープレフィックス』の知識と『Can I Use』の使い方
今回はベンダープレフィックス(Vendor prefix)について見ていきます。 ベンダープレフィックスって？ 対応ブラウザを調べる方法 どれぐらいの割合でOKかみてみる あえて語弊を...
ガチでプログラミングを身に付ける方法は？スクール？独学？おすすめは？
ゼロから始めるプログラミング学習方法をまとめてみました。 2020年から小学校、2021年から中学校、2022年から高校でプログラミング勉強が必修化になります。 そして、プログラミングについても様々な学習方法が出てきています。 ①プログラミン...
【CSS】positionとは？relativeとabsolute以外も解説
positionプロパティについて学んでいきましょう。値はstatic、relative、absolute、fixedと４つあります。また、よく一緒に使われる top、bottom、left、rightについても併せてみていきます。 posit...
【WordPress】プラグインなしでギザギザ吹き出し【CSS】
CSSもすこしずつ理解できるようになってきたよ。 おかげで座りっぱなしで体重が10kg増えたらしいよ… わりとどうでもいい!! ほ ん と そ れ な!! ただ作りたかった。後悔はしていない。 ...
【HTML】ol、ul、liの使い方まとめ【リストの型・応用も】
今回はHTMLでよく使う<ol><ul><li>タグについて見ていきます。 olとは？ リストの中にリストを作って2段階リストにする リストの順番指定 ulと...
【CSS】疑似要素の『::before』『::after』を学ぶ
今回はさまざまなデザインに必須ともいえる疑似要素の::beforeと::afterについて見てみます。 疑似要素を使いこなせばこんな感じで吹き出しが作れるよ ぜひとも使いこなしたいね。さっそくどんなものなのか見てみよう！ ...