Slice and Export a Website Layout + HTML: Photoshop Tutorial!

-

Comments

Post a Comment

Popular posts from this blog

CSS Techniques – Absolute Horizontal And Vertical Centering In CSS

-
Image
We’ve all seen  margin: 0 auto;  for horizontal centering, but  margin: auto; has refused to work for vertical centering…  until now!   But actually (spoiler alert!). I’m not the pioneer of this method, and it may even be a common technique, however, most vertical centering articles never mention it and I had never seen it until I dug through the comments section of a  particular article . There,  Simon  linked to this  jsFiddle  that blew every other method out of the water (the same method was also mentioned by  Priit  in the comments). Researching further, I had to use very specific keywords to find  some   other   sources  for this method.  ADVANTAGES: Cross-browser (including IE8-10) No special markup, minimal styles Responsive with percentages and min-/max- Use one class to center any content Centered regardless of padding (without  box-sizing !) Blocks can easi...
Read more

14 web design trends for 2017

-
Image
As we look forward to 2017 — a year that hopefully won’t be plagued by the passing of so many of the world’s greatest artists and performers — the big question on every designer’s mind has to be: what will define design in 2017? 1. Layouts that let content shine The last few years have seen a sea change in how people view design’s role in business. Design has shifted from a late-in-the-process “optimization” stage where designers swooped in to sprinkle on some “pretty” like mystical fairy dust to a real competitive advantage. It’s been an amazing evolution to watch. And a fascinating element of that evolution has been the shift back toward a focus on content: the meat on the bones of the web. Designers worldwide have realized that people visit websites for their content — whether it’s raging tweet storms, thoughtful long-reads, or the latest “user-generated” meme — and that design’s ultimate role is to present content in an intuitive, efficient, and “delightful” way. ...
Read more

5 Easily Corrected Website Design Mistakes Revealed By Eye Tracking Studies

-
Image
Website design that generates leads and sales does more than look pretty. Websites that affect the bottom line understand how site visitors are interacting with their website.  The following five mistakes are simple to correct and aren’t a matter of my opinion. They’re backed by   recent research and eye-tracking studies . Let’s dive right in. 1 – Not enough emphasis on headlines This information is revealed to us in a recent study called   Eyetrack III , and the results may change the way you look at your homepages forever: big, bold headlines capture more attention than even  images . It’s strange to think that this is the case, but the research was conclusive.  Not only are headlines the   most   viewed component of any homepage, they are typically the  first   things viewed as well, capturing attention quicker than pictures and even navigation bars. Many companies are now embracing this with their homepage designs, emphasi...
Read more