Travelogue(トラベローグ)

Travelogue

css

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

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

投稿日:2016.04.21

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

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

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

投稿日:2016.01.18

css

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

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

投稿日:2015.01.19

css

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

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

投稿日:2014.06.10

顔アイコンジェネレーター

簡単操作で似顔絵が作れるサイト。顔アイコンジェネレーター

SNSが普及し、ネット上で自分のプロフィール部分に顔写真を使う機会が増えています。 とは言え、恥ずかしいからと子供やペットの写真にしている人も多いですね。 そんなときに自分の似顔絵があると便利。イラストなら恥ずかしくない […]

投稿日:2013.11.19

パソコンを使うサラリーマンのイラスト

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

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

投稿日:2013.09.25

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

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

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

投稿日:2013.09.06

Webページ上のテキストの改行位置について

Webページ上のテキストの改行位置について

お客さんからの要望で、区切りの良いところで文章を改行してほしいというのがたまにあります。この要望は僕がこの仕事をはじめた10年ほど前からあって、いまだにあります。お客さんの気持ちというか意図はよく理解できるので、おそらく […]

投稿日:2011.05.10

123
Pagetop