終わる世界とコンテンツ 自分でゼロからCSSを書く時のおはなし。
112 users
自分でゼロからCSSを書く時のおはなし。 CSSの保守性と見通しを高めて、プロジェクトに対するモチベーションを維持するためにやってることをまとめてみました。 主にCSSを保守するのがめんどくさいという事に対する愚痴が書いてあります。完全な持論ですので「... 続きを読む
すべて表示
Geo for Bootstrap, a Timeless Theme by Divshot
103 users
A timeless theme for Twitter Bootstrap.Geo for Bootstrap A theme for Twitter Bootstrap, from Divshot. To get started, download the "bootstrap.css" or "bootstrap.min.css" file and include it in your HTML webpage <head> tag: <link href="bootstr... 続きを読む
すべて表示
GmailがハマったSPDYの落とし穴 - ぼちぼち日記
507 users
SPDY 1. SPDYブーム到来おかげさまで、ここ数日 SPDY が私の周りで非常にブームになってきています。 前回案内したSPDY＆WS勉強会は既に200名以上の申し込みがあり、今ではSPDYネタでブログを書くと非常に注目されるうれしい状況です。時代はまさに、 SPDYはハ... 続きを読む
すべて表示
Illustfolio - イラストポートフォリオサイトを一瞬で作れるTumblrテーマ
140 users
イラストポートフォリオサイトを一瞬で作ろう Illustfolioは、イラストのポートフォリオサイトに特化した無料Tumblrテンプレートです。 Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れます。 デモを見る 続きを読む
すべて表示
Adapting your WebKit-optimized site for Internet Explorer 10
21 users
Ensuring that your site works great on Windows Phone 8 is easier than ever, thanks to extensive HTML5 support in Internet Explorer 10. You might currently use WebKit on a site specifically optimized to support iOS or Android. Now, it’s very ... 続きを読む
レスポンシブ・ウェブデザインでの CSS コードの書き方
700 users
いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用したWebサイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSSのコードの配置 広... 続きを読む
すべて表示
Osaka.css #1 .discussion を開催しました #osakacss | REFLECTDESIGN
7 users
先週の土曜、約1年7ヶ月ぶりにOsaka.cssを「#1 .discussion」と題して開催しましたので、簡単に報告したいと思います。 参加者は、自分も含めて5名。 以前の20～30人くらいでやってたのと比べると異様に少ないですが、全員がきちんと発言できて、ガッチリ議論す... 続きを読む
HTMLにimgタグで書くべき画像、CSSで表示させるべき画像｜コラム アユダンテ株式会社
17 users
imgタグは画像のパスやalt属性のテキストなど、意外とファイルサイズを膨らませる原因となりやすかったりします。 SEOを意識してHTMLを最適化させる場合、HTMLのファイルサイズ軽減も一つの目標となります。その目標を達成するためにも、文書構造上「なくても文... 続きを読む
256個の.classを並べると#idを上書きできるらしい… | IDEA*IDEA
177 users
最新のブラウザで試してみたら本当だった・・・。実際やる人はいないだろうけど・・・よく見つけたなー。 ↑ こちらでインタラクティブに試せます。 こういう裏ワザで何かできそうな、そうじゃなさそうな・・・。 » 256 Classes Overrides One ID · CodePen 続きを読む
そのベンダー接頭辞はいつまで書くの？ | Unformed Building
142 users
ベンダー接頭辞(プレフィックス)については最近いろいろと議論が活発ですが、そういう難しい話ではなくて、現状の CSS についての話です。 新しい CSS モジュールを使うために、ブラウザごとに接頭辞をつけなくてはいけない場合があります。まあそれについては... 続きを読む
1 RT▼
1 RT
すべて表示
-webkit-border-radius なんて書いているWeb開発者は腹を切って死ぬべきである - hogehoge @teramako
221 users
CSS地獄の火の中に投げ込むものである。いや、まあそんなネタはどうでも良くて...そのベンダー接頭辞はいつまで書くの？ | Unformed Building書いてあることは至極真っ当なこと。もろ手をあげて賛成である。また、ベンダー拡張プリフィックスはそれそのものがWe... 続きを読む
すべて表示
Opera confirms WebKit prefix usage | News | .net magazine
42 users
Open web under fire as Opera argues author errors forced its hand Opera for mobile will soon add support for WebKit prefixes In February, we reported on a meeting of the W3C CSS working group, stating vendors were considering implementing Web... 続きを読む
すべて表示
CSS で作るスマートフォン向け片手操作メニュー | WWW WATCH
712 users
久々にこの手のネタ書いた気がしますけども... ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS... 続きを読む
すべて表示
Normalize CSS : necolas/normalize.css @ GitHub
219 users
Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles th... 続きを読む
すべて表示
納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー | コリス
669 users
まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 下記は各ポイントを意訳したもの... 続きを読む
すべて表示
CSSセレクタによる高速化、実際のところ « NAVER Engineers' Blog
64 users
突然のジョブズ氏逝去のニュースに驚きました。 windowsからmacに移って一年に満たないにわかマカーですが、ご冥福をお祈りいたします。 ネイバージャパンでマークアップを担当している富田です。 さて、今回はサイトの高速化について、とくに、MEひとりでも実... 続きを読む
HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか - かちびと.net
741 users
あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない ... 続きを読む
すべて表示
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 : Web Design KOJIKA17
909 users
Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。 Webサイトのパフ... 続きを読む
すべて表示
【HTML】最近のPCサイトに見るテンプレ要素まとめ | istis
1185 users
新卒入社2年目で、フロントエンドエンジニアをしています。阿部です。 いろいろなサイトのソースを見ていて、最近見るなぁと思った要素を勉強がてらにまとめてみました。 「IE対策」、「キャッシュ対策」、「高速化」、「ソーシャルメディア要素」、「スマート... 続きを読む
すべて表示
CSSセレクタを高速化する方法
86 users
AV女優.com では、来月に1つ機能追加したあと、新しいアダルトサイトを立ち上げる予定です。 次のアダルトサイトは画像を使わず、HTML5とCSS3だけで作成する予定です。 なのでHTML5とCSS3について勉強していたのですが、どうせならCSSとjQueryについても一緒に... 続きを読む
すべて表示
Stylus
95 users
CSS needs a herobody { font: 12px Helvetica, Arial, sans-serif; } a.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } What if we could omit braces?body font: 12px Helvetica, Arial, sans-serif; a.button -webki... 続きを読む
すべて表示
Eric's Archived Thoughts: Resetting Again
160 users
I’ve been pondering reset styles over the past few months, and come to a bit of a shift in my thinking. Here’s the result of that thinking. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, ... 続きを読む
すべて表示
iPad向け3つのCSS Tips - aduca
37 users
iPadを相手にする。と考えれば案外いろいろな制約を考えずに済む。CSSを書くときに一番面倒なのは複数のブラウザを相手にすることだからだ。(viewportとかいう実に厄介な概念がなければよりよい) んでそんな時に心に留めておくとそこそこ便利tips nth-childとか... 続きを読む
Tutorialzine - PHP MySQL jQuery CSS Tutorials, Resources and Freebies
95 users
Tutorialzine is the one place for high quality tutorials, resources and frebies. Learn bleeding edge techniques in web development and design, download open source components and participate in the community.Today we are making a cool & simpl... 続きを読む
jsdo.it - Share JavaScript, HTML5 and CSS
3040 users
jsdo.it - share JavaScript, HTML5 and CSS - jsdo.it is a service to write JavaScript, HTML5, CSS in your browser and share it. You can copy and modify others' code. And also Ask questions about JavaScript, HTML5, CSS 続きを読む
すべて表示
電子書籍ファイルePubについて -ePubを自分で作成する- « lab.naoki.sato.name
409 users
2010年代に突入して半月強、Kindleの国際展開やACCESSによる携帯電話での提供など、心なしか日本における電子書籍に関する話を目にする・耳にすることが増えたような気がします。個人的には昨年末にSony Readerを購入したこともあり、日本でもアメリカのように... 続きを読む
すべて表示
yuga.js 0.4.2 - 優雅なWeb制作のためのJS｜CSS HappyLife
78 users
通常のロールオーバー 動作テスト サンプルのソース <p> <img src="./img/yuga/btn_more.gif" alt="more" class="btn" /> </p> 説明 img要素にclass="btn"が有る場合、src属性を「_on」付きのものに差し替える [New]グループ化されたロールオーバー 動作テスト ... 続きを読む
20 Beautiful Tumblr Themes
50 users
Sure, Tumblr supplies you with pre-made themes you can use on your blog, but why stick with just those provided to you? There is a growing community of designers out there creating some very cool free themes you can install on your site, givi... 続きを読む
すべて表示
Amazon.co.jp： 実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~: 市瀬 裕哉, 福島 英児, 望月 真琴: 本
132 users
実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~ (大型本) 望月 真琴 (著), 市瀬 裕哉 (著), 福島 英児 (著) 続きを読む
「CSSの基本的な話。」の話。 | ykhr
117 users
「CSSの基本的な話。」について、必要を感じて、エントリーの解説をしておきます。 細かい技術や仕様についての話は、調べたり、街角で僕を見つけて攻撃するなどしてください。 前段 とりあえず仕様。 たまにCSS Niteなどのイベントに行くと、意外と読んでいな... 続きを読む
すべて表示
ウェブブラウザなんかに気を遣わなくてもいい理由 (agenda)
174 users
いつの間にか2009年になってしまった。 IE6に気を使わなくてもいい理由とか「そういう系」 の話を聞くと、なんで非営利個人サイトが自分の嫌いなウェブブラウザなんかに一々気を遣わなきゃならないんだとか思う。もちろん気を遣うのには色々理由があるだろう。... 続きを読む
すべて表示
CSSの基本的な話。 | ykhr
715 users
CSSの仕様というかプロパティ覚えて、これくらいだけ分かってれば、基本的には困らない気がする、ということのメモ。 とりあえず仕様。 英語アレルギーの人は1とか2の邦訳をググりつつ、でも原文と一緒につきあわせつつ。 マニアックな（？）単語に詳しくなるチ... 続きを読む
すべて表示
How to map CSS selectors to XPath queries // plasmasturm.org
33 users
Over in the use Perl journals, Tatsuhiko Miyagawa wondered whether CSS selectors can be translated to XPath – which, of course, they can. Like him, however, I discovered that there isn’t any easily found table of equivalents that shows how ... 続きを読む
すべて表示
git – vimperator labs
1 user
4 The contents of this file are subject to the Mozilla Public License Version 続きを読む
みんな、スタイルシートやPNGを使わなきゃいけない？
5 users
[上に] [前に] [次に] とほほ 2000/03/05(日) 03:05:13 このトピックは、下記のトピックの延長です。 ../200002/00020432.htm ../200002/00020478.htm まぁ、要は、W3Cが提唱しているスタイルシートやPNGを、我々は 使うべきなのか、使わないべきなのか・・・と... 続きを読む
すべて表示
Firefox拡張機能（Extention）の簡単な作り方メモ at HouseTect, JavaScripter Blog
840 users
Firefoxの拡張はJavaScript、CSS、XMLを使うことにより自作することができるのですが、意外と敷居が高くそこまでドキュメントなんかも豊富ではないので、自分用のメモとして簡単な作り方レシピを残してみようと思います。 開発用のプロファイルを作成する 既存... 続きを読む
すべて表示
HTML Color Chart
51 users
HTML の規定に従うかぎり、これら以外の色を使うには RGB 値を指定しなければならないことになる。たとえば「<font color="#a52a2a">茶色</font>」のように書く必要があるわけだ。結果は「茶色」となる。 2. Color Names Supported by Browsers HTML の仕様には... 続きを読む
jQueryとFluidベースの軽くて容易にカスタマイズ可能なTwitterクライアント『twoot』 | Macの手書き説明書
8 users
軽くて、見た目をカスタマイズできるTwitterクライアントをお探しならば、twootはどうでしょう。 とってもシンプルかつ、Growl対応なので呟きを見逃すこともない。 そしてhtml、CSS、jQueryで構成されているので、プログラミングがわからないデザイン畑の人も、... 続きを読む
良いデザインを行うためのCSSの下地を作ろう（1/3） - ＠IT
95 users
有限会社タグパンダ 喜安 亮介 2008/10/7 カッコイイWebデザインには、CSSの下地があると便利です。CSSの基礎知識として、HTML/XHTMLの違いから説明します（編集部） 連載第1回の「ちょっとサイトをステキにするCSSの基本」はいかがでしたでしょうか？ 前回はCS... 続きを読む
すべて表示
Go Sign［ゴーサイン］ cssの書く順序
31 users
cssの書く順序 投稿日： 05.22.2008 カテゴリー： Web制作 コメント・トラックバック： 0件 cssの書く順序を統一したい場合は、Mozilla.orgが設定している順序がおすすめです。 ■Mozilla.orgが設定している順序 http://www.mozilla.org/css/base/content.css /... 続きを読む
YUI Libraryを用いたCSSベースのレイアウトに移行する - builder by ZDNet Japan
20 users
YUI Libraryの一部であるYUI Grids CSSは、ページをレイアウトするための強力な機能を備えている。この記事では、YUI Libraryを使ってCSSベースのレイアウトを行う方法について説明する。 最近既存のウェブアプリケーションに大きな変更を施す新しいプロジェク... 続きを読む
A List Apart: Articles: Accessible Data Visualization with Web Standards
2 users
We’ve been talking about Web 2.0 for so long now it’s already passé to argue about what it means and what it doesn’t. But one thing’s for sure, there’s a lot of data out there on the web these days. And as web designers, we’re designing... 続きを読む
tumblrの表に表示される画像をトリミングしてみた - Hetaruの日記
36 users
すべて表示
グラデーション角丸＋リキッドレイアウトをCSSでコーディングする時の考え方 | Blog hamashun.com
61 users
追記 2007-11-03 サンプルのDLを追加 ご注意 この記事は、「考え方」を紹介する物です。 「サンプルソースをコピペして使いまわせる！」という類の物ではありませんので、ご注意ください。 魔の角丸 マークアッパーの頭を悩ませるデザインの一つに、角丸があり... 続きを読む
すべて表示
CSSと画像で吹き出しをつくる方法いろいろ | DesignWalkerのタネ
27 users
CSSと画像を使って、吹き出しを作る方法がいろいろ コメントの部分とか、引用の時とかに使えそうですね。。 1. WillMayo 2. CSSplay 3. XHTML Speech bubble comments 4. Curvy speech bubbles 5. Gamexe 元記事はこちらから 『5 Popular CSS Speech Bubbles | ... 続きを読む
ナビゲーションメニューCSSセットをダウンロードできる『13Styles.com』 - Chocolate（チョコレート）
60 users
13Styles.comはCSSのウェブサイト ナビゲーションメニューをダウンロードできるサイトです。 CSSコード、HTMLコード、そしてイメージファイルを全て用意されています。 あとは、自分のサイトに貼り付けるだけです。 有名なサイトのような、クールなナビゲーシ... 続きを読む
すべて表示
Color Design Blog / Ultimate HTML Color HEX Code List by COLOURlovers
39 users
HTML 3.2 specifications identified sixteen colors that can be used by name to define color in HTML and CSS. But don’t worry you can use more than sixteen colors in HTML… you’ll just need to know the six character HEX values and we’ve list... 続きを読む
Technicolor web colour designer
90 users
The Man in Blue Experiment Technicolor Date created 17 February 2004 Date last modified 7 April 2004 Help Instructions Discussion Visit the discussion 続きを読む
すべて表示
CSS Coding Guideline
88 users
CSS Coding Guideline 移動のお知らせCSS Coding Guideline 移動のお知らせ この度、CCGは移動いたしました。CSS Coding Guideline何卒よろしくお願い申し上げます。 続きを読む
すべて表示
CSSでWEB2.0風ボタンを作成するサンプル:phpspot開発日誌
157 users
filament group inc. || Styling the Button Element with Sliding Doors Particle Tree recently posted an article describing a technique they've come up with the style the button element. For those who aren't familiar, form buttons are notoriousl... 続きを読む
すべて表示
