2014年気になった度肝級のCSS3ギミックを集めてみた、やってみた!

CSS3だけで出来るギミックを兎に角集めてやってみた! 2014年はCSS3の大躍進とでも言いましょうか、兎に角ギミックはCSS3で出来る限り作って行こうと言う動きが活発化された年でした。 &nbsp …

CSS

WYSIWYGエディタのみでCSSをジェネレートできるWebサービス「EnjoyCSS 」が神な理由

画像も貼り付けれる、ロングシャドーも作れるCSSジェネレーター       このCSSジェネレーターはbackgroundに画像を貼り付けれるのも素晴らしい理由です。 グ …

CSS

WordPressカスタマイズ その3 | WordPressをBootStrap化する為の注意点3 〜コーディング編 SideBarの処理〜

前回はBootStrapのCSS上書きが何故必要なのか(勝手に私が思っていることですが・・・)、そしてメガMenu実装とスマホの重要性とスマホ用Menuは格好いい方が良いと言う事でした!! なのですが …

Bootstrap

CSSで会話形式のフキダシデザインを作ってみる

CSSで何処までできるのか。 吹き出しデザインのCSS版です。 ランディングとかで使えそうですね!   こんな感じになるようです。 引用頂きます!   参考サイト:AIUEO La …

CSS

WordPressカスタマイズ その2 | WordPressをBootStrap化する為の注意点2 〜コーディング編1〜

WordPressでBootStrapをコーディングする前にCSSを上書きする。そう、フレームワークのCSSを直すなら上書きがマストです。 前回はBootStrapをWordPressで機能させるため …

Bootstrap

CSS3でギザギザの線をかくテクニック

CSS3だけでノコギリ歯 画像を使わずに、ノコギリの歯のようなぎざぎざの線をスタイルシートでかくテクニックを紹介します。 下記は、p要素一つだけです。 実装は、こんな感じです。 HTML HTMLはp …

CSS

CSS3 疑似属性で楽々CSSライフ

疑似属性を使って「ul li」をスマートにCSS指定する CSS3の疑似属性を使うと真ん中にあるリスト(li)を指定出来たり、class名に含まれる文字列を指定して複数のリストに指定出来たりと、わざわ …

Illustrator

2012-12-27|JavaScript-画像置換

2012-12-27 JavaScript-画像置換 画像置換01 ソファーのあるインテリア ソファーのあるインテリア   @charset “UTF-8”; * { margin: 0; …

Dreamweaver

2012-12-14|CSSシグネチャー〜フォームの基本構造

2012-12-14 CSSシグネチャー ページごとに個別性を振り分けていく フォームの基本構造 以前はPerlで動かしていたがサーバー負荷が大きいのでPHPでの処理が最近の傾向 form要素の構造 …

Dreamweaver

2012-12-12|企業系サイトのDEMO制作

2012-12-12 企業系サイトのDEMO制作

Dreamweaver

2012-12-11|Position

2012-12-11 Position BoxごとDreamWeaverで自由に動かせるが、IEでは表示出来ないため難しい命令文 重なるのは出来れば1ページに1個 複雑になるとDreamweaverで …

Dreamweaver

2012-12-01|実際に課題を元に打ってみよう

2012-12-10 実際に課題を元に打ってみよう 練習1 石垣島観光ガイド  石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。 沖縄からは、空路で約1時間、沖縄より台湾に近く南に …

Dreamweaver

side bar

メニューはこちら

メニューはこちら