DESIGN

  • CSS Framework Cute Grids: Highly Flexible Grid System for Responsive Layouts

    These days it is impossible to ignore the power of mobile. So, if you’re in the process of designing a website, chances are that you will do that with mobile in mind. Most likely, you are working on implementing a fully responsive layout. The lean and clean CSS framework we want to introduce you to today, wants to help you achieve that goal easily. "Cute Grids" is highly flexible and allows for the creation of a grid-based layout with up to 12 columns. "Cute Grids" will only take care of the columns, nothing else. But it will do that in relation to the size of the browser window.



    Read more 
  • Is your Responsive Design Mobile Website Delivering Acceptable Load Times?

    Google wants your mobile pages to load under a second! Yes, that’s how fast the load time of your website must be, irrespective of the fact whether it is a dedicated mobile site, responsively designed website or it isn’t optimized for mobile at all. So one thing is certain – it’s not enough to have a website with responsive website design that renders effectively on desktops, as well as, the smartphones and tablets of your target users. You must make sure that the site is fast and loads on their mobile web browsers in the blink of an eye. Google considers page load speed as an ideal marker for judging the user experience of a site. If your site has an acceptable load time, it is delivering the ideal user experience, which is taken into consideration when Google ranks your site.



    Read more 
  • Getting Started with Sketch App: 30 Free Templates and Resources

    Whether you are simply obsessed with building user interface designs or standalone widgets or if you love creating icons packs, prototyping website layout templates and constructing various mockups, chances are you have already heard about Sketch App. Being created by Bohemian Coding, this lightweight, yet powerful software for Mac OS X has since its inception been considered as a rival to bigger opponents such as Adobe Photoshop or Illustrator. Don’t be too surprised about that. This app is directly targeted at designers solely. Consequently it only offers instruments and plugins needed by this specific target group. Put that way, it is not really smaller in features than the mentioned competitors, it is only much more focused with everything on board any web designer might need.



    Read more 
  • Color Theory and Typography: The 10 Commandments (Infographics)

    Life as a designer is far from simple. Although the word "designer" in itself is fairly short and people do have a decent assumption of what such a designer actually does, reality is much more complex. I know we all got cupboards full of literature and other than others we don’t just need to learn in perpetuity, but indeed permanently, continuously. Thus, it is much appreciated to be served small pieces of information in a visual and comprehensive way, without the need for digging up that 1,000 pager again. The following two tables of 10 commandments (each) by DesignMantic are of this kind. I actually printed them out and put them under my desk pad…



    Read more 
  • 26 Free Resume Templates to Give You That Career Boost

    A well presented Curriculum Vitae is a piece of personal marketing and self-branding. In its best form it sheds a bright light upon you and helps you win the sympathies of your potential employer or important client. Remember, at first they don’t see you nor talk to you. It all starts with the good old resume. In standard situations, employers still prefer the traditional paper kind. But even when your potential employer is more modern, sticking to the known rules of old is not an error. That’s what we want to assist you with today…



    Read more 
  • Oozled: Fast Growing Resource Collection for Designers and Any Webworker

    Who’s to say that list posts are boring, noone would want to read them anymore? Only a few months ago, it was November 2013, design freelancer Dan Edwards wrote just that. He put up a list of resources over at Medium and titled his article simply "Resources". He curated 80 offerings, he found to be inescapable for any designer out there. The list raised loads of attention and grew continuously. In fact the list got so much applause, that Dan decided to transform the simple list into a full-blown web app. The result, strangely entitled Oozled, has gone online merely two weeks ago and it’s growing even faster than its list predecessor…



    Read more 
  • Responsive Images: Finally The Picture Element Arrives!

    This has taken quite a while. There was a lot of discussion, but now reality has it. The picture element as propagated by the W3C has finally arrived. If you are into the matter, you might know that the WhatWG had tried to standardize an additional attribute to the image element, named srcset as opposed to picture. Whoever believed in what WhatWG said, as they stated they’d stand for the "living standard" while W3C would be more an administrator of a static snapshot, got it wrong. W3C is alive and kicking.



    Read more 
  • Cody – Free Library With HTML5 Gems for Instant Use

    Cody is a great project for designers and developers. The webworker couple Claudia Romano and Sebastiano Guerriero from London put together a library of out-of-the-box HTML5 solutions. Plus, they do not only deliver the solutions, they also explain the use of each of them in elaborate, comprehensive articles. That way, Cody is not only a valuable resource for seekers of key-ready components, but also for those eager to learn technologies from the ground up. The library still has to grow a lot, but what is there is already remarkable. And with an approach like that, the future is bright…



    Read more 
  • But It Does Move: Homepage Builder Wix.com Adds Animation

    Who doesn’t know Wix.com. You, as a frequent reader of our lovely Noupe Magazine, definitely do. Wix.com is one of the top website builders out there. Similar to Webydo, they are on a feature rush, trying to implement as many functions in as little time as one possibly could. These days they announced the availability of animations. Animations allows you to add animated effects to any page element. If you don’t overdo it, the feature is a valuable addition to your DIY possibilities.



    Read more 
  • Elegant or Boring? Gray Color in Website Design

    Did you know that the human eye is able to distinguish something around 500 shades of gray? The range of gray lies between two non-colors – black and white. The darker a gray is the more black-like it is, and the lighter tones of gray are growing into white. Depending on the intensity of the color, it has been loaded with various meanings. Light gray shades are very neutral, they are perfect for a background design. Usually, light gray doesn’t evoke negative emotions, and, to be honest, it feels emotionless in most cases. On the other side, dark gray symbolizes mourning, depression, grief – strong emotions. The wide range of gray shades and their associated effects allow us to claim this color to be one of the most versatile and unpredictable.



    Read more 
search form
 
image description image description