HTML/CSSコーディング

HTML/CSSコーディング

notepad++である日突然Emmetの展開が出来なくなったときの対処方法

久々にWeb制作?ネタです。 釣りのネタ書こうと思って久々に自宅のPCでnotepad++立ち上げたらEmmetの展開が死んでました。 私は基本的にブログの記事はhtmlで記述できるところは最初からhtmlで記述しています。なの...
HTML/CSSコーディング

CSSだけでスマホでも使えそうなスライドインするメニューを考えてみた

一週間ほど鼻水が止まらず、咳までで出したごろどくです、どうも。北海道ではまだ花粉の時期ではないので花粉症ではないのですが、ここ数年毎年この時期には同じような症状で体調崩してる気がします。年度末の気の緩みでしょうか。 さて今回はコチラのページ...
HTML/CSSコーディング

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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