知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
文法チェッカへのリンク集
HTML は言語ですから、相手に伝わってナンボです。ちょっと考えると、 ブラウザで開いてみて問題なければよさそうです。しかし、HTML の表示の仕方は すべてのブラウザで同じわけではないので、他の相手にもちゃんと伝えられるかは わからないままです。じゃぁどうすればいいかというと、すべてのブラウザの基準である、 HTML の仕様書にそって HTML を書けばいいのです。 しかし、自分ではそのつもりでも、間違っちゃうことはあります。そこで、 HTML の仕様書から外れていないかチェックしてくれるツールを使って、 自分の書いた HTML をチェックすれば安心です。 このページは、HTML、CSS のチェッカのリンク集です。 また、文法のチェッカではないですが、アクセシビリティやリンク切れのチェッカも 入れました。 この他にもご存知の方は、投稿してやってください。 HTML 文法チェッカ W3C
ロールオーバー(マウスを合わせたときに画像を変える方法) - パソコンＱ＆Ａ
ロールオーバーと呼ばれるものです。 マウスオーバーとも呼ばれます。 スタイルシート[CSS]を使う方法(1) JavaScriptを使わない、IMGタグとスタイルシートだけのロールオーバー 簡単に説明すると、背景にロールオーバー後の画像を置いておき、マウスが重なったときにはIMGを消してしまうという手法です。 背景として画像が読み込まれているのでキャッシュもされます。 Windows IE5～ Mac IE5 Firefox Netscape7 Safari Opera7～ 対応 (～Opera6はロールオーバーしない) <p><a href="./"><img src="img2.gif" alt="テスト" width="100" height="40"></a></p> p { /*Aタグに高さや幅を指定することが出来ないので親領域で指定する*/ width:100px; heigh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
