お待たせいたしました! コーディングコンテストVol.1にて、最優秀賞を獲得されました、にんさんのデータを公開します! 受賞者の一覧はコンテストの結果とLP3を終えてを見てください。 index HappyLifeマシン 一式ダウンロード 追記にて、profile.txtに記載して頂いた情報や、審査員の方々からのコメントを掲載いたします。 profile.txtの内容 お名前 にん サイトURI http://totoco.org/ 年齢 29歳 職業 Web屋 CSSによるコーディング歴 2年4ヶ月 作業環境関連のデータ(OS、オーサリングソフト、エディタ) OS / Windows XP Professional Soft / Dreamweaver8 , EmEditor おおよその作業時間 24時間 苦労した点 普段デザイン~コーディングまで一人で行うのですが、全く別の方の(社外の
ここ最近でCSSハックをしっかり覚えようと思っていろいろ試しにFirefoxやIEのCSSハックをしっかり使ってみようということで。 ここはどうしてもハックかけないといかん!というときはありますよね。CSSハックは便利でした。使い方さえあやまらなければ。 IE6のみに適用させる * html div { } IE7のみに適用させる *+html div { } スターハックと呼ばれる代物です。 IE6以外のモダンブラウザのみ適用 html>body div { } IE6、7以外のモダンブラウザのみ適用 html>/**/body div { } OperaとSafariのみ適用 html:first-child div { } Safariのみに適用 html*div { Safariのスタイル } Safari以外のみに適用 * html div { Sa
HTMLタグは、若干の例外はあるもののそのほとんどがブロック要素(block element)、インライン要素(inline element)と呼ばれる要素のどちらかに分類される。 一般的にはブラウザ表示時に前後に改行がはいるものがブロック要素、いらないものがインライン要素と区別されるが、CSSを使いこなす上ではこの両者の違いをもう少し具体的に掘り下げて学ぶ必要があるだろう。 ブロック要素 (block element) 概要 ボックス要素とも呼ばれる。 高さと幅を持ち、ほぼ全てのスタイルプロパティが使用できる最上位要素。 特長 ほぼ全てのプロパティが有効 width,height,margin,paddingを持ち、タグ前後に改行が入る witdhとheightを指定がない場合、widthは親要素に、heightは子要素に依存する 該当タグ P / H1 / H2 / H3 / H4 /
url_breaker について Firefox 3 では、デフォルトでURL文字列が折り返し表示されるようになります。 Firefox 3 以降では url_breaker の導入は不要です。 Firefox 2では URL文字列の折り返しが行われないため、長いURLが書かれていると レイアウトが崩れたり横スクロールが発生したりします。 このスクリプトは、記号文字の後ろに自動的に<wbr>タグを挿入することにより、 URL文字列を折り返し可能にします。 テスト用URL(リンク有)→ http://www.asukaze.net/soft/url_breaker/#long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long-long
tableの膨張を防ぐ【css tips】 table要素の中に、半角スペースなどの区切り文字が存在しない英数字を入れると、td要素やth要素に設定しているwidthプロパティの長さ以上に、tableが膨張されてしまいます。 サンプル 特に、Firefoxは記号を区切り文字として認識しない為、長いURLなどを入力するとすぐに発生します。 サンプル これについていくつか解決方法があります。 table要素ではなく、div要素で書く まず、最初にためすべき方法です。 table要素に固執する必要がなければ、このようなことで頭を悩ませる必要はありません。 改行したい所にbr要素やスペース 抜本的な解決方法になります。 しかし、当然表示をコントロールする為に構造をいじることは、web標準の考えからは反します。 word-break:break-all; IEの場合はword-break:break
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a
もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった! これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう!好きな恐竜 なんで恐竜!?って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...! 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月~8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです! 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公
CSSでデザインされたサイトを集めた「csstux」は、CSSを使ってかっこよくデザインされたサイトがいろいろノミネートされており、それぞれにトラックバックを送ったり、コメントを付けたりすることが可能です。また、各サイトはレートによる格付けがされているので、人気の高いデザインがどれなのかもすぐにわかるようになっています。 これ以外にも同様のサイトはいろいろあるので、知る限りのCSSデザイン格付けサイトをまとめてみました。ウェブデザインの際の参考になるのではないかと。 今回最初に紹介する「csstux」はこれらのCSSデザイン格付けサイトの中ではかなり新参の部類なので、知らない人も多いのではないかと。 以下のフォームから自分のサイトをノミネートさせることも可能です。 csstux - Submit your site 2つめは「CSSElite」 ノミネートするには以下のページに書いてあるメ
Modern, well-designed web pages deserve special focus in internet. They receive that thanks to so-called CSS galleries, into them are such pages arranging. On this page you can find a list of quite 44 CSS galeries of whom webdesigners from all the world gathers inspiration. 個人的には下記のサイトなんかよく利用させてもらってます。 CSS Beauty CSS Bloom CSS Blast CSS Drive CSS Mania CSS Remix CSS Vault Darkeye Design Shack Unma
実践 Web Standards Design が電子書籍になりました 概要 拙著「実践 Web Standards Design」通称ホップ本の電子書籍版が改訂新版として10月3日に発売になりました。 公開日 2011-10-03T19:31:53+09:00 URI https://www.lucky-bag.com/archives/2011/10/wsd-epub.html カテゴリ Misc タグ Book CSS HTML XHTML NAVER Japanにジョインしました 概要 10月1日付けでネイバージャパン株式会社に入社してましたというご報告です。 公開日 2009-11-01T17:56:23+09:00 URI https://www.lucky-bag.com/archives/2009/11/joined-with-naver.html カテゴリ Misc タグ
世の中には (X)HTML + CSS の素ん晴らしいデザインでレイアウトされている方なんつうのはそりゃ沢山いるわけで、そんなサイトを集めたデザインギャラリー(ショーケース)サイトってのを見ていると、おいおいフォトショップ腕自慢かよって感もあるけど、結構インスパイアされたりされなかったり。そんな CSS デザインギャラリーサイトで自分が知っているものをちょっとまとめてみた。(ちなみに順不同) CSS Vault » The Web's CSS Site CSS Beauty | CSS Design Showcase Unmatched Style | CSS Design Gallery and Design Inspiration. CSS Drive css thesis: sites, that's all. » screenspire.com | the leading full
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く