このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

web帳

CSS

昨今、フロントエンド(バックエンドもそうでしょうが)の技術、環境はめまぐるしく変わってきてます。 CSS3が登場した時多くの人が声を上げて驚いたでしょう。 SASS、Compassが登場した時、手を叩いて喜んだでしょう。 Gruntが登場した時多くの人が泣きわめいたでしょう。 …

続きを読む

ども。僕です。タイトル通り「jsdo.it企画 CSSで必殺技に参加しています。」 URLは http://jsdo.it/panicdragon/23cU(第2弾) http://jsdo.it/panicdragon/zh69(第1弾) panicdragon というネームに参加させ…

続きを読む

CSSを圧縮出来るwebサービス CSS Drive css compressorの紹介になります。 公式サイト http://www.cssdrive.com/index.php/main/csscompressor/ たかがCSS。されどCSS。 スマフォン時代 重要視されるパフォ…

続きを読む

CSSのセレクタで隣接セレクタと呼ばれるものがあります。 隣接セレクタとは、要素と要素が直接隣接している(兄弟要素)場合に適用されるセレクタです。 このため、指定した要素と要素の間に別の要素が有る場合は対象になりません。 つまり、どういう事かというと、こんなHTMLがあったとします。…

続きを読む

文章の頭のみ一文字飛び出た形にしたい。 というときはどうされているでしょうか? 現場で「あ、そういうやり方もあるんですね。」 と言われたので、意外と苦労されてたりもするのかな。と思いやり方を紹介させて頂きます。 通常、「list-style:disc;」だと このような感じで…

続きを読む

なんだか色々と出てきますよね。 もう、最近良く分かんないないです(笑) ではSassのインストール、使い方を紹介していこうと思っております。 Sass公式サイト http://sass-lang.com/ そもそも、Sassって何?って話なんですが、 SassとはCSS を生成するため…

続きを読む

今更的な記事ですが、 IE6、またはIE7でクリアーフィックスが効かない時、 たとえば、 こんな感じのレイアウトの場合、floatで回り込ませ、クリアーフィックスで解除したいところですが、 IE6や7で、 こんな感じになってしまったりしたら、 このようにwidthの指定を行ってみまし…

続きを読む

ブラウザの垂直方向100%を制御する方法 フッター等を配置する際、コンテンツ量が少ない場合、 ウィンドウサイズよりも上に配置されるのですが、 ウィンドウにサイズ合わせの一番下に配置、コンテンツが多い時は成り行き表示させる方法です。 html [code] <html>…

続きを読む

リキッドレイアウトとは何か? リキッドレイアウトとはwebデザインにおいて、 表示領域の幅が変更されても従来のレイアウトを維持できる手法である。 と書かれていたりします。 そう、数年前流行ったやら、流行らないやらのレイアウト手法。 簡単に言うと、レイアウトをpxで指定して固定せず、 %で指…

続きを読む

よく耳にする?CSSとはCascading Style Sheetsを略語で、 HTML、XMLで要素をどのように修飾(表示)するかを指示する言語であり、 W3C勧告を基準に記述されています。 要は、見た目を良くする。 と思って頂ければなんら問題はない。こともないですが。 ではどう使うか?…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、港区六本木で活動中。

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。