【読めばわかる】職業訓練って？倍率高くても受かる？費用やお金は？
先日、職業訓練校の入学許可が出たのでその流れなどについてまとめてみました。 なお、この記事を読むおススメのタイミングについてですが、 在職中だが転職を考えている 退職は決まったが、次がまだ決まっていない 退職した後で、現在次の仕事に向けて準備...
【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について見てみます。 疑似要素を使いこなせばこんな感じで吹き出しが作れるよ ぜひとも使いこなしたいね。さっそくどんなものなのか見てみよう！ ...
【CSS】 border-widthを学ぶ【三角形で国旗を作る】
border-widthをきちんと使いこなせば、疑似要素と組み合わせてリボン型見出しなどを作る事が出来ます。今回はboder-widthを見てみましょう。 基本的なこと知っている方は②から読むといいと思います。 borderは一括指定プロパ...
『:hover』『:active』『:checked』を見てみる
今回はアニメーションみたいに動きを出せる疑似クラスの『:hover』『:active』『:checked』について見てみましょう。 『:hover』とは hoverの表現方法の例を見てみる 画像でもで...
【CSS】セレクタや疑似クラスを学んでidやclassをスッキリ！
CSSでいろいろ装飾をする練習をしていたら、classやidだらけになって困っていたのでセレクタ関連についていろいろ勉強しました。その中でセレクタの指定方法について重要だと感じたものをまとめてみました。 なお、あくまで初心者がまとめるものなので難しい用語はな...
【Atom】超便利!!項目別ショートカット【Windows版】
テキストエディタのAtomのショートカットをまとめてみました。漏れがあるかもなので気付き次第追加していきます。 なお、Windows版なのでご了承ください。Mac買ったらMac版も作ろうかと… Atomのダウンロードはこちらから。 ...
【CSS】paddingとmarginについて学ぶ【必須項目】
今回はCSSのmarginとpaddingについて見ていきましょう。paddingとmarginはサイズの変更や余白を変える、更には配置に関することで絶対に必要な知識になるのでしっかり身に付けていきましょう。 1、要素はどのように構成され...