Weekly News Roundup – 13 January 2013

The week is coming to an end and that means it is time for us to look back on the week that passed, the best design news, resources and other goodies. This week we look at how you can use any font with CSS3, how you can have multiple backgrounds, why not all websites look the same in all browsers, as well as how you can add your website to the iOS home screen.

How to use any font you like with CSS3

Custom fonts are among the most potentially appealing aspects of CSS3 for designers. With the font-face rule, you can render any font you have online within your web page text, regardless of whether the user has it installed or not. As with most CSS3 techniques, the basic code is pretty simple, but the practical reality is a little more complex. In this short tutorial, we will run through the basics of including custom fonts in your pages.

Build a basic responsive site with CSS

This article first appeared in issue 231 of .net magazine – the world’s best-selling magazine for web designers and developers. Everyone’s talking about responsive web design. But does everyone understand what it’s for? I’m not sure. Many web designers and developers seem to me to have misunderstood the problem it’s trying to solve. Put simply, it’s not about making sites for mobile devices, it’s about adapting layouts to viewport sizes.

Multiple Backgrounds with CSS3

Adding background image with CSS is nothing new, this feature has been there since its inception. But we were limited to only add one image in one declaration block. Now, CSS3 is raising the stakes by proiding you the option of adding multiple backgrounds.

Why some websites don’t work properly in your favorite browser

It never fails: No matter which browser you use, and how well you keep up with its updates, sooner or later you end up finding a website that doesn’t quite work the right way. Even more frustratingly, bugs and defects always seem to crop up more often on sites that tend to push the limits of what can be done with a browser, with activities like printing, interactivity, and complex animations frequent targets of malfunctions and misfirings.

15 Awesome Infinite Scrolling jQuery Plugins

In this post, we are sharing with you a jQuery scrolling plugin collection that can help you implement endless scrolling system on your website. Most of these infinite scrolling scripts are free, but I also added a premium product. If you have more infinite scrolling jQuery plugins we could add, please give us a link in a comment. We will also be happy to hear your opinion about this article and about infinite scrolling in general. Enjoy!

10 brilliant examples of responsive design in ecommerce

There is no longer a debate over whether online retailers need a mobile site, as consumer demand dictates that brands need to optimised for small screens. However there are still several different options facing brands that want to create a mobile optimised site. Responsive design is seen by many as being the future of web design, and we previously looked at 11 gorgeous examples of the technology and asked several experts whether site owners need to adopt it. But the examples we’ve seen suggest that responsive design is currently more popular among design agencies and artists, while major ecommerce retailers have been slow on the uptake. So to show how responsive design can be applied in retail, here are 10 examples of ecommerce sites built using responsive design.

The importance of proper site structure and organization

The structure and organization of your site is so important and it doesn’t get as much attention as things like copywriting and link building (don’t get me wrong, those are crucial, I just think we need to look at the structure too, we don’t want it feeling left out!)If you haven’t recently evaluated the structure of your site, now is a good time to do that.

10 CSS3 Pricing Tables For Professional Websites

CSS3 is the latest version of this amazing stylish language called Cascading Style Sheet. In this post you will find the perfect solution for placing pricing tables on your websites with style of CSS3. This post features the best 10 CSS3 Pricing Tables for professional websites. All the pricing tables are professional and created by the best designers of the world. Do share this post with your friends to help us spread the word.


Top Web Apps for Web Designers

Whether you are a freelance web designer, or have a position with a company, having some help never hurt. There are tons of apps on the web that can help web designers learn new techniques, design, and coding. Using these apps you will be able create a stunning web design without a problem.

Quick Tip: Give Your Website an iOS Home Screen Icon

With more mobile web users than ever, it’s important to keep your branding strong. Let’s go one step further than the standard favicon and help your website stand out by creating icons for use on iOS and Android home screens.
Design Reviver

Leave a comment

Your email address will not be published.