タグ別アーカイブ: coding

コーディングを3倍速くなるのを体感したいのでvimを設定する[1]

コーディングを3倍速くする! Vim入門 | CSS-EBLOG を見ておおすげえ!!と感激したのでvimをさわってみることにしました。

カテゴリー: coding, web制作 | タグ: , | コメントをどうぞ

CSS3のMedia Queries(メディアクエリ)を使い適応するウェブサイトレイアウトをつくる

CSS3からMedia Queries(メディアクエリ)が導入されます。 Media Queriesはディスプレイの解像度別に 適応させるCSSを変更させることができます。 Media Queriesがサポートされていないブラウザ: IE 5+ Firefox 1+ Safari 2 Media Queriesがサポートされているブラウザ: IE9 Firefox 3.5+ Opera 7+ Safari 3+ Chrome ■引用: Media Queriesの基本についてまとめてみた サポートされていないブラウザでMedia Queriesと同等の機能を実装するためにはJavaScriptを利用する必要があります。 下記内容は CatsWhoCode.comのCreate an adaptable website layout with CSS3 media queries の本文を和訳したものです。

カテゴリー: coding, web制作 | タグ: , , | コメントをどうぞ

zen-codingをmasterしよう!

はじめに Dreamweaver8でzen-cording version0.7が使えました。 これで入れ子のタグが展開できるので改めて覚え直ししようと思います。 環境:Mac OS10.5.8 editor:Dreamweaver8,zen-coding version0.7

カテゴリー: coding, web制作 | タグ: , , | コメントをどうぞ

zen-codingでhtmlコーディング効率化を目指す!

はじめに 昨年、htmlコーディングが早くなるということで急激に広まったzen-coding. 記述方法も難しくなく、覚えてしまえば確実に作業効率があがります。 年を超す前に、確実に極めてみたい! というわけでまとめです。 環境:Mac OS10.5.8 editor:Dreamweaver8,zen-coding version0.5

カテゴリー: coding, web制作 | タグ: , , | コメントをどうぞ

いまからでも間に合うCSS3まとめ&勉強できるサイト

【はじめに】 スマートフォンの案件が来たことによりCSS3を覚えることになりました。 CSS2もろくすっぽ理解していないのに、CSS3です。 CSS3の知識ほぼゼロですがまとめました。

カテゴリー: web制作 | タグ: , , , | コメントをどうぞ

メニューをpipe「|」で区切ったとき、最後にpipeを表示させない方法

【はじめに】 メニューをulタグとliタグでマークアップするとします。 メニュー項目をpipe「|」で区切ったときに、cssで一括指定すると最後のメニュー項目にまで pipeがついてしまって困りました。

カテゴリー: coding, web制作 | タグ: , , , | コメントをどうぞ