ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７
作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
CSSで1行目の見出し項目をぶら下げインデントする｜web bibo
注意書きや箇条書きなど段落の1行目に見出し項目がある文章で、項目を目立たせるために、2行目以降を字下げすることがあります。これを簡単に実現する方法です。 注意書きとか箇条書きなど、非常に使う場面が多いと思うのでので、かなり役立つテクニックです。ていうか、このテクニック皆さん知ってますよね。。。一応、CSS初心者の方向けということで載せておきます。 HTMLコード <ul> <li>※ああああああああああああああああああああああああああああああああああああ</li> <li>※いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</li> <li>※うううううううううううううううううううううううううううううううううううううううう</li> </ul> CSSコード ul { list-style: none; width: 250px; font-size: 0.8em; lin
Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Like!ボタンが思いのほか日本でも良く 見かけるようになって、Facebookも 多少は普及し始めたかな？という印象 なので、Facebookの機能の一つで、 欧米でブランディング等にも使われて いるファンページにオリジナリティある デザインのコンテンツを加える方法を ご紹介します。 [note]Facebook仕様変更により、FBMLは廃止され、Facebookページ（旧ファンページ）はHTMLやjsで作成出来るようになりました。この情報は今後役に立ちません。 新しく書きましたのでこちらをご参照ください[/note] 日本でもちょこちょこFacebookの利用者も増え始めてる気がします。そんなFacebookの機能の一つでもあるファンページ。そのままだと若干素っ
はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ
pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。 いつくかはてなダイアリーでの使用可能なはてな記法は無効になっており、例えばキーワードリンク無効記法が使えないためフォントカラーが キーワードリンクの黒に潰されちゃうかんじ。 以下サンプル。アルファベットはクラス名(自動アンカーついていててコピペしにくい。ソースみたほうがいいかも)。 アイコンicon-arrow :: 矢印 icon-tag :: タグ icon-folder :: フォルダ icon-keyword :: キーワード icon-linlink :: インリンク icon-page :: ページ icon-user :: ユーザー icon-download :: ダウンロード out :: アウト フォントhatena-asin-detail-title :: 太字 synStatement
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
「メタボなHTML」も大事かも：ekken
Trackback+Pingback: - TrackBack URL for this entry http://ekken.blog1.fc2.com/tb.php/804-bbd57f4d Listed below are links to weblogs that reference スポンサーサイト from ekken 技術系の人の中には、より正しいHTMLで書く事を目標としている人がいて、確かにその方が読みやすい文章のことが多いと感じるのだけど。 メタボなHTML | オトコのキモチ２ align="center"というのや，<td width="200" bgcolor="#CCFFFF">というのや，見た目を整えるための属性。 <br> <br> <br> <br> なんてところもあるな。 はっきり言って，「メタボ」ですよ。 「見た目はCSSで整える」というのは、読み手に
段落の謎 - 池田信夫 blog
非常につまらない話だけど・・・ 日本の商用ウェブサイトに原稿を出すと、段落が改まるとき、このように空行を入れたうえで、段落の最初に1字、空白をあける。私の知っている限り、新聞社もCNETやASCII.jpなどもすべてそうなっているが、これは日本だけの奇習である。海外のサイト（たとえばNYタイムズ）では、空行を入れるだけで、行頭に空白は入れない。当ブログもその方式だし、普通のブログもそれが多い。 空行を入れるのは、PCのモニターでは行間が詰まっているのを読みやすくするためだが、これで段落が改まったことはわかるので、行頭に空白を入れるのは無意味である。しかもフォントの大きさがそろっていないと、何かレイアウトがずれたような印象を受ける。この「日の丸標準」はやめてはどうか。 追記：コメントでも出ているように、これは縦書きの「字下げ」のなごりだろう。この新聞や本の縦書きという奇習もやめてほしい
カレンダーをリストでマークアップ | d-spica
カレンダーをリストでマークアップ 2008-02-14 0 0 XHTML/CSS CSS, XHTML 先月，カレンダーをリストでマークアップするという記事をコリスさんのところで読みました。 [CSS]テーブル要素を使用しないで制作するカレンダー | コリス 元記事はこちら。 pixelspread : Tableless Calendar In Use カレンダーはtableでなければならないか ぼくも最初は「カレンダーをリストでマークアップってどうなの？」と思ったのです。脱tableレイアウトと言っても，tableを使うべきところはある。曜日をthに入れて，それぞれの日を曜日に関連づけることができる。ulやolにしたらそれはわからなくなる。なんて安易に考えていたのです。 しかし，我的春秋のゆうさんの記事を読んで，目からウロコ！でした。 一歩先のWeb標準 ♯10 | Webデザイナー
ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ２
こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
全力ブログ: 好きなサイトさんにお願いしたい、十か条
好きなサイトさんにお願いしたい、十か条 よく見に行くサイトというのがいくつかブックマークに入っています。面と向かっては言えませんが、ちょっと気になっていることがあります。 面と向かって言えない。そんな想いを、ここで吐き出してすっきりしてしまおう。今日はそんな感じで行きます。 「いらっしゃいませページ」を出さないで。 BGMを鳴らさないで。 文字が見えにくくなるような背景画を使わないで。 文字の色を見えにくくしないで。 リンクの色を変えないで。下線を消さないで。 メニュー名を凝らないで。 行間を空けて。一行あたりの文字数を少なくして。 文字を小さく固定しないで。 フラッシュのメニューを使わないで。 「おすすめ」をアピールして。 一つづつ見ていきましょう。 「いらっしゃいませページ」を出さないで。 「いらっしゃいませページ」というのは、サイトのロゴと「ENTER」のみが表示されているようなペー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LightBoxの使い方とカスタマイズ方法 | CSS Lecture
chamanet.com
http://bbs.goo.ne.jp/ac22552/thread/1100044117866
認証がかかっています
gooサービス終了のお知らせ | dメニュー
gooサービス終了のお知らせ | dメニュー
gooサービス終了のお知らせ | dメニュー
http://ima.pandach.com/cgi-bin/mt/2006/08/post_18.php
gooサービス終了のお知らせ | dメニュー