designm.ag - Archives (octobre 2014)
Back just a few years ago it was required for web developers use JavaScript/jQuery to perform animated effects in-browser. CSS3 has dramatic
It should come as no surprise that people love to pass the time in waiting rooms by fiddling on their smartphones. These little devices have become a technological gateway to a library of applications and a sprawling metropolis of websites. This means a whole lot of people are visiting websites on the smallest screen imaginable - and it's a touch-only screen to boot.
As more people are latching onto touchscreens web designers need to craft new solutions for mobile Internet browsing. In this post I want to cover a few guidelines for helpful touch-based web design trends. The design process will always be improving as designers innovate with new concepts and UI techniques. But starting with the fundamentals will make touchable web design more approachable and easier to accomplish.
In our modern technological era you can find devices with any screen size that all have access to the Internet. This means bored people around the world can visit their favorite websites from a laundry basket full of different screen dimensions. If this were Pee-wee's Playhouse I'd say the word of the day is: breakpoint!
The process of responsive design creates distinct layout styles that change based on a device's screen resolution. When a layout shifts into a smaller or larger display style it's often called a new breakpoint. Choosing when to create a new breakpoint is quite an arduous task since the threshold and number of breakpoints can change dramatically from project-to-project.
In this post I want to outline a couple ideas for creating responsive breakpoints in web design. The end goal is to create a usable website experience that fits naturally onto any device. While this is easier said than done you'd be surprised how much can be learned by just building a site and fixing mistakes as you go along.
Each and every one of us comes across interesting pieces of information in our daily news feed, or as we are casually surfing the web. At times, we even feel the urge to share some of those articles, videos, images, etc with the people we know. We can either act on it or not, and if we do, the social media buttons present on that web page might really come in handy; with a special emphasis on ‘might’, because those buttons may not exist, or they may be appear to be irksome, or difficult to reach. In that case, it takes less than a second to decide whether we are better off without following or sharing anything further.
My experience with the latest theme from 8theme, Royal, was more than satisfactory. I was quite impressed about this premium, multi-purpose theme, and wish to pass it on to the rest of you. Every designer would enjoy creating WordPress websites through with the help of this theme.A Majestic DifferenceRoyal is a responsive, rock-solid theme based on Twitter Bootstrap. An advanced theme panel is ready to appease even the fussiest creative who happens to chance upon it, and all users are entitled to free updates for the entire duration of their lifetime.Royal has a stellar documentation, plus video tutorials, in order to help you get a full understanding of everything that Royal can do. My favorite part was finding out that a cluster of premium add-ons - which, taken together, add up to $119 - are wrapped up with this theme at no extra cost.What kind of website are you up to, next? Royal Theme can handle anything you throw at it! For E-commerce sites, you can choose from a selection of shop page layouts, and display the desired number of products in a row. Furthermore, you are able to customize the product page layout, as well as the tab on it. The images of your products can also be customized to various dimensions, zoom in, and react in a certain way upon hovering: be masked with information, swap, or the images slider kicks in.This is but a glimpse of Royal Theme’s true potential. I wouldn’t expect you to take my words of praise at face value, so feel free to check out Royal Demos, as shown below. You’ll find it as good as I did.
E-Commerce
Presentation is a big part of the artistic process and this is especially true of freelance work. Mockups have become much more common to showcase what a project will look like once it's running on a device. These mockups are just photos with a layer mask to superimpose a completed interface onto a smartphone or computer screen.
A few years ago this would have required purchasing stock photography or taking your own photos. Thankfully some wonderful designers have released their own device mockups free of charge. Each set in this gallery is dedicated to a certain device like smartphones, tablets, laptops, or even desktop monitors. Check out these free device mockups to see if they could be of use in future project work.
6 iPhone 6 Mockups
Simple glyphs and icons communicate a graphical representation for interfaces, branding, and content. Icon design ranges from simple line icons to detailed works of artistic beauty. Every designer has to start somewhere and nobody claims the process will be easy - but it is very rewarding.
This gallery focuses on 38 icon design tutorials geared towards beginners or intermediate designers. Each walkthrough focuses on the overall process from a blank page to completed design. Granted there are many different ways, like highways and byways and imaginary triways, to approach the same problem. Each of these tutorials will follow a different method to practice and build confidence with your icon design skillset.
Starfish Icon
Wireframing for websites, web apps, and mobile apps that you make is as vital as laying the foundations of a tall building before moving on to its walls and roof. Web designers and web developers really need to pay attention during this stage, and perfect the user experience of your app/website with thorough prototype testing tools. I put together a list of cutting edge resources for prototyping and app creation in general, that might come in handy.
Apper
Some fonts just class up the joint. When it comes to beauty and elegance, the Rufina Font Family delivers. This simple and delicate font family owes its influence to Bodoni, mixed with the subtle elegance of a calligrapher's pen.
There’s a high demand nowadays for web designers and developers who can claim to have experience in their field. With more and more companies eager to get their businesses online, it’s only natural that they’ll want to hire the best professionals available.Luckily, there are a number of tools and services that have been designed in order to make web developer’s and designer’s lives easier by lightening the load. We’ve gathered up the best 20 we’ve found in our searches. Take a look.HotJar
