webエンジニアの日常

RubyやPython, JSなど、IT関連の記事を書いています

html

あなたのWEBコーディング力を向上させる模写参考サイトまとめ

はじめに Progateやドットインストールの登場で、多くの方がhtml&cssの入門されてるのを twitterやブログで見かけるようになりました。 僕もどちらにも登録してます。 ドットインストールでは、htmlやcss, railsなどなど様々なプログラミング言語を学ぶこと…

Progateに出てくるHTML/CSSの文法まとめ

文法・テクニックまとめ 【目次】 文法・テクニックまとめ リストのドットをなくす リスト含む要素の横並び padding・marginの値の指定 border 背景画像 透明度 文字間隔 ブロックスタイル カーソル 角丸 marigin: autoとtext-align: centerの使い分け font-…

SCSSの文法で最も基本的であると思われるものをまとめてみました

Progateで勉強したSCSSの文法のまとめです。 「なんかcssをちょっと便利にしたもの」程度の理解しかなかったので、progateで勉強し、文法をまとめてみました。 入れ子構造 通常のcssであれば .header { width: 100%; } .header ul{ padding: 10px; } と書い…

CarrierWaveでS3へアップロードした動画をhtmlで再生する

こんにちは、エンジニアのさもです。 Railsで動画をS3へアップロードするところまでは出来たのですが、video_tagで再生できずにはまってしまいました。 いろいろ検索してもどんぴしゃな解決法が出なかったのですが、なんとか再生することが出来たので共有し…

text-indentとtext-alignを一緒に使ってはいけない

こんにちは、エンジニアのさもです 今回はtext-indent効かなくなったときの話です。 結果的には、一緒にtext-alignを使っていたために上手く効いていないように見えていただけでした。