Weekly News Roundup – 8 March 2013

Mar 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 jQuery plugins, how best to create a responsive design, the worst UX mistakes made, we take a look at the new Facebook design, and offer 30 free fonts.

 

How To Design Effective Website Wireframes

Website wireframes are basic illustrations of the structure and components of a web page. This is generally the first step in the web design process also known as a page flow or website blueprint. It is also a guide that represents the skeletal framework of a website.

wireframe_not_sketch-1024x425

16 CSS3 & HTML5 Tutorials For Responsive Web Design

Responsive design is one of the most useful web techniques to appear during the past few years. A website layout can adapt to a device’s screen and look beautiful no matter what resolution is used. So here are 15 awesome tutorials for building and enhancing a responsive web design with HTML5 and CSS3.

csstutsbsh-5

The Five Worst UX Mistakes Websites Make

The user experience of websites has improved by leaps and bounds over the years, but I still run into sites that make me ask, “What were they thinking?!” From a design perspective, it’s easy to get caught up in internal squabbles (“No, no, THIS is the content that has to be front and center”) or distracted by tools or methods (“I say we use lean UX on this project”).

website-mistakes-banner

15 Useful Websites For Testing Code Snippets

In this collection, we have collected 15 helpful websites for testing code snippets. These websites will be of great importance for the web developers as they constantly need to check and verify their codes in order to make sure that everything is working fine.

testingcodesnippets5

A Deep Dive Into Facebook’s News Feed Redesign

If you’ve been online today, you probably heard the news already: Facebook announced a completely redesigned News Feed, featuring larger images, a mobile-inspired design that’s consistent across devices, and specialized feeds focusing on music, photos, games, people you follow and all of your friends.

Zow4kBU1-730x364

Web Designer Tools – The Most Useful And Recent Ones

There was a time when most of the contracts that were for web designers were to create portfolio websites. Things have changed a little and although people are still asking for portfolios, they are also asking designers to create big and serious projects with complex functionality, multi-browser and multi-platform support and a lot of complicated functions incorporated.

groundwork_sidereel_com

10 magically meticulous design style guides

We’ll admit it – we’re heading into geek territory here. But we are self-confessed geeks, particularly when it comes to logo design, typography and pictograms. And that leads us to the meticulously regulated world of brand style manuals… A style manual, or style guide, is a set of standards for the design of documents, signage, and any other form of other brand identifier.

skype

Download the 30 Free Clean Fonts

Fonts are one of the most important elements for any design. It is one of the things that differentiate a bad design from a good design, or a good design for a brilliant design is the font used. A font has the ability to make or break the deal. Fonts have to suit the design properly, and enhance its look and feel. A font that is not suitable for the design would totally ruin its entire look and result in a tacky overall design.

free-clean-fonts-1

Five killer ways to use Mental Models

Understanding a website visitor’s thought process for how they uncover your content, and studying their reasons for doing things on your site, are wonderful ways to start out planning for its architecture. The main concept behind this type of study is called a Mental Model.

01

User Experience Design

“User Experience (abbreviated: UX) is the quality of experience a person has when interacting with a specific design. This can range from a specific artifact, such as a cup, toy or website, up to larger, integrated experiences such as a museum or an airport.”

jjg-elements-ux

Building A Better Responsive Website

Earlier this year, I was in the beginning stages of a redesign for our company’s website. We had already been planning to use a straightforward responsive approach to Web design, which is our preferred solution for multi-device support. After hearing some frank discussions at An Event Apart conference in Boston about the limitations and challenges of responsive Web design, I realized that our solution needed a bit of adjustment

phones-500

30 most useful jQuery plugins

It seems as if the internet is filled with hundreds, if not thousands of jQuery plugins, sometimes it can be a little hard to keep track of all the new plugins, and therefore we have decided to bring you some of our favorite plugins, here is a list of 30 must see plugins. They cover all areas such as Form & Validation Plugins, Plugins for Responsive Layouts, as well as Web Typography Plugins, Animation Plugins and all sorts of other plugins. Do you think we have forgotten any plugins? If so then feel free to share them in the comments section.

Screen-Shot-2013-03-04-at-10.32.32-AM

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

Facebook unveils Graph Search

Jan 16
2013

Facebook has just announced Graph Search, which is a new an innovative way for users to find information within Facebook. According to Facebook they currently host more than 240 billion photos with more than a trillion connections.

facebook_graph_search_01

According to Facebook:

Graph Search will appear as a bigger search bar at the top of each page. When you search for something, that search not only determines the set of results you get, but also serves as a title for the page. You can edit the title – and in doing so create your own custom view of the content you and your friends have shared on Facebook.

Graph Search, will first be launched as a limited preview for U.S. audiences only, and it will allow users to discover connections between other members of the site and quickly identify which friends have been to certain places, “liked” specific topics or appeared in certain photos.

For those worried about privacy, Facebook says that if you want something to remain private and have marked it as such then no one will find it using the new search. “It makes finding new things much easier, but you can only see what you could already view elsewhere on Facebook,” says the company.

The post Facebook unveils Graph Search appeared first on Design Reviver.

Weekly News Roundup – 4 January 2013

Jan 04
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 30 Stunning User Interface examples, how you can provide unique value to your clients, 9 pitfalls of of web hosting and how to avoid them, furthermore we take a look at how you can make your website more tablet friendly as well as great ways to use the website footer.

30 Stunning User Interface Examples

User interface is extremely important for any type of application because without an intuitive design, the user will probably try to find an alternative to that app. The success of web applications and websites depends in how effective the user interface design is. Designing a good user interface however is a very challenging task. According to Apple, a great application has the focus on content. Simply, it must be realistic and must take full advantage of device capabilities to enable enhanced interaction. A user interface that is unattractive, convoluted, or illogical can make even a great application seem like a chore to use, so when you design the UI, you must have in mind how your users think, act and work. In this article you can see 30 gorgeous examples of user interface design for various types of applications.

26.-user-interface-example

6 Easy Ways to Make Your Website Tablet Friendly

There are nearly 70 million tablet users in the U.S. alone, a figure that has doubled from the year before. This means that nearly 30% of the country’s Internet users are browsing on a tablet device. Tablet traffic to e-commerce sites grew by 348% from 2011 to 2012, overtaking smartphone traffic for the first time. With the tablet market as young as it is, its footprint is only going to expand. This trend sends a strong message: If you haven’t already, now is the time to prioritize your website’s design considerations for tablet functionality. Ignoring this could negatively impact your website’s overall conversion rate, return visits, sales and more.

8aee4c31-b625-41e7-abd0-e7f1b13f1d28

21 Inspiring Examples of Illustrated Elements in Web Design

For our last web design inspiration list of 2012 we decided to gather examples of beautiful illustrated elements in web design. We believe that illustrated elements can give a nice touch and personality to a design. From subtle illustrated details to complete colorful sketched pages, the key is finding the right amount to use for each project. So today we have several different approaches on how to incorporate illustrated elements in a website. Enjoy!

 

illustration14

 

The device-agnostic approach to responsive design

Techniques, technology and terminology change constantly in web design, and keeping up with them is crucial to your success in online design and development. Device-agnostic and responsive design are two of the current hot terms being bandied around in technology circles, and often in the same sentence. With the increasing use of a wide variety of internet-enabled mobile devices, web designers and developers are encouraged to keep work responsive; adapting content and design elements to the limitations of whichever device is being used. However, labelling responsive design as a technique using the device agnostic approach is a tricky business. What exactly is the device-agnostic approach, and is it even necessary to identify it as an approach to responsive design?

 

one-size

 

3 Ways Designers Can Provide Unique Value To Clients

If you’ve ever purchased organic food from a grocery store or farmer’s market, you know that it can be, well, pricey. Some people report as much as a 300% increase in their grocery bill when they buy organic versions of their regular groceries. And is it worth it? Staunch fans of organic living claim that it is.
add_12

38 Modern List Styles in Website Designs

I want to use this showcase as a peek into modern list styles and design trends. Web designers can be found all around the world who have been studying the creating the newest market trends. These designers are the molders and shapers of our future design community. It is exciting to see how these ideas take shape and form into larger archetypes over time.

 

38-pets-management-admin-list-website-ui

 

9 Web Hosting Pitfalls and How to Avoid Them

If you’re ready to move off Blogge and onto a web hosting service, you’ve probably got a lot of other things on your plate as well. The world of web hosting can be complex and confusing, but we’re looking out for you.  We know you want a simple solution tailored to your needs, and with great support services. We all do. But great web hosting is really different for every client. We’ve done the research and found nine scenarios that are either red flags, or should be avoided altogether.

 

A 6748

 

16 great examples of website footer design

When starting any website project, it’s natural to want to concentrate your design efforts on the homepage and the header. As a result, the footer often becomes an afterthought – relegated to a poorly designed dumping ground for copyright information, legal disclaimers and spammy SEO links. But it shouldn’t be this way.

 

jaredjohnson

 

Workless: A Clean & Classy HTML5, CSS3 Framework

Workless is a clean & classy HTML5, CSS3 framework that helps you to get your project up and running as fast as possible and helps prevent repetitive tasks. It standardizes CSS, improves usability and interaction, sets base typography to help vertical rhythm and readability and adds helper classes to style elements easily. You can either start with the base setup, or drop the files and assets into your current project and simply reference the CSS and Javascript files in your source. Once you’ve done this you can then begin adding your own application specific CSS.

 

 

Creating WordPress Themes That Sell – 5 Guidelines You Should Know

Considering the fact that WordPress is the most popular Content Management System out there and serves many users, it’s no wonder that developers feel encouraged and motivated to create themes for WordPress. After all, the gigantic size of the WordPress’ user base simply means that themes created for WordPress are likely to be used by many people, thereby giving developers good returns for their hard work.

 

premium-wordpress-theme

 

 

 

 

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

Portfolio | Identity | Boehringer Ingelheim EcoLogic

Sep 27
2010

White Design Studio developed a new mark and name for an internal “Green”campaign for Boehringer Ingelheim. We designed the identity system, kiosks and graphics and are producing several issues of an e-newsletter. The objective is to inspire employees to look for energy savings everywhere in the facility, and also in their homes. Not only is it good for the environment, it is also good for the employees as their compensation is tied to overall manufacturing costs. It’s a win win! Theirs is a building full of creative scientists. BI has a great idea, putting all that equity to work for them and changing the culture of the company from a group of consumers to a group of conservers.

A Collection of 20 HTML5 Video Players

Jul 14
2010

21 Animated Banner tutorials in Photoshop

Jun 28
2010

Adobe Illustrator: 3D video tutorial

Jun 28
2010

21 Photo Effects Adobe photoshop tutorials

Apr 29
2010

Best 12 WordPress themes design&code tutorials

Apr 07
2010

Adobe Illustrator – Vector computer icon PART II

Mar 23
2010