Web制作技術

スポンサーリンク
HTML/CSSコーディング

Notepad++とEmmetでサクサクコーディング

以前の記事で紹介したNotepad++、大変便利で私もブログライティングやコーディングのデフォルトエディタとしてありがたく使わせてもらってます。 最新のNotepad++ではデフォルトプラグインでEmmetが入っているらしく(もちろん旧バー...
HTML/CSSコーディング

セマンティックなHTMLを書くべき理由

タイトルは釣りです。 「書く目的」ならそりゃそんなの各自好きにやってよっていうか書きたくなきゃ書かなきゃ良いよって思いますよ。ただ「目的」というのが書く「べき理由」を意味しているのならばさ。
Design

「Webサイトの配色で困った!」→「HUE/360使えば良いじゃない」

Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものよ...
スポンサーリンク
HTML/CSSコーディング

CSSahaムービー 花に囲まれた洋館

CSSでつくるahaムービーその2。前回よりさらに難易度低し。
HTML/CSSコーディング

CSSで作ったahaムービー 空き地に放置された…

一昔前にahaムービーって流行りましたよね。時間かけてちょっとずつ変化する画像、どこが変わってるかわかりますか?ってやつ。 たしか脳科学者の茂木健一郎さんがテレビ出だした頃からですよね。あれっぽいやつCSSで作ってみたのでどうぞ。
HTML/CSSコーディング

もうCSS3で悩まない チートシート/リファレンス系サイトまとめ

先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出て、応用次第で色んなことできて楽しいですよね。私も大好きです、CSS3。 IE非対応云々のためハックがどーこーとかめんどくさいことはありますけど。 というわけでここらで初心者...
Design

その角丸はなぜ角丸なのか

酒井優(@glatyou)さんが 角丸を使う理由、不自然な角丸について徹底的に分析した って記事で角丸について語ってたので私も書いておくよ。
HTML/CSSコーディング

知ってるとちょっと役に立つCSSのTipsまとめ

ちょっとのつもりでCSSサンプルコードチマチマ書いて記事化してたら10件以上たまってました。 基本的に私はWeb屋さんではないので結構いい加減なコーディングしてたりもしますが、WEBサイト制作ではよく使いそうなプロパティについて使い方を説明...
HTML/CSSコーディング

CSSで文書の段組表現を行うcolumnプロパティの使い方

CSSレイアウトやってると段組もボックス並べてやっつけちゃいたくなりますが、一連の文書を段組にそって記述するために途中でぶった切ってボックスまたいで書くのは面倒くさいし記述の方法としてももなんか変です。 というわけでビジュアルじゃなくて文書...
HTML/CSSコーディング

CSSでディスクを回転浮上させるエフェクトのサンプル

CSS演出小ネタ連投です。 【borde-radius】で作った丸型の要素に対し、マウスオーバーでコンテンツを回転させながら浮かび上がらせる方法です。
スポンサーリンク