WEB

テキストを両端揃えにできなかった!(過去形)

どうも、夏の兆しに苛まれてついついビールに手が延びてしまうよっしぃーです。 紙のデザイナー様からデータを頂いた際に、文字を両端揃えにしてくれと言われました。 通常なら .text{ text-align: justify; } で、両端揃えになると思ったのですが、どうもうまく行きませんでした。

2016-10-20T00:14:20+09:002015/05/28|Categories: WEB|Tags: |

ちょっとCSSスタイルガイドを整理してみた

どうも、昨日はじめてテキーラを飲んだよっしぃーです。 cssについて勉強がある程度進んだのでまとめてみました。 私は基本的にBEMをベースにスタイルを作っていきます。(ベムって?) 簡単に言うと ものを入れるカゴ(block)、 商品が入っている袋(modifier)、 袋に入っている商品(element) です。 形は: [

2016-10-20T00:14:23+09:002015/05/27|Categories: WEB|Tags: |

floatをかけた際、imgなどに回りこみをさせなくする

どうも、今年度社会人となってWEB製作会社に勤め始めましたよっしぃーです。 学生やWEB製作を始めたばかりという人に役立つような情報を載せていければなぁと思います。 文字ブロックの横にimgをフロートさせたりする時に、画像に回り込みが起きて文字の塊の中に画像が入ってしまう経験がありませんか? その際、文字は文字、画像は画像と左右に分ける方法をご紹介します。 私が行っている一番楽だと思う方法は、floatさせた要素に回りこんでしまうものに overflow: hidden; をかけています。

2016-10-20T00:14:23+09:002015/05/23|Categories: WEB|Tags: |