background preloader

Apprendre le HTML5 – Tutoriel Complet

Apprendre le HTML5 – Tutoriel Complet

Related:  HTML5 & CSS3jacky07balakiiCOURS, TUTORIELS et Co

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. Before we get started, consider using one of our HTML5 Templates or CSS Themes for your next project—that is, if you need a quick and professional solution. JS keyCodes When a KeyboardEvent fires, you can test which key was pressed because that event contains information you can write logic against. document.addEventListener("keydown", function(event) { console.log(event.which); } For example, by pressing "a", you'll get 65. Apparently it's best to write logic against which, as keyCode and charCode are complicated: The event.which property normalizes event.keyCode and event.charCode. It is recommended to watch event.which for keyboard key input.

HTML Wireframes For the first few years of my career, I didn’t know that wireframes existed. It wasn’t until I started working at a larger agency that I first encountered a strange new black-and-white InDesign world, where multiple rounds of 100+ page PDFs were generated and presented to clients. While a lot of great thinking goes into these highly-detailed wireframes, the actual artifact creates a lot of issues. Problems with High-Fidelity Static Wireframes

Parallax Scrolling Templates If you remember, a while back I provided a roundup on parallax scrolling websites (10 Awesome Parallax Scrolling Templates). Developing a parallax scrolling website can be rather complex and requires a fair amount of coding in jQuery, JavaScript, HTML, and CSS. Well that was the case until, so let’s take a look at a few parallax scrolling themes and templates that are out there for us to work with. Slide One Slide One is a WordPress theme that offers a nice, clean, simple look with one main column spanning from top to bottom down the middle of the page. The background images scroll and provide the parallax effect, while the navigation and social icon links maintain a fixed position. Box-shadow, one of CSS3′s best new features Home / CSS3 Previews / Box-shadow, one of CSS3′s best new features The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. Browser support is growing of late with Mozilla (Firefox), Webkit (Safari/Chrome/Konqueror), Opera and the IE9 Platform Preview all offering a decent implementation of the spec, although Mozilla and Webkit still require their respective -moz- and -webkit- prefixes (note Mozilla Firefox 4.0+ no longer requires the -moz- prefix).

10 CSS3 Properties you Need to be Familiar with We've already covered the thirty CSS selectors that we should all memorize; but what about the new CSS3 properties? Though most of them still require a vendor-specific prefix, you can still use them in your projects today. In fact, it's encouraged! Javascript RegExp - MDN reference The RegExp constructor creates a regular expression object for matching text with a pattern. For an introduction to regular expressions, read the Regular Expressions chapter in the JavaScript Guide. SyntaxEdit

s smart object recognition algorithm doesn't need humans If we’ve learned anything from post-apocalyptic movies it’s that computers eventually become self-aware and try to eliminate humans. BYU engineer Dah-Jye Lee isn’t interested in that development, but he has managed to eliminate the need for humans in the field of object recognition. Lee has created an algorithm that can accurately identify objects in images or video sequences without human calibration. “In most cases, people are in charge of deciding what features to focus on and they then write the algorithm based off that,” said Lee, a professor of electrical and computer engineering. “With our algorithm, we give it a set of images and let the computer decide which features are important.”

Quick Tip: Don’t Forget the Viewport Meta Tag I remember my maiden voyage into responsive web design; I'd used a classic grid, wrestled with a flexible layout, and tackled media queries for the first time. Stretching and shrinking the browser window resulted in the satisfying sight of my design responding to its surroundings. Then I tested it on a mobile.

Related:  creation webHTML