CSSで絵を描く！？今日から作れる達人のコツをご紹介
はじめまして! HTMLファイ部(内定者)の、のびーです。 4月の入社に向けて、せっせと勉強をしているアルバイターです。 jsdo.itでは、なんと本日、「HTML5実力テスト 応用編」をリリースしました！！ http://jsdo.it/blog/2013/01/html5cat-update.html リリースを記念して、テスト問題にも出題される、「CSSで絵を描く」ことをテーマに記事を書いてみます！ ※ 文中の例について、ChromeとFirefoxとOperaいずれの最新版とIE10が対応しています。 CSSだけで絵を描く!? さて突然ですが、こちらのイラストをご覧下さい。 はい、絵本に出てきそうな、おひさまです。 そしてこのイラスト、実はCSSだけで描かれています。 「CSSって、Webのレイアウトをするためのものじゃないの?」、と思う方もいるかとは思いますが、 断言します。いま
HTML入門 (1994/2/8 改訂)
はじめに このドキュメントは、World Wide Web で使われるマークアップ言語、 HTML によるドキュメント作成の入門書です。 なお、このドキュメントは、NCSA によって提供されている、 "A Begginer's Guide to HTML" を日本語訳したものです。 なお、一部省略してあるところや、書き加えたところなどもありますので、御了承ください。 なお、翻訳の間違いの指摘、用語の不適切な使用など、質問や意見がございましたら、 t93287nt@sfc.keio.ac.jpまでメールでお願いします。 目次 用語説明 最小限のHTMLドキュメント 題名(タイトル) 章(ヘッディング、セクション) 段落(パラグラフ) 他のドキュメントへのリンク Uniform Resource Locator (URL) 他のドキュメントの特定の場所へのリンク 同じドキュメント内の特定部分へ
嗤うプログラマー: 蕎麦屋の暗号
2012年2月12日日曜日 蕎麦屋の暗号 蕎麦屋の暗号というと、例えば落語に出てくる蕎麦屋は必ず勘定が16文なのだけれども、それは二八蕎麦から２×８＝16で16文というシャレの符牒である。 というハナシではないことを予めお断りしておく＜なんだよ 山下洋輔氏の本で紹介された松本のお蕎麦屋さん ジャズピアニストの山下洋輔氏は無類の蕎麦好きだそうで、蕎麦が好きであることと、馴染みの蕎麦屋についてうんちくを語れることを日本人の条件とした方が良いというようなことをネタとしておっしゃられたりする方である。 そんなわけで各界のそうそうたる面々に蕎麦について語ってもらったものをまとめた「蕎麦処 山下庵」という本を出しておられたりする。おなじみの筒井康隆氏、椎名誠氏、タモリ氏はじめ、いろんな方々が蕎麦について語っておられており、意外と日本には蕎麦の周辺文化 (蕎麦のうまいまずいだけではない) が浸透していな
Google chrome extension(拡張機能)を開発してみた | スマートネットワーク 開発ブログ
Google chromeの拡張機能について書かれた記事をよく見かけます。「Google chromeの拡張機能は開発がとてもカンタン！」ということが書かれていたので、それならちょっと作ってみようと思いました。 Google chromeのベータ版をダウンロード 以下のURLよりGoogle chromeのベータ版をダウンロードします。 Google Chrome（BETA） 開発用フォルダを準備する 好きなところに開発用のフォルダを作成します。 私はC:\work\chrome-extというフォルダを作成しました。この中に拡張機能ごとのフォルダを作成していきます。今回はhelloworldという名前の拡張機能を作ってみることにします。 必要なファイルを作成 Google chrome拡張に必要なファイルを作成します。 最低限必要なのは以下の三つです マニフェストファイル アイコン画像ファ
Web design and development articles and tutorials for advent
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more Drew McLellan puts the chairs up on the tables, sweeps the floor, and closes off our season, and indeed the entire 24 ways project with a look back at what it’s meant to run this site as a site project,
Bos138
🎰 Game Online, 🎲 Angka Jitu, 🏆 Pertandingan Bola, 💸 Permainan Kartu Game Bos138 menawarkan berbagai jenis permainan slot yang tidak hanya menarik dari segi visual namun juga menjamin keamanan dan keadilan bagi para pemainnya. Di era digital ini, kepercayaan menjadi aspek penting dalam pemilihan situs judi online, dan Game Jackpot berupaya keras untuk memenuhi ekspektasi tersebut dengan menyedi
HTML5 presentation
This presentation is an HTML5 website Press → key to advance. Zoom in/out: Ctrl or Command + +/- Having issues seeing the presentation? Read the disclaimer HTML5* Web Development to the next level *Including other next generation technologies of the Web Development stack Rough Timeline of Web Technologies 1991 HTML 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 4 1998 CSS 2 2000 XHTML 1 2002 Tablel
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://christopheviau.com/d3list/
The W3C Markup Validation Service