In our latest article, we discussed about some of the most important new CSS3 features. Today, we would like to bring you more resources about other CSS3 features and some tips for using them:
CCS3 is changing the way programmers and web designers build websites. Web browsers are quickly becoming compatible with CCS3′s new features, which are opening up a whole new world of opportunities. CSS3 and its feature set are also very well supported in many mobile web browsers like Opera Mini and Mobile, Safari, Chrome, and Internet Explorer for mobile.
Because most all popular browsers provide support for a number of CCS3 features, web developers now have the opportunity to develop more powerful, elaborate and easy-to-manage websites.
CCS3 introduced many exciting features – such as:
- Web fonts. CSS3′s @font-face feature allows the attachment of any font to a web page and it is cross-browser compatible. You can use the Font Squirrel @Font Face Generator to convert the font to web formats and then generate the CSS to attach the font to your site.
- Transforms (2D and 3D). These features enable the ability to turn, spin, move, stretch, and scale different elements. 2D transforms feature is available in all current browsers while 3D is only present in Safari and Chrome.
- Background-size. In CCS3 you can specify the size in pixels, width, height and percentage of background images. The only browsers that support this feature are Opera and Safari.
- Multiple Backgrounds. With CSS3, web designers can apply multiple backgrounds to box elements. The browsers Mozilla Firefox, Safari, Chrome, Opera and Internet Explorer- all support this feature.
- Border-radius. One of the most talked about features; it allows web developers to easily implement rounder corners in their design elements without the need for corner images. It enjoys widespread browser support.
- Box-shadow. The box-shadow feature offers web designers the opportunity to specify different values for easily implementing multiple drop shadows on box elements. Browser support for this feature has been on the increase with Mozilla Firefox, Safari, Chrome, Opera, and – Internet Explorer.
At CodeMyIMAGE, we encourage the implementation of new technologies like CSS3. The web is ever evolving and CSS3 is one of the best technologies to implement for your website to proactively keep up with Internet progress.
We would like to share with you more resources on HTML 5 and its benefits:
- How HTML5 Will Revolutionize the Web
- HTML5 is Great for Mobile, Developers Say
- 101 Best HTML5 Site
- 25+ Stunning Websites Using HTML5
Also, if you haven’t yet heard the news of the week , allow us to inform you that Microsoft decided to start moving the world from Internet Explorer 6. You can find more here, the official website created by Microsoft to support its cause.
New technologies have always attracted controversies related to implementation and compatibility with preexisting environments. It is certainly the case for the latest developments in web technologies like HTML5 or CSS3, which may discourage web designers and developers from implementing their features, mainly due to the fact that they are yet to receive full browser support.
However, wide acceptance by designers and developers to embrace the newer technologies, will most likely push other technologies to implement change and adapt more quickly. The end result, determined internet browsers will compete by adding new features in order to better support these new standards. The question is, how well prepared are the most popular internet browsers for the ongoing evolution of the web standards, and in particular HTML5?
Web specialists say that full cross-browser compatibility is never going to happen! The simple explanation for this statement is that, while the web standards are constantly changing, internet browsers will not focus on the full implementation or support of one technology.
The most popular browsers such us Safari, Chrome, Firefox, and Opera, are all supporting HTML5 these days. Safari stands out as the first browser to support HTML5 audio and video tags, enabling developers to build rich websites without the need for additional plug-ins. According to a recent test run by W3C and published at the end of 2010, Internet Explorer 9 is the best performer in HTML5 conformance, followed by the Firefox 4 beta 6, Google Chrome 7, Opera 10.6, and Safari 5.0.
At CodeMyIMAGE, we encourage the implementation of new technologies like HTML5 along with CSS3 and believe that beyond the general concern about full browser support, they have the power to shape the web into a more semantic and meaningful environment. We think it is of strategic benefit to take a unified approach when incorporating new standards like HTML5 in order to ensure compatibility across different browsers, including older browsers.
A new year is always an opportunity to look back, reflect on your work over the past year and the trends in the industry and develop a strategy for the future. In web design, with the ever changing developments in new technologies, the future couldn’t be more exciting and the anticipation of what new developments will take place this year is even more exciting!
So, what do you think 2011 will bring to web design and development? If you want to stand out and help shape the direction, our advice is to be fast and flexible in embracing the use of the new technologies. And, if you are on the design side, to deliver a responsive design, while keeping it both effective and functional.
At CodeMyIMAGE, we believe it is important to understand the close connection between trends in web design and web development, how they interact, and how each is determined and impacted by the other. We are ready for 2011 and want to share our vision of the future of web design:
- HTML5 and CSS3 will continue to gain in popularity. With the new functionalities of HTML5 and CSS3, more designers and developers will proceed to implement these technologies into their web designs. This trend will definitely bring the web to a more structured semantic level, and will push other trends to follow suit. For example, major internet browsers will be racing to support new features, and stay compatible with new technologies like HTML5 and CSS3.
- Responsive web design is also a new major trend. It encourages designers to make their web design more fluid and adjustable to new popular internet devices, such as smartphones. Mobile websites are already gaining competitive advantage for businesses, so web designers will try to keep up by optimizing websites to mobile standards, or creating mobile web design.
- Speed and simplicity of design remain very important. Looking deeper into this phenomenon, we can see it is a trend that is fed by the new mobile web design direction– web designers have to get more creative with less in order to deliver a more impactful and effective design.
However, these trends are not the only directions we have seen gaining recent popularity on the web. We think there is a lot of space in web design to be filled in by technology innovation, improved standards, or new aesthetics.