background preloader

CSS: Current Work

CSS: Current Work
Ex­pla­na­tion of col­ors & status codes W3C indicates the maturity of specifications by a status code. The CSS working group uses the following, from least to most stable: The names are defined in sections 7.3 and 7.4 of the W3C process document. The informal stability levels used to group the specs are defined in this 2007 description of CSS stability levels. If you want to help Everybody can take part in the discussions on the archived mailing list www-style@w3.org. On the mailing list, you will be talking to many people, many very busy people. If you are sending comments on a specific CSS module, please prefix the subject of your message with the appropriate spec code (given in the “Status of this document” section) in brackets, e.g. Laurens Holst (a.k.a. If you work for a W3C member organization, you can also join the CSS working group and see drafts before they are published. About the test suites The test suites have their own archived mailing list public-css-testsuite@w3.org. Related:  HTML 5CSS

HTML5 se dévoile - Alsacréations Le brouillon officiel (working draft) de HTML5 a été publié officiellement le 23 avril 2009 et depuis de nombreuses avancées ont été accomplies, les navigateurs supportant toujours plus de fonctionnalités et de nouveautés. La nouvelle génération du langage de balisage HTML remplacera à long terme HTML 4, XHTML 1.x et XHTML 2 qui a été abandonné. Profitons de cette occasion pour faire un tour d'horizon de cette nouvelle version de HTML. Consultez également toutes nos autres ressources HTML5 Qu'est-ce que c'est HTML5 ? Comme son nom l'indique, HTML 5 est le successeur de HTML 4. Le W3C c'est quoi déjà ? Le World Wide Web Consortium, abrégé W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. Quelles sont les nouveautés ? <aside> Welcome! Les balises principales Doctype Le doctype est simplifié : Section Article Aside Nav

[讀書筆記] CSS 基礎技巧懶人包 前幾天 Code School 的 CSS Cross Country 課程釋出了。這一集是我相當期待的一集,整理和澄清了非常多「非常基礎但如果觀念不好」就會搞得一塌糊塗的 CSS 知識。 看完把筆記整理在這裡,不過相較於原網站,我寫的算是非常簡陋的版本。 我相當強烈推薦大家購買回去和練習,相信會對自己的 CSS 掌握能力有高度的提升。 Ch1 Style 生效的位置 inline style在 <head></head> 裡面external link: 如 link rel="stylesheet" href="style.css" Selectos Element selectorClass selectorID selectorCompound selector : h1#header Advanced Selector ref: Taming Advanced CSS Selectors #sidebar h2— 0, 1, 0, 1h2.title — 0, 0, 1, 1h2 + p — 0, 0, 0, 2#sidebar p:first-line — 0, 1, 0, 2 cascade order 優先權照 external <link><head>inline style! Float 定義 把元素從傳統的 document flow 中移除,然後浮動掛在指定的邊界上。 種類 float: leftfloat: rightfloat: none Stacking order 浮動的元素從 parent 的左/右邊界開始排,不夠放的話會找另下一個可以停泊的邊界繼續排如果浮動的元素高度不同,例如左邊的特別長,旁邊的元素的比他短,則下一個停泊的不會是左邊界,而是會停在左邊元素的右邊。 floating left & right 同時使用 float:left 與 float:right,寬度夠的話,會分列兩邊。 Ch2 clearfix 為什麼要使用 cleafix 狀況一:float 元素可能比旁邊的非 float 元素高。 常用 clearfix 技巧 但這一招移動 div 順序就會爆炸背景和邊界不會被展延 失敗! 需要塞一個空的 element看起來很礙眼 正解技巧 ( self-cleared ) .group 要下在 parent node Inheritance & Specificity 優先權算法 定義

css Zen Garden: The Beauty in CSS Design Can I use... Support tables for HTML5, CSS3, etc Style Master CSS Editor for Windows and Mac OS X Ce que nous réserve CSS3 en 2010 - Alsacréations L'écriture des spécifications CSS progresse à grands pas, et la version 3 comporte déjà plusieurs modules implémentés dans les navigateurs récents. L'année 2010 verra certainement nos habitudes changées par les nouvelles possibilités offertes en CSS 3. D'ores et déjà de nombreuses utilisations concrètes voient le jour. Vous pourrez constater l'état d'avancement des différents modules CSS sur la page récapitulative Cascading Style Sheets : Current Work. Des coins arrondis Du Web 2.0 avec style La propriété border-radius arrondit les angles de n'importe quel élément HTML, sans avoir besoin d'images ni de JavaScript. Using Rounded Corners with CSS3 (EN) Créer des coins arrondis en CSS et sans images CSS: border-radius and -moz-border-radius (EN) La gestion de l'opacité La transparence enfin maîtrisée ! L'interprétation des images transparentes en PNG (24 bits) est une première délivrance pour les web-designers qui pourront mettre en œuvre plus de créativité. Les arrière plans multiples Les ombrages

網頁工程師一定要知道的 14 個超棒 HTML/CSS 框架 專業的網頁設計是既複雜又耗時的。它需要 HTML 和 CSS 框架的完美結合。這些框架不僅可以為設計方案增加特定的功能,還可以大大地節省時間和精力。 高效的框架不僅是網站設計的基礎,它提供的各種豐富多彩的功能,還提高整體的功能和性能。 所以,如果你正在尋找一些高效的 HTML 和 CSS 框架,那麼不妨繼續看下去——眾裡尋他千百度,驀然回首,那人卻在燈火闌珊處。 1)CSS 框架——Gumby Gumby 是最好的框架之一,配備了各種有用的和有效的功能。 官方網站: 2)CSS 框架——Semantic UI 框架 Semantic UI 也是一個非常有用的網頁設計框架。 官方網站: 3)CSS 框架——YAML 框架 下面要說的是 YAML。 官方網站: 4)CSS 框架——blueprint 在網頁設計項目中,blueprint 框架也是一個不錯的助手。 官方網站: 5)CSS 框架——Toast Toast 是一種可靠的 CSS 框架,可以使得佈局更簡單,並允許用戶輕鬆地添加填充物和邊框。 官方網站: 6)HTML 和 CSS 框架——Bootstrap Bootstrap 是現在網上最流行的 HTML、CSS 和 JS 框架。 官方網站: 7)Web 框架——Kube Kube 框架也是網頁設計過程中的重要組成部分。 官方網站: 8)CSS 框架——Columnal columnal 框架是一個有效的 CSS 網格系統,並有少許的自定義代碼。 官方網站: 9)CSS 框架——Pure 還有一種高效的網頁設計框架是 Pure。 官方網站: 10)HTML/ CSS 框架——Clank Clank 是一款用於手機和平板電腦 app 的 HTML/ CSS 框架。 官方網站: 11)HTML5 和 CSS3——52Frameworks (本文轉載自《碼農網》)

/* Position Is Everything */ — Modern browser bugs explained in Comparison of layout engines (Cascading Style Sheets) The following tables compare CSS compatibility and support for a number of layout engines. Please see the individual products' articles for further information. Unless otherwise specified in footnotes, comparisons are based on the stable versions without any add-ons, extensions or external programs. Explanation of the tables[edit] Engine nomenclature[edit] Rather than the names of web browsers and HTML to PDF converters, the names of the underlying engines are used. Values[edit] Values indicate the level of support in the most recent version of the layout engine, or (if a version number is given) in the specified version. ! @import — Whilst Gecko, WebKit and iCab download all media stylesheets immediately, Opera only downloads handheld, print, projection and screen media, as well as speech if "voice" feature is enabled and TV, on TV devices. :read-only and :read-write — Both Presto and KHTML handle the case of the contenteditable attribute incorrectly.

#eCSStender.org { content: "Homepage"; } Osez HTML5 et CSS3 ! - Alsacréations Un site perso en fil rouge Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...). Voyons en détails le cheminement et les écueils de cette intégration... Les Grands Anciens Rappel historique Avant de nous lancer dans le vif du sujet, rappelons certains points essentiels. Fort heureusement, cela n'empêche pas les navigateurs récents de se lancer dans l'aventure en proposant des implémentations de propriétés considérées comme "sûres". A l'heure actuelle, quasiment tous les navigateurs modernes reconnaissent les propriétés CSS3 ou HTML5 employées dans cet article.

The 10 Best CSS Editors of 2015 CSS editors are sometimes hard to come by. So we put together a list of some of our favorite editors for 2015. If you have any other programs you like better, lets us know! Stylizer Stylizer is a free Windows & Mac CSS editor with 8 built in web browsers. Editr Editr is a very interisting and different editor that is hosted on your web server. TopStyle CSS TopStyle CSS is a Windows only CSS editor that has great HTML5 and CSS3 support. Rapid CSS Rapid CSS is another Windows only editor that will set you back $29.95. Espresso Espresso is a beautiful CSS editor for Mac only. Stylesheet Maker Stylesheet Maker for Windows is a very basic CSS editor. Simple CSS Simple CSS is just that. Notepad++ Notepad++ is a common text editor that has become popular as a replacement for the default notepad on Windows. Coda 2 is a $99 Mac only IDE. Auduo CSS is another free Windows CSS editor.

CSS support chart This page lists supported CSS selectors , properties , @-rules , Media queries and values in alphabetical order. The "supported since" column indicates the Gecko version number in which support was introduced; versions prior to Gecko 1.0 are listed as 1.0. Gecko is the rendering engine used in Firefox and other applications; please see Gecko for more information about Firefox and Gecko version numbers. The "specification" column links to one of the specifications in which the feature was first specified. However, in many cases, the feature in also specified, and extended, in newer specifications. Mozilla CSS extensions (those prefixed with -moz- ) are mentioned in the "Notes" column to provide bug numbers and other hints regarding CSS support. Warning: Various specifications are still Working Drafts and several properties can be deleted, changed or renamed. If you think you have found a bug in Mozilla's CSS support, please create a minimal test case and file a bug . Selectors Properties

Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8

Related: