background preloader

Vendor-prefixed CSS Property Overview

Vendor-prefixed CSS Property Overview

Related:  HTML5 & CSS3html5/css3CSS

Web Education Community Group Welcome to the Web Education Community Group Wiki! This page contains resources to help you teach or learn modern web development: The first section — The web standards curriculum — is a series of tutorial articles covering web design and development high level concepts, and essential technologies such as HTML, CSS and JavaScript. This is ideal for beginners wanting to learn the art of web design, or teachers looking for accurate material to use as the basis of teaching material. New HTML5 structural tags What is HTML5? HTML5, the latest version of the Hypertext Markup Language (HTML), is the most radical revision of the language to date. It introduces many new features in a variety of areas. Some of the more notable additions include:

CssDeck Alternatives AlternativeTo AlternativeTo is a free service that helps you find better alternatives to the products you love and hate. The site is made by Ola and Markus in Sweden, with a lot of help from our friends in Italy, Finland, USA and contributors from all over the world. Floats and clearing - Web Education Community Group Introduction In this article of the Web Standards Curriculum you will get acquainted with floating and clearing—two must-have tools for the modern web designer. They are versatile tools that you can use to allow text to flow around images or even create multi-column layouts. What are float and clear for? If you look in a typical magazine you’ll see images illustrating the articles, with the text flowing around them. The float property in CSS was created to allow this style of layout on web pages.

Get Ready for HTML 5 With support in Chrome, Firefox 3.5, Opera, and Safari, HTML 5 is coming at you like a runaway train. Here are some suggestions to help you prepare to get on board rather than be left at the platform or tied to the tracks. See what others have done#section1 Article Continues Below Most popular smartphone screen resolutions 2015 The first 4K (2160 x 3840) smartphone, the ZTE Star 3, is reportedly on the way, and thus perhaps 4K will become the new standard for mobile device screen resolution. However, lower resolutions are currently the most popular in the smartphone world. Check out the most recent statistics on top smartphone screen resolutions in 2015 based on browser hits. The number of dots on the screen Screen resolution provided by the device manufacturer defines the number of pixels (the tiniest addressable points) available on the screen, and it is usually quoted as width × height. Generally speaking, more dots allow designers to fit more content on the screen, such as GUI elements, apps, and websites.

CSS positionnement statique et relative - Éducation Web Community Group Introduction In this Web Standards Curriculum article I’ll start looking in depth at how you can use CSS to position HTML elements wherever you want on the page, using the position CSS property and some related properties. The position property in CSS has four legal values (in addition to the ubiquitous inherit): static, relative, absolute and fixed. The main element Recently, <main> was formally added to the W3C HTML specification. Now that the dust has settled, it’s about time we dive in to find out where and when it’s appropriate to use <main>. Let’s get started. History The inclusion of a main element (or similar) has long been debated in the working groups with authors and others often questioning why we had new elements such as <header>, <article>, and <footer> but no element to accurately describe the primary content of a page.

CSS absolute and fixed positioning - Web Education Community Group Introduction Now it’s time to turn your attention to the second pair of position property values—absolute and fixed. The first pair of values—static and relative—are closely related, and we looked into those in great detail in the last article. Absolutely positioned elements are removed entirely from the document flow. The History of HTML5 Thank you for subscribing. We sent an email, please click the link to complete Tell your story visually before December 31st and get a free iPad Air! Right Click Logo to Show Logo Download Options I was on the Invision website the other day and I wanted to snag their logo for some reason or another. Sometimes you can have better luck doing that (like when you happily discover it's SVG) than you can Google Image Searching or even regular web searching for something like "Invision Logo" and loping to find some kind of branding page with a logo kit download. So I right-clicked their logo, hoping to "inspect" it with the DevTools and check it out. Rather than showing me a context menu, it triggered a modal: I was pleasantly surprised, because that's exactly what I wanted.