Recent Updates Toggle Comment Threads | Keyboard Shortcuts

  • greg 9:19 pm on August 14, 2014 Permalink | Log in to leave a Comment  

    Using Sass to Build a Custom Type Scale with Vertical Rhythm 

    One way to achieve visual consistency in web design is to use a vertical rhythm. For a website, this would mean that no matter what font-size any text element is, its line-height is always an even multiple of a consistent unit of rhythm. When this is done precisely, you could put a striped background behind your page and each text block (paragraphs, headings, blockquotes, etc) would line up along the lines in that grid.

    As you could imagine, setting this up by hand would require a lot of math and typing. If you want to change the proportions of that grid responsively, you’ll redo that work for every breakpoint. Sass, as you might expect, provides a great toolbox to automate all that work and generate a custom type scale with consistent vertical rhythm more easily.

    I’ll start off by admitting that there are already some good Sass plugins that help build a custom type scale with consistent vertical rhythm. If you’re just looking to grab a pre-built chunk of code, try Typesetting, Typomatic, or Typecsset.

    This one is really good. Took a  little time to read through – as i’m not a super trained high-skill “artist” who wears a beret.


    check out - Using Sass to Build a Custom Type Scale with Vertical Rhythm.

  • Bobby 2:57 pm on July 11, 2014 Permalink | Log in to leave a Comment
    Tags: , ,   

    UX Designer vs UI Designer 

    This is pretty spot on. UI Designers are cooler. #justsayin

  • greg 5:55 pm on June 24, 2014 Permalink | Log in to leave a Comment
    Tags: , ,   

    Checking Media Queries With Javascript 

    With the web being used on so many different devices now it’s very important that you can change your design to fit on different screen sizes. The best way of changing your display depending on screen size is to use media queries to find out the size viewport of the screen and allowing you to change the design depending on what screen size is on.

    read the whole article at Checking Media Queries With Javascript.

    personally, i think this is possibly an excellent way to inject only the needed javascript libraries according to their usefulness. If a particular feature ability isnt used in a certain context, say a Revolution Slider in desktop which isn’t used in tablet or mobile… don’t load that library unless you have to!

  • greg 7:53 am on June 24, 2014 Permalink | Log in to leave a Comment

    UX designer Curt Alredge wanted to test if the assertion made by Aubrey Johnson was true:

    Hollow icons create more work for users and ultimately create cognitive fatigue

    Icon differences

    Icon Recognition Test is a web app game that will test your skills in identifying hollow and non-hollow icons.

    Research has shown that users begin to map the meaning of icons to their positions in the interface – was a line from Alredge’s article which I agree with mostly, especially as I took the test. If an icon appeared nearby an item I was looking for, I would tend to look for the next icon in search near there. If it was close by, quicker correct answer.


  • greg 10:17 am on June 6, 2014 Permalink | Log in to leave a Comment  

    There are many stock art sites out there, from larger companies where illustrations is only part of their offering, to smaller sites focusing purely on illustrators – anything from a tiny handful to a more extensive roster.

    Check out this list of some of the best and most popular sites for you to check out.

    The 13 best places to download stock art online from Creative Bloq

  • greg 8:37 am on June 4, 2014 Permalink | Log in to leave a Comment

    Is space above the fold still valuable in 2014?

    At the end of 2013, Peep Laja spoke at SearchLove about the Principles of Persuasive Web Design. He had observed that despite it being 2013 (now 2014) and us living in a much more scroll-oriented world, content placed above the fold was still grabbing 80% of our attention.

    read up  - Life Above and Beyond the Fold – Moz.

  • greg 8:12 am on May 23, 2014 Permalink | Log in to leave a Comment  

    Curated resources for everything design related

    oozled brings together 534 curated resources in 41 categories.

    check out oozled.

  • Bobby 9:10 am on May 2, 2014 Permalink | Log in to leave a Comment
    Tags: ,   

    CSS Shapes 101 · An A List Apart Article.

    This is pretty awesome. Being able to format text blocks into shapes (much like you can in InDesign for print) could vastly change how we layout content heavy pages.

    I guess the question now is when will all the browsers catch up with this newish CSS style? Also does this make sense for mobile? hmmm.



    • greg 8:35 am on May 6, 2014 Permalink | Log in to Reply

      i can see how mobile would work – but its going to make the fight for screen space harder than it

  • Bobby 10:08 pm on May 1, 2014 Permalink | Log in to leave a Comment
    Tags: haters, rumors   

    Lessons in communication. What NOT to do.

  • Trish 9:21 am on May 1, 2014 Permalink | Log in to leave a Comment  

    Dyslexia, dysgraphia and ADHD 

    Improving readability for these users creates better design for everybody.

    Consider sites such as Medium, which remove visual noise (sidebars, navigation) and use larger type sizes, contrasting type styles, and more white space—especially line height—all of which help dyslexics and the general reading population alike.

    At least 10% of people have dyslexia, dysgraphia affects an estimated 5% to 20% of the population and approximately 11 percent of kids ages 4 to 17 have ADHD along with 4 percent of adults.

  • greg 8:59 am on May 1, 2014 Permalink | Log in to leave a Comment  

    Responsive Email Design | Campaign Monitor 

    If you read your email regularly using an Internet-enabled phone, you probably know that it’s an experience that can swing from awesome to awful. While an email newsletter can look superb in the inbox, when squeezed onto a small screen, it can become absolutely unusable, with small fonts, narrow columns and broken layouts being common issues.

    In this guide, we’ll look at why designing for mobile has become a necessary skill for email designers, cover the fundamentals of designing and building a mobile-friendly email and back it all up with some neat tips and techniques. We’ll assume you know a little about coding HTML for email, but if not, we’ve also got a couple of great guides to get you started.

    Responsive Email Design from Campaign Monitor.

  • RyRy 3:26 pm on April 28, 2014 Permalink | Log in to leave a Comment
    Tags: , ,   

    The Race for the Mobile Home Screen: An Infographic 


    The Race for the Mobile Home Screen: An Infographic.

  • greg 8:51 am on April 18, 2014 Permalink | Log in to leave a Comment
    Tags: ,   

    There isn’t just one way to animate SVG. There is the <animate> tag that goes right into the SVG code. There are libraries that help with it like Snap.svg or SVG.js. We’re going to look at another way: using inline SVG (SVG code right inside HTML) and animating the parts right through CSS.

    read all about it Animating SVG with CSS | CSS-Tricks.

  • greg 11:25 am on April 10, 2014 Permalink | Log in to leave a Comment  


    BuiltWith Technology Lookup.

    Seriously – extremely useful tool. I absolutely used this tool today to determine what platform a client site was built with… 

  • Bobby 9:25 am on April 3, 2014 Permalink | Log in to leave a Comment
    Tags: , CTA's   

    Websites with Ghost Buttons.

    Love this. A decent technique that has a lot of potential for secondary CTA’s and creating hierarchy within multiple CTA’s on a page.

  • Trish 9:52 am on March 31, 2014 Permalink | Log in to leave a Comment

    UX Myths collects the most frequent user experience misconceptions and explains why they don’t hold true. And you don’t have to take our word for it, we’ll show you a lot of research findings and articles by design and usability gurus.

    • Bobby 9:28 am on April 3, 2014 Permalink | Log in to Reply

      Good find. UX Myths can really eff up a design, especially when presenting it to someone who thinks they know design and UX because they follow a ux designer on Twitter.

  • greg 12:01 pm on March 11, 2014 Permalink | Log in to leave a Comment
    Tags: image   

    You know the situation, you’ve got a new logo or image you want to use across your social media and the next hour is taken up Googling what size each image needs to be, how big the file should be and how many different options you need. Well now you can use that hour to sit back and relax. We’ve done all this hard work for you and put together our awesome social media cheat sheet just for you! via Social media cheat sheet (2014) – super speedy, all you needy | The Pink Group.



  • Trish 9:02 am on March 11, 2014 Permalink | Log in to leave a Comment  

    Interesting read about how the new “Attention Web” is more concerned with holding your attention than your clicks.

    Spurred by new technology and plummeting click-through rates, what happens between the clicks is becoming increasingly important and the media world is scrambling to adapt.

    And debunking some myths:

    Myth 1: We read what we’ve clicked on

    Chartbeat looked at deep user behavior across 2 billion visits across the web over the course of a month and found that most people who click don’t read. In fact, a stunning 55% spent fewer than 15 seconds actively on a page.

    Myth 2: The more we share the more we read

    We looked at 10,000 socially-shared articles and found that there is no relationship whatsoever between the amount a piece of content is shared and the amount of attention an average reader will give that content.

    Myth 3: Native advertising is the savior of publishing

    On a typical article two-thirds of people exhibit more than 15 seconds of engagement, on native ad content that plummets to around one-third.

    Myth 4: Banner ads don’t work

    Here’s the skinny, 66% of attention on a normal media page is spent below the fold. That leaderboard at the top of the page? People scroll right past that and spend their time where the content not the cruft is. Yet most agency media planners will still demand that their ads run in the places where people aren’t and will ignore the places where they are.

  • Trish 1:06 pm on March 3, 2014 Permalink | Log in to leave a Comment  

    Handy little checklist for catching common usability problems before user testing

  • greg 9:29 am on February 28, 2014 Permalink | Log in to leave a Comment
    Tags: ,   

    jQuery is a fantastic library for designing and developing user interactions quickly. Whether it’s an image gallery or form, content-revealing animation or an explosion effect, the library provides the core building-blocks to allow you to rapidly prototype and deliver a unique user interface with the minimum of code and effort.

    This presents an interesting question, however. Just because you can roll your own solution to any given problem, does that mean you should? Of course not! There’s absolutely no need to reinvent the wheel every time you want to create a bit of common functionality; use plugins to instantly add a behaviour. Doing so will save you even more time and effort! Here’s a nice new list.

    The top 20 jQuery plugins | jQuery | Creative Bloq.

Compose new post
Next post/Next comment
Previous post/Previous comment
Show/Hide comments
Go to top
Go to login
Show/Hide help
shift + esc