Cool Functionality of Scandinavian Style in Web Design

The term Scandinavian design appeared in 1950s in Denmark, Norway, Sweden and Finland. The trend is characterized by simplicity, minimalism and functionality. The technique was greatly influenced by Scandinavian nature and weather conditions. Scandinavian countries got used to long winters and lack of sunlight, so their yearning for warmth, space and light is clearly observed in the design, no matter if it is interior or web project.

Color choice is also based on landscape peculiarities. Light neutral palette with white, beige, blue, pink and wooden tones is traditional for Scandinavian designs. In order not to make the layout faded and tedious bright contrasting elements are frequently used. Background patterns may be striped and gently floral. Cotton, linen, wool and fuzzy textures also help to create the desired look. As to the lines they are mainly straight with reviving curved details. Due to such classical minimalistic approach with a tend to natural motifs we can assert that Scandinavian design is ageless, refined, universal, welcoming and fresh.

If you wish to add a Scandinavian vibe into your design it’s highly recommended to use green plant images and wooden textures, it seems as if you bring a little bit of outdoors into your layout. One unique element standing out against the others and forming a focal point is also characteristic for Scandinavian style. Use simple, clean forms, making your design contemporary yet timeless. This argument is of utmost importance for the majority of customers looking for affordable online solution which will be a long lasting project, not demanding rapid updates to look modern. Ideally a Scandinavian layout should look airy, clean and glowing as if somebody switched on the invisible light inside your monitor. Actually the effect is reached through mild tones, reflecting the light, appropriate patterns over the white background, natural textures, unsophisticated forms, full absence of excess decorations and enough white space of course. Sometimes vintage element seamlessly incorporated into general contemporary look add special zest these stylish projects.

Developing a website in Scandinavian style you should keep in mind that the main idea is not to create a product striking by its beauty but to work out the one targeted on the consumer’s needs. That is to provide a highly functional, durable, cost-efficient site completely meeting the requirements of the future owner. The motto of Scandinavian design is “people buy it if they need it” and not because of some useless decorative tinsel absolutely unserviceable in practice. The principle of the style is prioritizing functionality without neglecting beauty and elegance; just agree that the approach is extremely topical nowadays. Actually, each design is created to perform certain functions; the difference is that some developers simply cope with the task better than the others. Below we’ve collected some good examples of what can be called Scandinavian style in web design. Browsing them will illustrate all stated above points and clarify the issues that are still hazy.

* * *

Marengo PrestaShop Theme

Scandinavian style in web design

* * *

Grist

Scandinavian style in web design

* * *

Read More

James Bond Tribute: 50 Years of Bond Movies in 24 Posters

As you know “Skyfall” thundered this November and already earned 220-th position in Top250 on IMDb website. Recently Bond movies celebrated their 50-th anniversary, so let’s recollect in out minds all movies and their terrific protagonists.

Scroll the page down to see how the stylistics of these posters have changed. The first “Dr. No” slightly reminds pin-up pictures that was extremely popular starting from 40-s up to (almost) nowadays. One notable fact, looking at these posters we can see how technologies of creating collages advanced with time. Poster starting from the first Bond movie up to mid 80-s seem to hand-drawn, though we all know what happened in 1988…

In 1988 the first edition of Adobe Photoshop “saw the Earthly light” and starting from the “License To Kill” released in 1989 all posters look like familiar to all of us Photoshop collages. What’s more we cam see the start of “popularization if 3D effects”, look at “Tomorrow Never Dies” poster the wall of screen at the background sees to almost “true-to-life”. Next notable thing, check out “Casino Royale” poster, see that? This is the first minimalistic Bond poster, that’s not without a cause. Approximately in 2005-06 Webdesignland met minimal style, here and there minimal websites began emerging, what’s more even in music Minimal/Minimal House was extremely popular in those years.

What’s going on?! The “Skyfall” – a classic James Bond film. It complies all traditions of this genre. It’s fun, exciting, intelligent spy movie that combines genres of detective, thriller and adventure film. But what about the poster? What’s the first thing that comes up your mind you think about Bond movies? That will definitely be that look through the barrel of a gun. The “Skyfall” brings us back to traditions giving us the old-school Bond we like so much, the spirit of first Bond movies comes through that barrel, do you feel it?

1. “Dr. No” (1962)

James Bond Tribute

Source

***

2. “From Russia With Love” (1963)

James Bond Tribute

Read More

Free Website Template for Car Business

Are you guys fans of inspirational ideas? We invite you to check out the fresh goodie in the series of weekly freebies – Free Website Template for Car Business. Grab this opportunity to get the cool freebie and put your project online or renovate the existing one.

Do you like the contrasting color scheme that makes its look so stylish? When we say that this design is good, we mean its whole effective layout from the header to bottom plus the professional execution. This free theme features all the mentioned above components. Stylish design solution is not the only strong point of this theme, the though-out structure of its layout helps to arrange the content you have in the most appropriate manner. About, Maintenance, Repair, Price List, Locations – the set of pages that suit such kind of business. If you surf the free live demo of this theme, you will see this theme in live action.

Free Website Template for Car Business:

To download the whole package of this template, visit the Free Website Template for Car Business download page at TemplateMonster and type an email address that you want the free template package to be delivered to (don’t forget to uncheck the newsletter subscription checkbox in case you’re already subscribed, otherwise you may not be able to download the zip file). Feel free to use this template for your business, but you cannot resell it as a template.

Download Free Website Template for Car Businesse with PSD files (12,3MB)

IMPORTANT NOTICE:TemplateMonster does not provide support services on free templates – including this one. We only provide support for the products that are being purchased from TemplateMonster. Our free templates are produced according to the latest web standards and we’ve been trying to make the process of working with them as easy as possible, so for people with minimum web development experience it should be easy to work with them. However, if you don’t have any experience, we recommend you to refer to the tutorials or community forums on how to work with platforms that each respective template is made with, or to hire someone to do the job for you.

Searching for Design Inspiration on Pinterest Boards

In our today’s reality it’s difficult to find a single person having no account on one of social media sites. We communicate, find friends and like-minded people there. Pinterest is one of such websites with a difference highly appreciated by web designers. It’s a free service where people share various visual content around the communities having similar interests. Being initially a social photo sharing website, Pinterest gives the possibility to post images in the relevant categories. You can also arrange them on pinboards, “repin” and “like” photos on other’s pinboards. Pinterest is so diversified, that there is something interesting for every single person here.

All of us run out of inspiration from time to time, in such occasions, it’s very useful to find helpful design stuff on Pinterest boards. Surely the process takes a lot of time and patience to sift through tons of available stuff, but the result is worth the efforts. Today we will try to save you some time and present several useful content rich Pinterest boards including great examples of web design, logos, patters, textures, fonts, illustrations, icons and so on. All those boards were thoroughly handpicked and definitely deserve your attention. It’s not a secret that many designers use Pinterest when they need ideas, means or tools for their projects. You can’t but agree that it’s always wonderful to find somebody seized by the same interests and ideas. As Pinterest is becoming more and more popular, why not to give way to its magnetic appeal. After getting acquainted with the website you’ll probably want to showcase your own works there, in your personal account.

Now we invite you to make sure that the resource is really useful and have a look at the collection of theme boards dedicated to design:

Web Design

Carolina Covarrubias

pinterest boards

* * *

George Zografos

pinterest boards

* * *

Read More

Freepik.com – an Inexhaustible Source of Visual Stuff for Your Designs

Freepik.com – the search engine specially designed to help web designers find pictorial files for their projects, apart from its usual features such as a personal account in which you can save your favorite files and see your history of searches, has recently included a wide choice of offers specially aimed at web designers.

Freepik.com

These offers give the user the chance to acquire tools for designers with great discounts (sometimes 90% off or even more) for a limited time, usually less than 3 days, but sometimes more. Besides, many of them consist in limited edition packs, including a lot of different products that bought separately would be much more expensive.

Freepik’s offers cover a multitude of different categories which web designers- both professional and amateur- will find very helpful: photos, responsive images, vectors, PSD, templates and even video tutorials or e-books about different topics related to designing. Most of them royalty free or with reselling rights, which will let you use them for both personal and commercial purposes without worrying about legal issues.

I found specially interesting some occasional offers that enable you to create quickly mobile applications for iPhones and similar with a professional appearance.

Moreover, most of them are delivered as instant downloads and in different formats, which makes the process quick and easy.

Freepik team is constantly adding new offers that are available only for a very limited time; so if you’re interested in the world of web designing, you should stay updated and visit the site frequently; probably you’ll find some ideas for increasing your stock or your knowledge in the subject.

A Drop in the Ocean: Couple of Useful WordPress Hacks

WordPress is something very interesting, versatile and functional. Therefore, apart from usual standard features, you can find extremely original solutions – let’s call them the secrets of wordpress hacks. In this section you will find some recently developed items. In spite of this, the information is appropriate for every user who runs and understands what’s WordPress admin panel and function.php file.

***

Disabling RSS feeds

Upon default, WordPress is up and running this popular feature, as the ribbon RSS, which is great for blogs, and more. But if you use WordPress, as a static site that for some reason does not need RSS, you can disable it quite easily.

This code, which is provided below disables RSS-feeds on your website. Simply paste the code into functions.php.


function cwc_disable_feed() {
wp_die( __('No feed available,please visit our homepage!') );
}
add_action('do_feed', 'cwc_disable_feed', 1);
add_action('do_feed_rdf', 'cwc_disable_feed', 1);
add_action('do_feed_rss', 'cwc_disable_feed', 1);
add_action('do_feed_rss2', 'cwc_disable_feed', 1);
add_action('do_feed_atom', 'cwc_disable_feed', 1);

***

How ’bout to add some thumbnails to RSS

This is a very nice and useful feature that will automatically add thumbnails to RSS. Paste the code into the file functions.php. And do not forget that you need to use the theme in WordPress, which supports the use of thumbnails.


function cwc_rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '' . get_the_post_thumbnail($post->ID) .
'
' . get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'cwc_rss_post_thumbnail');
add_filter('the_content_feed', 'cwc_rss_post_thumbnail');

Read More

Where Do You Go to Get Your Code? The Top 5 Snippet Websites for Web Developers

There’s a rule of thumb in web development: one hour spent in design equals ten hours spent in development. Bringing a design to life is magical, but sometimes it simply takes too long. The following are 5 amazing websites that promise to cut your development time significantly by offering you snippets of code for free!

Bear in mind that just chucking together snippets can make for an unwieldy website, one that loads slowly and doesn’t play ball with older browsers. Some of the snippets will also be written in PHP, so make sure to check your cloud hosting provider allows scripts on to run on their servers.

Snippets of code are the lifeblood of overworked developers

CSS-Tricks. Not only does this site offer some of the best CSS tutorials around (it’s virtually canonical reading for professional web developers), it’s got a great categorized page full of code snippets in HTML, CSS, PHP, JavaScript and more obscure languages like htaccess. It also has a specific set of snippets for WordPress. CSS-Tricks is a bookmark must.

CSS-Tricks is basically the Rosetta Stone of the web developer community

code-snippets

Stack Overflow. It’s hard to think what developing in any language would be like without Stack Overflow. Horrible, probably. Packing some of the best forums around, StackOverflow is the place to go with questions, advice and curiosity. Etch the address somewhere, and remember to refer to the snippets page before coding anything, ever.

If CSS-Tricks is the Rosetta Stone, stack overflow is the index page

code-snippets
Read More

Show off Your Project with Free Joomla Interior Theme!

We all have been waiting for this Tuesday with impatience, ‘cause we’ve prepared a nice present for you. It is going to be the fresh goodie from our weekly series of freebies – Free Joomla Interior Theme.

It’s cool because of its contrasting colors that form a vibrant tone of this layout. This theme can do a perfect job for web projects related to interior design and home decor sphere of business. If you have a look at this theme, you can notice even more – the thought-out structure of the content part that is divided into two columns where the right sidebar presents the featured blocks of categories and recent posts. The whole set of this theme’s subpages allow you to arrange all the business information you have in the thought-out way. Try this free theme in sappy colors with a set of powerful Joomla features to start your web project that will stand apart your competitors.

Free Joomla Interior Theme:

To download the whole package of this template, visit the Free Joomla Interior Theme download page at TemplateMonster and type an email address that you want the free template package to be delivered to (don’t forget to uncheck the newsletter subscription checkbox in case you’re already subscribed, otherwise you may not be able to download the zip file). Feel free to use this template for your business, but you cannot resell it as a template.


Download Free Joomla Interior Theme with PSD files (20,0MB)

IMPORTANT NOTICE:TemplateMonster does not provide support services on free templates – including this one. We only provide support for the products that are being purchased from TemplateMonster. Our free templates are produced according to the latest web standards and we’ve been trying to make the process of working with them as easy as possible, so for people with minimum web development experience it should be easy to work with them. However, if you don’t have any experience, we recommend you to refer to the tutorials or community forums on how to work with platforms that each respective template is made with, or to hire someone to do the job for you.

UI Design Trends That Make a Mobile App Popular

It’s not surprising that our galloping lifestyle inserts its amendments into gadgets and appliances we use every day. For instance, we can’t even imagine a single day without checking our mail box, hanging out on social sites, reading some blog posts highlighting the news essential for our personal matters, viewing a weather forecast for week end, chatting with our relatives living in other cities, listening to our favorite music and so on. Of course, all these would be rather awkward exploiting only our home or office desk computer as our boss wants us to be super efficient and when we come home we need to cope with all household chores and pay attention to each family member. Keeping in mind all these points our mobile apps become simply indispensable and a decent UI design is able to save us much time and efforts. As the market of smartphones, tablets and other portable devices continues to grow, new impressive, more and more convenient user-friendly interfaces emerge and are being implemented by the first-rate manufacturers, caring about their customers.

In our blog post we will try to enumerate the newest and the most apt UI design trends for mobile apps.

  • Minimalism
    Impressive graphics, gradients, cool visual effects and artistic icons were excluded by the ultimate functionality and high intelligibility of modest yet stylish interfaces. Minimalistic approach is a great solution for mobile apps, although such layout may seem too simplified for some extremely demanding users. Nevertheless, practical customers aiming to complete their tasks rapidly and successfully prefer minimalistic UI without excess decorative elements, occupying the space on their screen.
  • Skeumorphism
    The word itself supposes that familiar objects we use in our everyday life should find their reflection in digital interfaces of our mobile devices. Most of the users find the technique extremely helpful as the UI becomes highly intuitive and they don’t need to study tons of documentation on how this or that button works.
    It’s absolutely unnecessary to make the design skeumorphic to the bone and imitate the whole space around us, but incorporate separate recognizable objects helping the user feel comfortable and aware.
  • Hidden Navigation Links
    The gist of this paragraph comes to cutting down the number of navigation buttons which should be present on the screen all the time, visualizing the others only in response to certain user’s action (click or hovering). The method enables to create the illusion of simplicity and avoid messy designs. The same principle works well when you conceal additional options or widgets under one link or Read more button.
  • Content Styling
    It’s a well know fact that we grasp great amount of information better when it comes in tables, smaller blocks, entitled, listed and mixed with images illustrating the content. Style your content; make it easily readable and convenient for scanning.
  • Extended Pages
    If content is closely related, it’s better to present it on one page no matter how long it is. Scrolling is habitual for users and can hardly cause their irritation. When the information is diversified nothing can prevent you from arranging it on subsequent pages.
  • Space for Individuality
    It’s a good tone to provide the users with the possibility to customize their interface. Surely, some of them will be quite satisfied with your default settings, but a few personal strokes can make the client happy and involved.
  • Images and Simple Words
    Images can explain better and faster than words, make use of this theory and you will be a success. Post short sentences and simple words as people are more likely to skip everything that steals their time and seems abstruse. This is true for various prompts and instructions: avoid complicated terms and vast technical details, make the users feel clever and able to fix what they need when something goes wrong.
  • Make Complex Things Fun
    It’s great to provide tools which let the users make things they never experienced before in few easy steps. Even a kid can apply impressive photo effects if there are shortcuts facilitating the process.
  • Unique Textures
    Beautiful textures can single out your application among the competitors. There are plenty of them to choose from: wooden, leather, paper etc. A carefully selected, custom looking texture will become you original brand feature.
  • Attention Grabbing Splash Image
    When the user turns on a newly purchased mobile device, a start up image may turn to be a pleasant surprise forming his/her impression about the app and its manufacturer. Next time this launch image will smooth over the seconds of waiting till the gadget enters its operation mode.
  • Smart Grids
    Instagram is a classic time-tested photography app appreciated by iPhone users. The app is spreading all over the mobile market now. The trend is being implemented by UI designers in different variation as a cool popular practice.
  • Catching Interface Elements
    UI designers’ creativity and enthusiasm has no boundaries, especially now-a-days when technology has reached substantial heights. Custom design is always welcomed, unique elements mark out your app, stress its powerful points and draw users attention.
  • Vintage Layouts
    Elegant retro designs are in vogue again. Their gentle colors and decorative elements feast the user’s eye and evoke the feeling of something warm, well-known and trustworthy.
  • Glossy Magazine
    Ultra modern, fashionable interfaces reminding a glossy magazine are also on the peak of popularity. It is easy to read the information and turn over the pages like in the printed analogue.

Now let’s proceed to the practical part of our post, below you will find some amazing, cool creative UI designs for mobile apps. We hope the enumerated trends and striking visual examples will inspire you in future projects.

* * *

Read More

The Importance of Boring Text Liquidation: Some Examples of Modern Typography Design Trends

If you’re a dinosaur of the internet, you have to know about the total inanimateness of oldschool web sites. And it’s fair enough to say that they strike in one’s eyes with extremely monotonic and regular fonts (I believe even my text here is aesthetically more good looking). Nevertheless, we are happy to live in 2012, and nowadays our internet user dignity is not humiliated by bad taste typography. Every web designer knows (or should know in case he’s an unskilled wannabe-one) the importance of attractive and original fonts for a web site to gain popularity. Understanding of that gave a strong development in web typography domain in recent years, for example for today we have around 50,000 fonts available. Anyway, modern typography design trends are not only about the fonts and typefaces.

Typography Trends

Boring fonts, boring site.

Interested in what’s going on in web design typography I have made a quick research about that. Some of the widespread and perspective web typography trends are listed and described below.

Large Huge GIANT Fonts

People became lazier and now need more comfortable navigation. Usually it means that buttons should be BIGGER for users’ eyes to see them clearly and for users’ fingers to click them with minimal efforts. And the typography of course keeps abreast of the web gigantomania, in fact a small size text has become some kind of a web design crime.

Typography Trends

Big burger, big buttons

* * *

Read More