subtechild

Playful Technology & Design.

コード書いた

はてなブログテーマDUDEでCodepen埋め込み時にきちんと表示されるようにCSSをカスタマイズしました。

DUDE使ってます tsukuruiroiro.hatenablog.com 私はこのテーマが大好きで最初からこちらを使わせていただいてます。 かなり完成されているのでほとんどいじっていなかったんですけど、 先日記事を書いている時に思わぬ落とし穴が。 Codepenの埋め込みをする…

レイアウト、表示領域を真ん中に指定する、幅を調整する

コンテンツが常に真ん中に表示されるように 覚えたので覚え書き。 BEMで言う、ところのレイアウトに当たる部分でしょうか。 サンプルコード See the Pen コンテンツを常に真ん中に揃える by kenta kanno (@nknkt) on CodePen. ウインドウの幅を変えてみてく…

CSSの優先度を覆す最後の手段、!importantについて

書いた qiita.com !importantとは !importantをつけるとclass、IDなどのCSSの優先度を無視して最優先で適用することができる。 実例 <div class="example"> <h2>ここに適用したい</h2> </div> .example h2{ color: blue; } h2{ color: red !important; } 値の後ろに!importantをつけて使う。 CSS…

tableにrulesを追加して内側の線の表示を変える

書いた qiita.com table rules="" table要素にrules=""を追加し、内側の線の表示を変えることができる。 実例 <table rules="none"> --- </table> rules属性と値 属性 値 説明 rules="" noen 表示なし rows 横のみ表示 cols 縦のみ表示 groups グループ間のみ all 全て表示 ※何も指定しな…

JQueryで変数を使う

書いた。 qiita.com 同じjQueryオブジェクトを複数回使用する時は変数にする。 JavaScriptと同じく、jQueryで変数宣言にはvarを用いる。 変数には文字列や数値、jQueryオブジェクトなどを 格納することができるが、jQueryオブジェクトを格納する時は、 わか…