Web ( HTML/CSS/JS )

センター寄せに苦戦しているなら

私が、よくCSSで苦戦していたのが中央に揃えること。margin:0 atuo;とか書いてもセンターに揃わなかったり、text-align:center;と書いてもダメだったり。今では、inline要素とかblock要素とか理解しているので、簡単にセンター寄せできるのですが、もっと簡…

効率的と言われるbootstrap使ってみた感想

Ruby on Railsでwebアプリケーションを作っているのですが、そこでbootstrapを使う機会があったので、すこし使ってみました。 getbootstrap.com Bootstrapの良いところ かなり早く実装できる。 toggleメニューやtabメニューがすぐにできる。 レスポンシブ対…

CSSをもっと扱いやすく!Sass (SCSS)の基本を学ぶ

Sassとは、CSSをもっと扱いやすくした言語です。 基本的に、CSSでできることはSassで全てできると思います。 では、SassはCSSと何が違うのか。 1. コメントの仕方 CSSだと /*コメントここ*/ のように記述します。 これ、はっきり言って面倒です。 しかし、S…

CSS, なるべく固定値は使わない!

最近、コーディングも早くなりバリバリコードを書いて調子に乗ってました。そう、自分はできる!と思いこんでいました。しかし、先輩にコードを見てもらったところ全然ダメとのこと。CSSに関しては、とりあえず固定値でなんとかpxとか指定しない方がいいとア…

htmlを生成してくれるjadeがすごい件

Webサイトのコーディングをするとなると、まずhtmlを書いてcssでデザインをするというのが一般的なフローかと思います。しかし、jadeを知ってしまったので、htmlは基本的に触らなくなりました。jadeとは?簡単に言うと、htmlを出力してくれるhtmlみたいなも…