background preloader

All CSS Properties Listed Alphabetically

All CSS Properties Listed Alphabetically

Related:  CSS3, HTML5, JAVA, PHPCSS3HTML/CSS/Web DesignCSSWEB Design

HTML5 Video Player Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player. Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video. What's HTML5 Video? HTML is the markup language that makes up every page on the web. CSS3 Image Styles When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to make perfect rounded corner images dynamically. Today I'm going to revisit the topic and show you how much more you can do with the background-image CSS trick. I will show you how to use box-shadow, border-radius and transition to create various image styles. View Demo Image Styles

Very Useful Free Video Guides and Tutorials for Beginners Who Want to Create a Web Site Even if you don’t know the first thing about where to start, here's how to create your own web site. There’s some great help for you in a series of free basic videos from Microsoft. They have been created especially for people who don’t know anything about HTML and CSS.

Comprehensive Guide: When to Use Em vs. Rem You may have come to terms with using flexible units of measurement, but you still might not fully understand when to use rem and when to use em. This tutorial will help you figure it out! Both em and rem are flexible, scalable units which are translated by the browser into pixel values, depending on the font size settings in your design. If you use a value of 1em or 1rem, it could translate in the browser as anything from 16px to 160px or any other value.

70 Expert Ideas For Better CSS Coding Advertisement CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. An easy way to minimize the complexity of the code is as useful as not-so-well-known CSS attributes and properties you can use to create a semantically correct markup. We’ve taken a close look at some of the most useful CSS tricks, tips, ideas, methods, techniques and coding solutions and listed them below. We also included some basic techniques you can probably use in every project you are developing, but which are hard to find once you need them.

50 Free and Premium Attractive User Interface Design Kits Designing a website is a time consuming task. This is especially true if you start from scratch and create every element that you want to put on your web project. Good thing there are user interface design (UI) kits. UI kits allow you to prototype your conceptual ideas and develop them until you arrive at the final web design setup your client needs.

How To Create a Pure CSS Polaroid Photo Gallery Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a look at building a cool looking stack of Polaroid photos with pure CSS styling. View the Demo Check out the demo to see what we’ll be building.

Terminology, Syntax, & Introduction - A Beginner's Guide to HTML & CSS Before beginning our journey to learn HTML and CSS it is important to understand the differences between the two languages, their syntax, and some common terminology. As an overview, HTML is a hyper text markup language created to give content structure and meaning. CSS, also known as cascading style sheets, is a presentation language created to give content style and appearance.

File: README — Sass Documentation Sass makes CSS fun again. Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

Related:  CSS SpecificCSS