One of my favorite websites right now is Awwwards.com. They showcase a lot of great websites that don’t even hit the normal cusp of society so a lot of these websites end up falling silent before anyone can notice them. Wacom is a great example of a website utilizing CSS3 transitions to make the web […]
|
Tweet to @xcss3x
|
|
|
In the world of design, Apple products still reign supreme. Their slick interface encapsulated in a user friendly environment allots for much of Apple’s success. They may not be the most innovative if you are comparing strictly functionality, but I can’t argue that they make very functional tools into pretty things that are original by […]
On 09.20.13, In BLOG, BLOGGING, blogs, Code, Browsers, HTML and XHTML, User Science, Usability, Code, CSS, HTML and XHTML, Scripting, by Lechlak
This Friday lesson will be fairly simple for everyone. Most of us will be very familiar with the CSS background attribute and applying a color, image, or pattern to it. We can use new techniques to help leverage our current knowledge and extend our website further. The old CSS normally looks something like this: Pre […]
A lot of times when we are developing we like to keep the pixel size of the web page to a bare minimum. Not only does it decrease load time which creates happier customers, but it also gives a secret bonus to SEO. If you are not familiar with using pseudo elements, then the table […]
In this article, we’re going to cover the basics of CSS3 and vendor-specific browser extensions. In the past ten years or so, CSS has been relatively standardized, and browser compatibility hasn’t been as much of an issue as it was in the old days of the 1990’s and Internet Explorer. However, since new browsers have […]
While doing my research on cool CSS3 properties and new ideas, I ran across a website called Cod Drops. They have some really cool tutorials and inventions on their site. One of my favorite inventions that they had come up with was to make a website feel more like software. I have seen some optometry […]
The article in review did a great job of illustrating and articulating its point on how and when to use animations. The basic fact is that many legacy browsers do not support animations and never will. You need to gauge your audience and see if animations will benefit you in the long run or if […]
Something that has always annoyed me is the lack of customization (without javascript) of form elements. It might have been possible (other than padding) before CSS3, but CSS3 certainly has made modifying these form elements easier. Whether you want to customize the color, look and feel, or just the size of these buttons, you can […]
So you are sitting in a meeting this morning and you are hearing the word responsive web design being thrown around. So what is it exactly? Responsive design and development is not new by any means. It was available in CSS2, but it being browser supported now that tablets and mobile devices are becoming more […]
One of the new exciting technologies introduced in CSS3 is that borders can have round corners, they can also have shadows and images can be used as borders. The new border properties in CSS3 are: -border-radius -border-shadow -border-image border-radius allows one to edit all four corners of the border. border-shadow allows one to add a […]