HTML・CSS

HTML・CSS

Adobe Bracketsをインストール(windows)

Adobe Bracketsをインストールしました。と言っても、これで2回目です。 少し前に入れて使わないまま時間が経ち、久々にあらためて使い始めたのが先日。拡張機能をほいほい入れているうちに動かなくなってしまったので、いったんアンインスト...
HTML・CSS

Googleのデジタルワークショップがおわり、認定証をもらうの巻

グーグルのデジタルワークショップの課程をすべてクリアして、ようやく認定証をいただきました! デジタルワークショップ 先週毎日電車の中や隙間時間で、ちまちま進めていたのですが、23に分かれたそれぞれのメニューは思ったよりボリュームがあり、真面...
HTML・CSS

emmetが便利で格好いい

emmetがすごく便利です。 mtと入力してタブを押してmargin-topと出てくるだけでも便利。メモ帳でガリガリCSSを書いていくスキルはとても重要ですが、emmetはコーディングというよりも、何か少しずつ手続きを重ねてウェブサイトを作...
HTML・CSS

[CSS]box-sizingがすごく便利

CSSの話です。 box-sizingを使うと、今ままでのボックスモデルの横幅のルールを変えることができます。 利用してみないとピンとこないかもしれませんが、とても便利でしたのでご紹介です。 たとえば横幅100pxのdivがあるとして、pa...
HTML・CSS

SNSボタンを横並びに設置する

SNSボタンを横並びに設置する方法は色々なサイトで紹介されていますが、自分で導入を試してみたときは、ドンピシャで横に並んでくるものがありませんでしたので、色々試してみて下記の設定にたどり着きました。 この方法も今回の自分のケースには有効だっ...