Travelogue(トラベローグ)

Travelogue

CSSで画面を縦に分割して全画面表示する

ウィンドウサイズに追従してコンテンツや背景画像なども伸び縮みするようなデザインが主流になっている感のある昨今ですが、下記のようにウィンドウの左右を縦に分割し、それぞれの横幅はウィンドウ幅に対し50%:50%、縦はウィンド […]

2017.11.20

nth-childのカッコの中にプラスを使うのが地味に便利

地味に便利なCSS3のセレクタの話。 使い慣れてないとあまりよく考えず別々のclassを割り当てたりしがちですが、使い慣れてくるととってもスマートにコーディングできてなんだか嬉しい。 例えばnth-child()。これ自 […]

2017.10.24

CSSの属性セレクタやjQueryのcontainsフィルターをうまく使ってコーディングするとスマート

CSSの属性セレクタは馴染みが薄い人が多いかもしれませんが、特定の属性をもつタグだけを指定できるので便利。 これらを使えばclassをいちいち割り振る必要もなくスマートです。 例えばinputタグのtype属性の値がsu […]

2016.04.21

用語の意味を相手と共有できてないと的外れな作業をしてしまうかも。という話

Webデザインの提案や修正の打ち合わせの際、相手の意向を聞いて意思疎通することが必要ですが、同じ言葉について双方が別々の意味でとらえていることがあり、そのまま進めると的外れな作業をしてしまうかもしれません。特にメールの文 […]

2016.01.18

tableをブロック要素にすると中のtdが横に伸びない

スマホサイトでtableを扱うとき、横並びになっていたthやtdのセルが、そのままだと横幅が狭いので、これらをブロック要素に変換してひとつのセルごとに横幅100%で表示させることがよくあります。 PCサイトのHTMLにあ […]

2015.01.19

Androidでテキスト要素が中途半端な位置で折り返される場合の対策

スマホのAndroid端末でサイトを閲覧したとき、下の画像のようにテキスト要素がなぜか途中でそろって折り返された状態で表示されることがあります。 iPhoneでは発生しないケースなのでiPhoneユーザーは目にしたことが […]

2014.06.10

ほのぼのした雰囲気の無料イラスト素材サイト「いらすとや」さん

とても使いやすい無料のイラスト素材サイトさんを紹介させていただきます。 「いらすとや」さんは、かわいらしい感じのほのぼのしたイラスト素材が豊富です。 無料、商用可、リンク不要、クレジット表記不要とのこと。詳しくは「ご利用 […]

2013.09.25

Web制作にも超!役立つイラスト素材サイト5選。無料でEPSやPNG形式をダウンロード

イラスト、アイコン、ピクトグラムの無料素材サイトを紹介させていただきます。 どれもクオリティが非常に高くて有料の素材にまったく見劣りしないすごいサイトです。 ガーリー素材 女性っぽいイメージのおしゃれなイラスト。人物・花 […]

2013.09.06

123

Copyright © 2004-2017 Travelogue.

Pagetop