Html | Select *
Web Web制作

[CSS] 回り込み(float)を解除する3つの方法

clear-floatオハヨウゴザイマス!
Webエンジニアの@deepblue_willです。

たまにはWeb制作のことでも書きたくなったので、floatによる回り込みの解除について書こうかなと思います。
いろいろ方法があるので、それを紹介していきます。



Web Webサービス

Web製作者必見!遊びながらHTML5を勉強できる「HTML5KARUTA Game for Web」がおもしろい!

html5-karuta4オハヨウゴザイマス!
一応Web系のお仕事をしている@deepblue_willです。

なにかと騒がれているHTML5ですが、実は今年が勧告されている年です。私のお仕事的にはまだ古いブラウザを対応しなきゃいけないせいで、まだ馴染みが薄いのですが、そろそろ本腰いれて勉強しなきゃなぁと思っているところです。そこで、HTML5をカルタでゲーム感覚で覚えることができるWebサービスを紹介します。

Web Web制作

少しのCSSでラベル付きの枠を作る方法

ラベル付き枠オハヨウゴザイマス!
今、仕事でWebデザイナーの真似事をしている@deepblue_willです。

Webデザインって本当に難しいですよね!
ここ1週間くらいいろいろ頭を悩ましてます。
その過程で←の画像のようなラベル付きの枠を簡単に作る方法を知りました。
多分、Webデザイナーにとっては当たり前すぎることなんでしょうでけど。。
個人的にあまりに衝撃だったので紹介しちゃいます。

Web Web制作

SEOで重要なHTMLのタグ

オハヨウゴザイマス!
SEO初心者の@deepblue_willです。

サイトを運営している方ならお馴染みの「SEO」という単語。
これはより検索エンジンに拾ってもらえるようにするためにしなきゃいけないことです。
私もこのブログのデザインを考える際、SEOのことを勉強しました。
そこで、SEOで重要になるHTMLのタグをまとめてみました。

Web Web制作

おすすめ記事を右下から「にゅっと」表示する機能をjQueryで独自実装してみた。

オハヨウゴザイマス!
jQuery初心者の@deepblue_willです。

画面右下からおすすめ記事が表示されるのを他のサイトで度々見かけると思います。
それは「SimpleReach」というサービスを使えば簡単に導入できるものです。
自分も導入しようと思って「Simple Reach」に登録したのですが、いつまで経ってもメールが来ない
なのでjQueryを使って自分で実装してしまいました!

Categories

  • Lifehack (57)
  • Web (140)
  • まとめ (172)
  • コンピュータ (132)
  • 仕事 (10)
  • 趣味 (104)
  • 雑記 (88)