Clik here to view.
アイキャッチにすりガラスとかボタンとかを自動で付けさせる
今回はアイキャッチのお話しです。 当ブログをはじめるにあたって、アイキャッチは必ず導入したい！と心に決めてみたりしたのですが、毎回 Fireworksとかでタイトルを入れたり、色々作ったりしないといけなくなるなら たぶん続かないことはブログ始めるまえから自信たっぷりでした。 なので、タイトルとか日付とかカテゴリーやらを自動で配置させてしまおうかと。...
View ArticleClik here to view.
HTML5要素を1つずつ >メタデータ・コンテンツ > base要素
今の愛読書、現場のワークフローで覚える Webサイト制作教室 – MdN Design Interactive で、Webの勉強をガリガリとしている最中です。 そしておそらく(ほぼ間違いなく)読んだだけなら...
View ArticleClik here to view.
HTML5要素を1つずつ >メタデータ・コンテンツ > command要素
愛読書、現場のワークフローで覚える Webサイト制作教室 – MdN Design Interactive で、Webの勉強をガリガリとしている最中です2日目。 メタデータ・コンテンツとは 引用 : Webサイト制作教室 P90よりおもに<head>内に書き、実際にはページ上に表示されない要素です。 とのこと。要素の種類としては以下。 base command ← 今日はココです...
View ArticleClik here to view.
HTML5要素を1つずつ >メタデータ・コンテンツ > link要素
愛読書、現場のワークフローで覚える Webサイト制作教室 – MdN Design Interactive で、Webの勉強をガリガリとしている最中です3日目。 メタデータ・コンテンツとは 引用 : Webサイト制作教室 P90よりおもに<head>内に書き、実際にはページ上に表示されない要素です。 とのこと。要素の種類としては以下。 base command link ←...
View ArticleClik here to view.
HTML5要素を1つずつ >メタデータ・コンテンツ > meta要素
愛読書、現場のワークフローで覚える Webサイト制作教室 – MdN Design Interactive で、Webの勉強をガリガリとしている最中です4日目。 メタデータ・コンテンツとは 引用 : Webサイト制作教室 P90より おもに<head>内に書き、実際にはページ上に表示されない要素です。 とのこと。要素の種類としては以下。 base command link meta ←...
View Article画像を使わずに CSSだけでセロテープっぽいものをつくってみた
最近つくったもので、てきとうにパッとやったらそれっぽかったので残してみます。 サンプル うちの超絶カワカワなマルちゃんの写真に、上部にテープが貼ってあるようにしてみました。 左上にペトッとシールが貼られてて、右下がペロッとめくれてる感を出しました。 コード HTML <div id="imgWrapper"> <div class="tape"></div>...
View ArticleClik here to view.
【テキストを縦中央揃え】にするときに、【複数行のテキスト】でも!【親要素】がなくても! できるやり方!!
例）1行の場合 テキストが一行、と決まっていたらカンタンです。 <div> <span>例）一行の場合</span> </div> div { height: 100px; } div span { line-height: 100px; }...
View ArticleClik here to view.
僕がWEB制作を学習して確実に血肉になったWEB系参考書のまとめ
ちなみに以前 今からだって全然OK！僕がjQueryを0から覚えた サービスとか書籍まとめ という記事も書いています。jQuery優先で！という方はこちらも参考にしてみてください。 あと、それぞれ紹介している書籍はアフィリエイトではないのですが、ブクログ経由で貼っているのでAmazonリンクになっています。 これからはじめるHTML・CSS...
View ArticleClik here to view.
アイキャッチにすりガラスとかボタンとかを自動で付けさせる
今回はアイキャッチのお話しです。 当ブログをはじめるにあたって、アイキャッチは必ず導入したい！と心に決めてみたりしたのですが、毎回 Fireworksとかでタイトルを入れたり、色々作ったりしないといけなくなるなら たぶん続かないことはブログ始めるまえから自信たっぷりでした。 なので、タイトルとか日付とかカテゴリーやらを自動で配置させてしまおうかと。...
View ArticleClik here to view.
HTML5要素を1つずつ >メタデータ・コンテンツ > base要素
今の愛読書、現場のワークフローで覚える Webサイト制作教室 – MdN Design Interactive で、Webの勉強をガリガリとしている最中です。 そしておそらく(ほぼ間違いなく)読んだだけなら...
View ArticleClik here to view.
HTML5要素を1つずつ >メタデータ・コンテンツ > command要素
愛読書、現場のワークフローで覚える Webサイト制作教室 – MdN Design Interactive で、Webの勉強をガリガリとしている最中です2日目。 メタデータ・コンテンツとは 引用 : Webサイト制作教室 P90よりおもに<head>内に書き、実際にはページ上に表示されない要素です。 とのこと。要素の種類としては以下。 base command ← 今日はココです...
View ArticleClik here to view.
HTML5要素を1つずつ >メタデータ・コンテンツ > link要素
愛読書、現場のワークフローで覚える Webサイト制作教室 – MdN Design Interactive で、Webの勉強をガリガリとしている最中です3日目。 メタデータ・コンテンツとは 引用 : Webサイト制作教室 P90よりおもに<head>内に書き、実際にはページ上に表示されない要素です。 とのこと。要素の種類としては以下。 base command link ←...
View ArticleClik here to view.
HTML5要素を1つずつ >メタデータ・コンテンツ > meta要素
愛読書、現場のワークフローで覚える Webサイト制作教室 – MdN Design Interactive で、Webの勉強をガリガリとしている最中です4日目。 メタデータ・コンテンツとは 引用 : Webサイト制作教室 P90より おもに<head>内に書き、実際にはページ上に表示されない要素です。 とのこと。要素の種類としては以下。 base command link meta ←...
View Article画像を使わずに CSSだけでセロテープっぽいものをつくってみた
最近つくったもので、てきとうにパッとやったらそれっぽかったので残してみます。 サンプル うちの超絶カワカワなマルちゃんの写真に、上部にテープが貼ってあるようにしてみました。 左上にペトッとシールが貼られてて、右下がペロッとめくれてる感を出しました。 コード HTML <div id="imgWrapper"> <div class="tape"></div>...
View ArticleClik here to view.
【テキストを縦中央揃え】にするときに、【複数行のテキスト】でも!【親要素】がなくても! できるやり方!!
例）1行の場合 テキストが一行、と決まっていたらカンタンです。 <div> <span>例）一行の場合</span> </div> div { height: 100px; } div span { line-height: 100px; }...
View ArticleClik here to view.
僕がWEB制作を学習して確実に血肉になったWEB系参考書のまとめ
ちなみに以前 今からだって全然OK！僕がjQueryを0から覚えた サービスとか書籍まとめ という記事も書いています。jQuery優先で！という方はこちらも参考にしてみてください。 あと、それぞれ紹介している書籍はアフィリエイトではないのですが、ブクログ経由で貼っているのでAmazonリンクになっています。 これからはじめるHTML・CSS...
View Article
