• Michigan Web Design

CSS3 - Cascading Style Sheets Level 3 Demo Preview

Our intentions are to do something unique with CSS3 on this page. At the moment we are tied down with creating and updating our clients' sites – after all they are the most important. Hopefully someday soon we can put something cool here to showcase what CSS3 is capable of, but for now we are going to keep it lame and show some basics…we apologize.

Most of the below Demos will work in the latest versions of Firefox or Safari. So, if you cannot see anything special below, try downloading one of those browser and coming back.


Border Colors

This box should have several border colors. If you are seeing an all black border, your browser does not support this css3 property.


Border Radius – Curved Borders

There is something about a curver border that is more appealing that a plain old square area. This one will save graphic designers a ton of work.


This box should have a curved border. If you do not see it, your browser does not support this css3 property.

Box Shadow

You can find drop shadows all over the web, and they can add lots to a page if used correctly.


This box should have a drop shadow. If you do not see it, your browser does not support this css3 property.

Text Shadow

Add cool looking drop shadows to your text without having to use graphics.


The text in this box should have a drop shadow. If you do not see it, your browser does not support this css3 property.

Text Overflow

If the text within an area does not fit, it will be automatically clipped and and elipsis (…) will be inserted.


The text in this box should have elipsis at the end. If you do not see it, your /p>

Non Web-Safe Fonts

This one is dangerous…we might put everything in Jedi font.


The text in this box should be in Jedi font. If you do not see it, your browser does not support this css3 property.

May the force be with you

CSS3 Automatic Column Layouts

One of the more difficult things to accomplish in a web site is text that will automatically fill multiple columns. This can be done manually by manually placing text in each column, but what would happen when the text needs to be changed? With the current standards, you would have to re-arrange the text in the columns.

Column layouts are one of proposed features in CSS3. With these new properties, page text can easily be placed into columns, and the editing of that text does not include manually shifting text between columns.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras urna diam, malesuada in elementum ut, varius vel dui. Vestibulum egestas rhoncus lorem non luctus. Cras faucibus mollis aliquam. Nulla purus quam, congue id hendrerit et, aliquet at lectus. Quisque suscipit lectus a erat porttitor id fermentum ante posuere. Ut commodo risus a massa vehicula eu tempus sapien ullamcorper. Donec pretium libero ut felis commodo bibendum. Vestibulum sed magna sit amet tellus adipiscing feugiat dapibus et dui. Nullam a neque lorem. Nulla sollicitudin, urna et consequat rhoncus, ante nisi tincidunt ipsum, ut bibendum odio massa vehicula metus. Integer porta risus eu felis iaculis ultrices. Pellentesque non purus neque, pellentesque dignissim mauris. Maecenas in mauris ipsum, id luctus nisi. Proin ligula arcu, lobortis ac pretium nec, faucibus cursus felis.

Nunc molestie velit nec massa semper aliquam. Vestibulum ullamcorper quam id urna vehicula at pharetra ipsum eleifend. Sed ante risus, tempor ac aliquam vel, gravida non elit. Sed malesuada varius pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec faucibus magna ut erat laoreet ullamcorper a non enim. Maecenas nec purus a massa hendrerit gravida a ac turpis. Ut turpis ligula, tincidunt nec tincidunt eget, pellentesque nec felis. Vestibulum rhoncus eros quis nunc commodo elementum. Nullam molestie aliquet fermentum. Vivamus a diam orci, non posuere enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pellentesque erat a lacus egestas fermentum non non tellus. Phasellus lacus arcu, fringilla eu posuere quis, scelerisque non diam.

Integer id egestas tellus. Mauris vitae sem vel metus hendrerit congue a vel ligula. Ut sem mauris, auctor ac volutpat ac, ullamcorper non justo. Donec at dapibus urna. Quisque a ipsum nec felis euismod vestibulum facilisis vitae nulla. Fusce non nibh dui. Nulla facilisi. Sed commodo varius nisi sit amet ullamcorper. Aenean sed libero massa. Maecenas sit amet consequat nisi. Duis at eros vel justo feugiat aliquet. Fusce sit amet gravida mi. Fusce accumsan porta tempor. Integer in metus justo, ut ornare mi. Maecenas vitae augue dolor, sit amet vehicula nulla. Morbi imperdiet tellus sed felis aliquam pharetra. Aliquam id elit ac erat dictum dictum sollicitudin in lorem. Aliquam bibendum ultrices lobortis. Phasellus dictum faucibus lacus.

Increase your website traffic and the number customer leads you generate by increasing your Internet exposure and search engine rankings!

  • Web Design and Internet Marketing Company

    Browser Kings is a professional full-service web design company. Located in Utica, MI, we specialize in web design, Internet marketing, social networking and iPhone app development. Whether starting from scratch or updating an existing website, Browser Kings offers end-to-end web design....

  • WordPress
    Theme & Plugin
    Customization

    WordPress is one of the most popular and powerful content management systems available on the web today. It is currently used on millions of sites and is seen by many people as the blogging software of choice.....

  • SEO and
    Cross-browser Compatibility

    Considering all the software suites and free templates that exist on the Internet these days, it is not hard to find someone who claims to be able to design a website. Not all web designers are created equal, however! The problem with using a less experienced web designer....

  • iPhone, iPad
    and Mobile
    Development

    Mobile Internet has been the latest craze! Dont' let you business fall behind the times. With mobile development you can provide your customer with the information they demand while on the go.