Weekly News Roundup – 8 February 2013

Feb 08
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 great examples of Flat Web design, the 10 commandments of Modern web design, and introduction to creating sliders, as well as an interview with the guys behind the Pixel Perfect Precision Handbook.

Flat Design: 17 Examples Of Flat Web & App UI Designs

Early 2013 has seen a rise in some pretty interesting discussions on the use of ‘flat web design’. Flat design seems to be causing a slight stir amongst the design community right now, arguments for and against the flat design trend are often lively and heated. Flat Web Design? Firstly, flat design in the case of this article is referring to either app or UI web design – NOT housing or apartment decoration. Flat design rather simply means your web or app design contains minimal use of heavy gradients, bevels, drop shadows or any form of element that would provide considerable depth to the user interface.

112-580x675

10 Tools for Creating Infographics and Visualizations

asel.ly is another free web-based tool for creating infographics. You cannot create graphs using real data with this tool, but its really good for conceptual visualizations and storytelling. It has a beautiful user interface and the themes you can start with are gorgeous.

rsa-animate

10 Commandments of Modern Web Design

Any intelligent fool can make things bigger, more complex, and more violent. It takes a touch of genius — and a lot of courage — to move in the opposite direction. Albert Einstein I would argue that a huge part of that genius Einstein refers to can be found in clarity of purpose and principles.

entry-image_10-commandments-devices

7 Rules for Creating Effective Slides

The key to a great presentation design is to create visually stunning yet simple slides that your audience can quickly comprehend. Most people can’t effectively read and listen at the same time. The presentations that really stand out allow viewers to avoid reading lots of text by communicating information visually. The following presentation by Alex Rister takes a look 7 fundamental rules in creating slides: Introduction to Slide Design.

Screen Shot 2013-02-08 at 2.38.52 PM

5 innovative examples of user interface design

In these days of intuitive touchscreens and intelligent apps, your audience is not going to put any work into using your product, app or operating system – they’ll expect it to be obvious. No one is going to read a lengthy, detailed instruction manual; instead, the user interface should guide your customer through to achieving their goals – doing all the hard work so the user doesn’t have to.

ios

Tools and Tips on how to Optimize Images for the Web

The time a page takes to load is something every designer worries about, or at least is something that every designer should worry about. It doesn’t matter if the layout is nice and beautiful if it doesn’t function properly. Since images can be pretty heavy, this is certainly an issue to keep an eye on. And this is why today we gathered a few links here to show you some tools and articles that will help you with this issue.

optimize01

10 PowerPoint Alternatives That Make Meetings Fun

This article presents 10 ways to make your meetings go by a little faster, everyone is tired of seeing the same boring PowerPoint template and it is time for something new.

prezidesktop-pc-mac

50+ Clean, Simple and Minimalistic Website Design Examples

One of the fastest ways to set up minimalistic websites is to build it on top of WordPress and one of the many great simple templates available for this popular publishing platform. In this article, I have collected more than 50 Minimalistic website design examples you can use as inspiration.

minimalistic-website-design

MIHTool, the iOS web debugger

If you are a web developer, the strangely named MIHTool (MIH for “make it happen”) will make you happy. If you mostly work on mobile web applications, this will change your life. It’s the missing developer tool you wanted for so long, and Apple didn’t give you.

mihtool-626x469

Sketch VS Fireworks

In response to many who have suggested in my blog Sketch VS Photoshop that Fireworks is a great alternative to Sketch, I decided to download it again after many years.

fireworks-ui-600x496

Pixel Perfection Precision handbook interview

Last week we had a chance to interview the guys from ustwo, to discuss their latest book “Pixel Perfect Precision Handbook”  You can download it here, And of course be sure to follow @pppustwo on Twitter for all the latest pixel news and advice!

Screen-Shot-2013-02-07-at-12.46.40-PM

The post Weekly News Roundup – 8 February 2013 appeared first on Design Reviver - Web Design Blog.

Weekly News Roundup – 11 January 2013

Jan 11
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.

featured44@wdd2x

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.

net231tutresp

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.cover

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.

browsers-100020597-large

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!

gh

 

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.burton-blog-full

 

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.

values

 

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.

css3-pricing-tables9

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.

subtlepattern

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.

introimg

 

The post Weekly News Roundup – 11 January 2013 appeared first on Design Reviver.

Awesome Resource: User Interface Design Framework

Jul 27
2010

Today’s news focuses on only one single design resource… and what a FREE resource it is! It is The User Interface Design Framework from webalys.com, which is basically a huge design framework that consists of a complete GUI library, a set of of 260 minimal vector icons and a massive Illustrator style library. This is a must have resource for any professional designer.

License: The framework has been released as a complete web designer kit for free, even for commercial use.

You can download the UI Design Interface here: User Interface Design Framework
You can view the details of the framework below:

GUI Library

User Interface Design Framework

The GUI elements are based on common interface patterns (accordion, expandable panel, progress bar, tags, slide show…), that integrate usability good practices and are perfect for wireframes and interface design.

Vector Icons Library – 260 Minimal Icons for Free

User Interface Design Framework

This pixel precise icon collection have been created specifically for interface and web designers. They are based on a precise 16 pixels grid, which means that they stay clear and have a crisp look even at small sizes.

Graphic Styles Library

User Interface Design Framework

The Graphic Styles Library consists of 200 graphic styles for buttons, navigation menus or panels and 330 swatches harmonized with graphic styles for backgrounds, typography and other GUI interface elements.

You can download the UI Design Interface here: User Interface Design Framework

By Paul Andrew (Speckyboyand speckyboy@twitter).

50+ Awesome Must See Tutorials (Part1)

Jul 17
2010

A Collection of Fresh Illustrator Tutorials

Jul 01
2010

We do focus a lot on Photoshop resources here at Design Reviver, and as such, in today’s news round-up, we would like to highlight tutorials from its much prettier and flexible sister, namely Illustrator. Below you will find a small collection of our favorite Illustrator tutorials from recent weeks.

Cubism Inspired Logo using Illustrator and Photoshop

Cubism Inspired Logo using Illustrator and Photoshop

Due to its accessibility, Cubism, an art movement founded by Pablo Picasso and Georges Braque, is making its way to our artworks, allowing us to create stylish logos that have a specific visual pleasure in no time. This is a simple, pen-drawing, Illustrator tutorial with just a touch of Photoshop.
Cubism Inspired Logo using Illustrator and Photoshop

Create a Laptop Icon with Illustrator

Create a Laptop Icon with Illustrator

In this tutorial you can learn how to create a super sleek laptop icon. Once you’ve created the basic shapes, it’s very easy to continue with the other components.
Create a Laptop Icon with Illustrator

Illustrate a Colorful Hippie Peace Van

Illustrate a Colorful Hippie Peace Van

This tutorial is for all you groovy, peace-loving people, and a tribute for those good old times. Quickly learn how to create a stylized hippie van using some simple illustration techniques and Illustrator’s new drawing modes.
Illustrate a Colorful Hippie Peace Van

How to Create a Medieval Paper Scroll

How to Create a Medieval Paper Scroll

In this tutorial, you will learn how to create a medieval paper scroll with the 3D Extrude & Revolve tool. Using texture, you will also learn how to make an object look old and how to map artwork to a 3D Vector object.
How to Create a Medieval Paper Scroll

How to Draw a 20s Chick Using Adobe Illustrator

How to Draw a 20s Chick Using Adobe Illustrator

In this tutorial you will be guided through the process of drawing in Adobe Illustrator CS4 a vintage girl from the 20s, mainly using the Pen Tool (P) and Direct Selection Tool (A) and bold colors.
How to Draw a 20s Chick Using Adobe Illustrator

How to Illustrate a Marvelous Violin Icon

How to Illustrate a Marvelous Violin Icon

This tutorial covers how basic shapes and a solid understanding of perspective and volume work together to quickly build a successful icon.
How to Illustrate a Marvelous Violin Icon

By Paul Andrew (Speckyboyand speckyboy@twitter).

Adobe Illustrator: 3D video tutorial

Jun 28
2010

Tutorial: Make a Vector Glass Button

Jun 21
2010

Vector cartoons made in Adobe Illustrator inspiration

May 13
2010

60+ Useful Tutorials From Around The Web

May 07
2010

Comic Book Inspired Artwork

Apr 22
2010

Whether you are a fan of American style comic books or not, putting the story lines aside, the artwork alone justifies its popularity. The genres style is clearly distinctive and uniform, yet still allows for loads of room for unique creativity and originality.

For today’s news round-up we have some beautiful and creative Comic Book inspired art work showcases. Hop you enjoy them.

Inspired Artwork: Wonder Woman

View the rest of this gallery

Marvelous Artworks of the Incredible Hulk

View the rest of this gallery

Comic Book Artwork: Iron Man

View the rest of this gallery

By Paul Andrew (Speckyboy and speckyboy@twitter).