background preloader

Web

Facebook Twitter

Css Zen Garden: The Beauty in CSS Design. W3C Introduction. Page last changed today See section 8A of the book for a general introduction; sections 8B through 8E for detailed treatments of the methods and properties discussed on this page. The Level 1 DOM is supported by Mozilla, Explorer 5, Konqueror, Opera 5+ and Ice Browser. The Document Object Model (DOM) is the model that describes how all elements in an HTML page, like input fields, images, paragraphs etc., are related to the topmost structure: the document itself.

By calling the element by its proper DOM name, we can influence it. On this page I give an introduction to the W3C Level 1 DOM that has been implemented in the newest generation of browsers. First some words about the DOM Recommendation and the purpose of the DOM, then I teach you what nodes are and how you can walk the DOM tree from node to node. The Recommendation The Level 1 DOM Recommendation has been developed by the W3C to provide any programming language with access to each part of an XML document.

Nodes If you do x.parentNode. jQuery: The Write Less, Do More, JavaScript Library. Pushing Your Limits. Features CSS3. Advertisement By Chris Spooner There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your everyday client projects for another few years, but for design blogs and websites aimed at the Web design community, these features can help you push the boundaries of modern Web design today, adding that extra spice to your design and helping the industry move forward.

Here are five techniques snatched from the future that you can put into practice in your website designs today. 1. Probably the most common CSS3 feature currently being used is border-radius. -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; Border-radius can also be used to target individual corners, although the syntax for -moz- and -webkit- is slightly different: See also: 2. 3.

Как нужно верстать? По одному из проектов меня попросили написать бумажку, которую можно давать верстальщикам-фрилансерам, чтобы вкратце объяснить, чего от них хотят. Я на самом деле не считаю себя особо большим спецом по верстке, так что получилось довольно сумбурно и местами спорно (иногда проскальзывает специфика проекта, но думаю это некритично). Результат решил опубликовать в блоге, так как возможно многим она может показаться полезной, плюс очень хотелось бы послушать критику и дополнения в комментариях.

Источники информации — различные статьи и блоги + личный опыт. Ссылки приводить не буду, так как подробная информация по любой из тем легко гуглится. HTML5 Template.