[B! HTML][web制作] pri_lightのブックマーク

pri_light id:pri_light

HTMLとweb制作に関するpri_lightのブックマーク (6)

Learn HTML5, CSS3, Javascript - video style tutorials
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
pri_light 2012/09/22
web制作

html

CSS
リンク
ブロックレベル要素のセンタリング
blog全盛の時代にhtmlファイルを手書きしている人はそれほど多くはないのかもしれませんが，未だに汎用エディタを用いてウェブページを作成していらっしゃる方もいるかと思います．かく言う私はもちろんエディタで直書き派でして，linux環境でemacsを用いて書いています．emacsのhtml入力補助も導入していなくて（勝手に改行されて腹が立つ），単にhtml用のカラーリングをしているだけです．他に，weexというhtml更新専用のftpソフトを用いています．このソフトはローカルのディレクトリとリモートのディレクトリ（一般にはhtmlファイルを置くディレクトリ）を同期させるソフトで，ローカルのディレクトリを変更すれば，その変更分だけリモートのディレクトリにアップデートしてくれるという優れものです．親切にもローカルディレクトリで消したファイルやディレクトリまでリモートにきっちり反映して綺麗さっぱ
pri_light 2010/03/31
html

CSS

Webデザイン

web制作
リンク
clearfixハックは本当に必要なのか - MID [Serendipity Weblog]
いわゆるclearfixハックネタなのですが、あるブロック内にfloatさせた要素を並べると、状況によってレイアウトが崩れるわけです。こいつを綺麗に整えるためにはfloatさせた要素の後でclear:leftなどで一旦解除させる、というのがclearfixの原点のように思います。最近またこの手のネタがはてブで盛り上がっているようです。 floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法（）を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた（「floatを繰り返すとレイアウトがくずれる」参照）。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。少し遡って解決法は2つある。ひとつは、「原因」
pri_light 2010/03/30
CSS

html

web制作
リンク
CSSリファレンス(CSS入門) - とほほのWWW入門
CSS は Cascading Style Sheets の略です。CSSは、HTMLで記述された Webページの見栄え・スタイルを効率的に定義するための技術です。HTMLで文書の意味を定義し、CSSで見栄えを定義することにより、意味と見栄えを分離することが可能となります。最も基本的なCSSの使用例を下記に示します。この例では、<h1>～</h1> で囲まれたタイトル部が赤字で表示されます。「h1 { color: red; }」は、「h1 の部分の色(color)を赤(red)にする」という意味を持ちます。この例の「色」のような見栄えなどの情報を「スタイル」と呼びます。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>CSSの
pri_light 2010/03/29
CSS

html

web制作
リンク
やさしいホームページ入門　* ＨＴＭＬやＣＳＳ等の解説 *
※　相互リンクを申し込まれる方が多数ですが、サイトについてに書いてある通り、現在は行っていませんのでご了承ください。
pri_light 2010/03/29
CSS

web制作

html
リンク
idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About
idとclassの違いと使い分け！スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか？この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回
pri_light 2010/03/29
CSS

Webデザイン

web制作

HTML
リンク
1