News Roundup

Weekly Design News Roundup – 18 October 2013

October 18, 2013 • By

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 10 mistakes that will kill your website, creative mobile web design,  5 great ways to improve any website quickly, some amazing code snippets from Code Pen and much more.

21 Very Fresh HTML5 Websites For Inspiration

Thanks to HTML5 that brings amazing improvements to the web market with its functionality. According to World Wide Web Consortium, HTML5 is in its beginning stages and going to reach at its “Recommendation” stage in the upcoming years. Regardless of this there are many experienced developers taking advantages of HTML5 and building the most remarkable websites. A slew of latest features consist in HTML5 that makes web designer more excited. One of the most likeable things about HTML5 is it comes with media features and elements like audio, video canvas, etc. that helps in integrating media components into site without using any proprietary software. Time to time ,here on Designbeep we love to share website esign for your inspiration and today we have a very fresh collection of HTML5 websites for your inspiration.

1.html5-websites

55 Creatively Crafted One-Page Portfolio WordPress Themes

One Page website consists of only a single HTML or dynamically generated page, and navigating to different sections of the site — which would normally take a user to a new page — just scrolls down the one page to that particular content’s section. If you are trying to wow your clients and visitors with the creativity and awesomeness, then here are 55 Creatively Crafted One-Page Portfolio WordPress Themes that could be perfect for your situation.

single-page-wp-bshk-1

10 Super Useful Tools for Better Web Typography

It’s been said that web design is 95% typography. So as a web designer, getting the typography right is a must. Today with the growing popularity of web fonts and modern CSS techniques, this task has become easier, but it never hurts to have all the help you can get with something so critical. That’s why we’ve rounded up some useful tools to help you create better web typography.

tools01

Best Photoshop Plugins, Scripts and Extensions

Today’s post on eGrappler encompasses a wide range of free Photoshop plugins, tools and extensions. In this post, we have listed some of very useful and free Photoshop extensions and plugins that you will find handy when working on Photoshop projects.In this post, you will find links to free vector icons, 3D Photoshop actions, and a free tool for extracting image layers from any PSD/PSB file. You will also find a free 3D Photoshop map action to convert a flat map to a three dimensional isometric stylish one a single click. For iOS and Android UI designers, this post lists useful Photoshop Scripts for generating the device art.

aaa1

5 Quick & Simple Design Tricks to Liven Up Any Project

Sometimes you have a perfectly good layout, but your design needs a bit something extra to finish it off. Unfortunately, it’s easy to get stuck and become completely void of ideas. Today we’re going to help you solve this problem by highlighting five random design ideas that you can incorporate into your back of design tricks. Let’s get started!

designideas-2

Awesome Collection of Creative Mobile Web Designs

With the ever increasing rate with which new mobile phones loaded with cool technology features being introduced every now and then there is no doubt that number of mobile users will surpass the desktop users in the nearby future. In fact, I should say that it has already taken over all other means. To meet the needs of the consumers, with each passing day, the world of technology is getting a new addition of various features that promise to make the consumers drool over.

rsz_mobile-web-design-4

25 Popular HTML/CSS Code Snippets from CodePen

CodePen is a great web application that let you build HTML, CSS and Javascript snippets from any computer that have Internet access. It’s easy to share the code and get feedback from other users. If you want to opt-in for a PRO version you will get some cool features like: pair programming across the world (live collaboration on code), teach a classroom of students (have students watch you work in real time), easily upload files to work with.

clock-codepen

Use HTML 5 for Animation on Web Page – (Example, Code, Tips)

HTML 5 replaces heavy Flash animations, now we can easily use HTML 5 Built in features for animation.  HTML 5 uses Java Script to perform the animation on Web Page. Today we are going to share a simple animation using HTML 5 Canvas to build animation. <canvas> elements tag used to draw shapes and obtain some animation using it. It gives option to draw multi color shapes and objects on web page.  Using <canvas> tag we can also create image while rendering of page.

Screen Shot 2013-10-18 at 2.04.48 PM

Responsive WordPress Themes – Premium Collection

This is a collection of perfectly responsive and beautiful WordPress theme with a unique designs. All themes are come up with massive admin including a template customization, drag & drop page builder, unlimited fonts, colors, backgrounds and sidebars which makes your work easier to run your powerful website. All these are fully responsive and tested on latest WordPress version.

Responsive-WordPress-Themes

10 Plugins that should be on every WordPress site

One of the great things about WordPress is the ability to create and distribute plugins that extend the core capabilities of WordPress far beyond anything that was originally imagined by the developers. With over 27,000 plugins available in the official WordPress plugin directory, it can be quite difficult to choose which ones to use or even to find one for a specific job when there are so many that claim to be better than all the others. Here is our guide to some of the best plugins we feel should be on all WordPress based sites, along with what they can do for you.

sarah

Showcase of 30+ Creative Flat Mobile Icon Designs for Designers

A lot of folks will decide that flat design usually is a good thing for usability and for simple navigation. Therefore, there are a lot of great flat mobile icons assets that can be found online. In our list below, we have composed more than 30 flat mobile icons that you can use as motivation for your profitable and private projects.

12.QRCodeIcon_thumb

10 Web Design Mistakes That Kill a Website

Building a website ain’t hard. Even if you lack the skills to code one from scratch, there’s nothing to stop you from customising a pre-designed template. A logo here; a nice typeface there and BOOM – you got yourself a fully functional website.

website-killed

25 Awesome Free Fonts for Web and Graphic Designers

Today there are so many fonts that a designer becomes confused about which one to use. Selection of a font demands time and experience and this is where the graphic designer feels challenged. The best trick to see if a font fits a design is by visualizing the image without the chosen font and then by replacing it with another one to see the difference in the impact it makes. We have collected a beautiful collection of free fonts for graphic as well as web designers to help them get that perfect font they are looking for. Enjoy the collection!

16

Looking for New Inspiration? Get It from Video Games

Video games have come a long way since the era of simple pixels bouncing off one another. The Entertainment Software Association reports 58 percent of Americans play video games, showing just how much they have become a part of our day-to-day lives. Video game design is some the most cutting-edge anywhere, and Web developers and designers could learn a lot from these titles and their websites. Not only do the websites accurately reflect the titles they’re representing visually, video game websites often create a user experience that is just as fun as playing the games. Here are just a few games, their design elements, and the official websites that share these elements web developers could take a cue from.

Screen Shot 2013-10-18 at 2.14.53 PM

Where is the ethical line for web designers?

As the web matures and we learn more about user behaviour, we are beginning to discover how easy it is to manipulate people online. Add to this our growing knowledge of marketing and psychology, and it is hardly surprising that the issue of ethics has been raised. Websites such as Dark Patterns highlight the seedy belly of UX design as it attempts to manipulate people into doing things they will later regret. Whether this is purposely making privacy options confusing in order to trick people into sharing more information than they are comfortable with, or spamming friends on social networks without their explicit permission, many of us are asked to do things that we are not comfortable with.

goodread-670x401

(Visited 295 times, 1 visits today)