DESIGN

  • 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 
  • WebComponents.org: All About The Future of The Web

    Web Components were the craze for a while. As with all standardization projects, as time passes, the effect wears off. In 2012 standardization of the web components specs felt near. Today it’s still a work in progress. There are a growing number of promising approaches and technical solutions, though. Instead of forcing you to roam the depths and widths of the web to collect vital information on web components, the community itself, supported by staff from Google and Mozilla, decided to create a central platform, covering all aspects of the future technology. Now that effort is online. It answers to the name WebComponents.org.



    Read more 
  • Red Color in Web Design: Provocative or Attractive?

    The color red is the most sexy, passionate and provocative. In the color psychology, red symbolizes energy, love and emotions. A man gives red roses to a girl he is in love with; when a girl is in love she secretly draws red hearts in her diary. Another positive meaning of the red color is appetite stimulation. It is nothing but suitable for a food industry to use red, as for example red accents in the interior design of a restaurant or red colored tableware. Red has also a negative meaning: it is aggressive, it symbolizes anger and hatred; it is the color of war and blood. Still, if to think negatively and be pessimist, one can find bad side in everything. Let me ask you one primitive thing: don’t men like watching girls walking on the street in hot red dresses? Aren’t red lips tempting and magnetizing? This is how red turns to be provocative, but in a good sense of it.



    Read more 
  • May Celebrations: 20 Fresh and Free WordPress Themes from May 2014

    Here we have it, our first month with all the new entries to the WordPress theme stage being designed responsive. That was faster than we had estimated. But, we won’t complain. Bootstrap is also continuing to go strong, while minimal design still rules. Administering theme options from a backend options panel is becopming more and more common. Theming is getting easier by the minute. For another month we went out into the wild to search for the newest and coolest WordPress themes available. In the following article, we introduce you to our findings.



    Read more 
  • The CSS Animations Pocket Guide: Now More Free Than Ever

    Publisher Five Simple Steps ceased to exist. Before they vanished, they took the friendly move to transfer all the rights on the books published back to their respective authors. Val Head, author of The CSS Animations Pocket Guide immediately put up a page on her personal blog and started to offer the guide along the lines of the "Pay what you want" model which includes getting it for free, too.



    Read more 
  • CSS Vocabulary: Definitions for Beginners

    Even experienced designers are not constantly keeping CSS vocabulary in sight. Or are you permanently rattling off commands with your eyes closed? If so, people might start to avoid you. Did you notice such signs, now you probably know where to search. Thank me later. Probably it helps to know that there is a very conclusive technique to avoid running around murmuring CSS properties. Simply visit the project "CSS Vocabulary" and free your mind.



    Read more 
  • HTML, CSS, PSD and More: 23 Free Design Resources from May 2014

    The show must go on. Dedicated to the needs of any designer and developer out there, we here at Noupe maintain a handful of monthly series, bringing you the best and freshest resources available in a few comprehensible posts. Today we continue with our very popular series on design resources. Our favorite this month is Foto, an enhanced photography portfolio template in HTML. As always, there should be something for everybody. If you’re a first-time visitor to this series, scroll down to the bottom of the post where we have neatly listed all the already published parts of our monthly collection.



    Read more 
search form
 
image description image description