画像を一切使わずにCSS3だけでドラえもんを描いてみた！ - 裏技shop DD
昨日の画像を使わずにCSS3だけで作ったサイト「NetaGear」に引き続き、本日もCSS3の記事です。ここ最近の私のマイブームはCSS3で色々やってみることなんですが、CSS3を使えば画像なんて使わずに絵が描けるんじゃない？という疑問を抱き実際に作ってみました！ 今回作成したのは日本人なら誰もが知っている国民的キャラクターの「ドラえもん」です。使うものはXHTML+CSS3だけで一切の画像は使いません。画像を使えば簡単にできるのは言うまでもないことですが、すべてソースコードから成り立つことが前提です。 CSS3で作ったドラえもんの完成品！ CSS3 ドラえもん 最近のドラえもんというより、大山のぶ代さんが声をやっていた頃のドラえもんの方が好きなので、そっちをイメージして作りました。注意事項としてはGoogle Chromeとfirefoxで閲覧してください。Operaでは一部CSS3に対
Firefox だと沖縄県警サイトが悲惨になる件について - xenoma日記
Firefox で沖縄県警のサイトを見てみましょう。たぶん悲惨なことになっていると思います。縮小キャプチャを以下にあげておきます。 ▲左：Firefox3 右：IE7 (沖縄県警のサイトTOPのキャプチャ（部分・縮小）) IE など他のブラウザだとキレイに見えるのに、なぜ Fx では悲惨なことになるのでしょうか？ 原因の推測 スタイルシートの指定の仕方が原因かと思います。ソースを見てみます。 <link rel="stylesheet" href="css/import.css" type="text/css" media="print" /> <link rel="stylesheet" href="css/import.css" type="text/css" media="screen" /> このように同じファイル（import.css）を2度指定しています。指定されている imp
あなたがWeb標準を選択すべき3つの理由。[HW]
Webの「標準」って？を読んで考えたことを少し書こうかな。 まだまだウェブ標準の明確な定義というものはないんだけど、一般的に考えられているウェブ標準の大体の用件として、以下のようなものが挙げられる。 XHTML+CSSで記述されている。 デザインとコンテンツの分離。 文法的に正しい記述。 シンプルなレイアウト。 じゃあなぜ、わざわざWeb標準に準拠したウェブサイトを作成する必要があるのか。以下、私の個人的な見解。 1.ウェブ標準サイトだと、メンテナンス性が高い。 昔のように、サイトを作って「はい、お終い。」とそれで終わりならばメンテナンス効率の良しあしは問題にはならない。だがしかし、最近では、ウェブ業界においてスピードと機動力の重要性は高まっている。 このひとつの原因は、ユーザーとのインタラクティブなコミュニケーションが簡単になったことである。個人の情報発信力が上がったことも背景にある
CSS Niteについて考えてみる - Transrain
注意： この記事は個人的な考えで書いています。 誤りや勘違い等があるかもしれません。指摘をしていただけると助かります。 CSS Niteのターゲットは何処にあるのだろうか。 最近の有料版CSS Niteの参加金額を見てみると7,000円〜18,000円と学生にはとても厳しい金額である。「企業向け」として考えると結構低額ではあるが、個人向けだとすると少々大きい。 The Days of Web Standards 2007［Web標準の日々］の参加費用が1日10,000円、2日通しで18,000円。早くに申し込んでも16,000円である。人数の見込みは1,300〜1,500人となっているらしい。 以下の計算は大きくずれています。 このエントリー投稿後に公開されていますのでそちらをご覧ください。正直変に感じる部分はあるけど。 以下の薄字になっている部分はあえて消していません。 簡単に
ページが見つかりません
ごめんなさい。smashmediaのブログは削除されました。 10年に渡り、あちらこちらに書き連ねてきましたが、ご愛読いただきほんとうにありがとうございました。またリンクしてくださった方にも、心からお礼申し上げます。 以下、少し駄文を書きます。 ブログには「パーマリンク」という基本的な考え方があり、すべての発言や記事は半永久的に固定されたURLによって公開され、未来におけるアクセス権（閲覧可能性）を担保するという、じつに素敵なコンセプトなのですが、一方で古い情報が永遠に残り続けてしまうという弊害も生んでいます。 ブログというものが「ストック」であるならば、そこに書かれた内容に対して、書き手であるブログ運営者は責任をもつべきで、自らの考え方が変われば内容を更新し、状況や情報が変われば現在にあわせて修正すべきです。 でも現実問題として、そこまでさかのぼって更新や修正をできるほうが稀で、結果とし
画像の使用を極力控えてかっこいいCSSデザインをやってみよう
Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは１人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問
CSSに見惚れてばかりじゃなくて、もっと私（HTML）を見てよっ！
と、htmlさんが嘆いている気がしたので、こんなサイトですがhtmlさんに付いて書きます。 ウチのサイトの一番の目的は「CSSって面白い！」って思ってもらい、興味を持ってもらう事にある訳ですが、次のSTEPに進む為にやっぱり通らなければならない道である（X）HTMLの正しい記述方法。 もちろん、CSSの勉強の前に（X）HTMLの理解をしてからが理想だと思いますが、ボクはソレがベストだとは思っていません。 何かを覚えるのに、「この順番で覚えなければ絶対にいけない。」なんて事は無いと思います。 ホントのビギナーさんは、CSSビギナー向けから、取りあえずCSSに触ってみるっていうのがボクのオススメです。 楽しんでナンボっす。 で、まぁ今回の対象となる方々は、テーブルレイアウトからCSSに移行した人で、（X）HTMLについては特に触れなかった人とか、Blogで初めてCSSに触れた人とか、CSSの魅
XHTML、CSS を学ぶ時の 6つの間違い
XHTML、CSS を学ぶ時にやりがちな間違いを私の個人的独断と偏見でつらつらと書いてみます。今から (X)HTML を学ぶのであれば、HTML よりも XHTML でしょということでタイトルや本文内では XHTML と書いていますが、ここは HTML に置き換えてもらっても同じだと思います。 1、とりあえず Dreamweaver を買ってくる 別に 「Dreamweaver」 だけに限らず、オーサリングツールさえ手に入れれば XHTML なんて簡単に習得できると思っている人は少なくない気がしますが、これは大きな誤解です。この誤解を抱えたまま 「オーサリングツールが使える = XHTML を理解している」 だと思い込んでいると後になって困ることになると思いますよ。 オーサリングツールは、コーディングスキルを補うツールではなく、コーディング作業を効率化するツールです。XHTML、CSS に
あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum
あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 ウェブ制作の現場を襲う大きな変化 CSSの真の姿で巷に流れる誤解を解く！ 書店のウェブ関連コーナーに圧倒的な物量で並ぶCSS関連の書籍。ウェブ制作の現場でもCSSがトレンドになりつつあり、現場は大きく変化し始めている。では、ウェブマスターにとってCSSを採用することのメリットとはなにか。また、こうした変化の最中には、数々の「都市伝説」なるものが生まれてきているようだ。ここではCSSの正体と都市伝説について検証する。 森川眞行（シリコンカフェ）＋CreatorsNet CSSとは「表現言語」CSS正式な名称はカスケーディング・スタイル・シート。シンプルにスタイルシートと呼ばれることもある。 ウェブページを作成する際に記述するHTMLとはウェブページを作成するための構造言語で、文書の骨格を作るためのものだ。これに対してCSSは表現言語とい
まだフォントサイズ固定ですか？
私がいつも読んでいる雑誌、DOS/V Magazine、これの2001/3/15号の/Vmag.CLINIC（P190～191）というコーナーに、このような読者の質問がありました。 「Internet Explorer5を使っていて、解像度は1280*1024ドットなのですが、文字の小さなWebサイトが見づらいので、ブラウザの文字を最大にしていますが、それでも変わりません。ディスプレイの解像度を下げる以外に文字を大きくする方法はないのでしょうか？」 …なるほど。これは私と同じような環境です。確かに私も悩まされています。この質問に対する回答に、次のような一文がありました。 「現在、主流のWebサイトではスタイルシートを使用しているため、Internet Explorerの[表示]→[文字のサイズ]では、殆ど文字の大きさの変わらないサイトが増えています」 …ちょっと待ってください。これは違いま
サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」:phpspot開発日誌
CSSTYPE - web safe typography on screen for pixel perfectionists サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」。 次のようなＵＩが用意されていて、フォントやサイズを選択すればすぐさまプレビューされ、確認を簡単に行うことが出来ます。 このサイトを知っておくことで、サイト構築時のフォントの表示調整にかなり役立ちそう。 確認できるのは、font, font-size, text-decoration, word-spacing, line-height, letter-spacing, text-align, color, background, width, padding, text-indent, button-text。 次の図は、実際のプレビュー画面。 letter-spacing とか line-h
ページをレイアウトしてみよう その3 CSSレイアウトに挑戦
■CSSレイアウトに挑戦 では、CSSでページ全体のレイアウトを決定する簡単な手順を確認しよう。基本的な部分は画像の配置について解説した回と同じである。現場で制作を担当する人ならもちろん、作業を統括する役目であってもこれくらいは理解しておいたほうが便利なので、ぜひ通読してほしい。 最終的にはこのようなスタイルになる予定だ。 ■ワイヤーフレームを作る 配色やグラフィックなど、ページの表現系を考える前に、全体をシンプルな矩形で分割して機能を割り当てるワイヤーフレームの作成を済ませておく。この設計図がCSS制作の土台だ。確認しながらソースコードを編集すると作業も進めやすい。ワイヤーフレーム上に反映させた矩形には、HTMLの部録レベルタグ用idにあたる記述（wrapperなど）も記載するとさらに便利だ。ちなみにidの記述方法は多くのサイトで共通の言い回しを使うことが多い。そうしておけばサイト制作に
Flashなしでもここまで作れる！：ITpro
Webプログラミングは，プロはもちろんアマチュアのプログラマの間でも，もはや欠かせない開発ジャンルの一つです。しかし，書籍や雑誌の解説記事のほとんどが，データベースがどうとか，サーバーサイドがどうとか，どうしてもディープな方向に進んでしまう傾向にあります。もちろん，それはそれで大切なことなんですが，いったい何割の人が，その技術を“自分の”ホームページに使っているでしょう。 最近話題の「リッチ・コンテンツ」にしても同様です。例えばFlash。たしかにActionScriptというスクリプト言語を使えば，動く，鳴る，つながると，いいこと尽くめです。でも，いかんせん「Macromedia Flash MX 2004を買ってきてね」とあっては，皆がみな使えるわけではありません。 Part1でも解説があったようにblog（ブログ）の認知度が上がり，利用率も増えて，プロバイダからの提供体制も整ってきて
Latest topics > CSSはモテるのか - outsider reflex
Latest topics > CSSはモテるのか 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 非モテ性に全ての罪をなすりつけること Main スーパーハカー » CSSはモテるのか - Sep 12, 2006 Shibuya.jsは参加者がほとんど全員男だったのに対してCSS Niteは（聞いたところによると）半分くらい女だった、ということから「CSSはモテ」「JavaScriptは非モテ」みたいな事をついつい言いたくなってしまうんだけど…… ちょっと待てよと。改めて考えてみたら自分、世間でCSSが流行りだすずっと前からCSS使ってたじゃないか。ていうか、CSS＝ダサイというのが定説だった時代に、CSSで格好いいデザインを実現できることを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
横幅について：メモランダム
http://mynotes.jp/blog/2007/04/no_reason
http://hpbuilder.net/diary/?date=20070314
http://e0166nt.com/blog-entry-42.html
usrb.in
セレクタ - CSS