Updates from greg Toggle Comment Threads | Keyboard Shortcuts

  • 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… 

  • 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.



  • 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.

  • greg 11:33 am on February 26, 2014 Permalink | Log in to leave a Comment


    via Mobile Menu AB Tested: Hamburger Not the Best Choice?.

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

    WOW.js – Reveal Animations When You Scroll. Very Animate.css Friend 


    Reveal Animations When You Scroll. Very Animate.css Friend :-)

    Easily customize animation settings: style, delay, length, offset, iterations…

    via WOW.js – Reveal Animations When You Scroll. Very Animate.css Friend..

  • greg 10:58 am on January 27, 2014 Permalink | Log in to leave a Comment  

    Most businesses — especially small companies and startups — can’t afford to hire a dedicated UX designer, but that shouldn’t stop them from adopting some UX techniques. Trust me, it’s much easier than you think.

    read the whole huge thing at Pragmatic UX Techniques For Smarter Websites | Smashing UX Design.

  • greg 11:47 am on January 24, 2014 Permalink | Log in to leave a Comment  

    Principles of User Interface Design 

    1. Clarity is job #1
    2. Interfaces exist to enable interaction
    3. Conserve attention at all costs
    4. Keep users in control
    5. Direct manipulation is best
    6. One primary action per screen
    7. Keep secondary actions secondary
    8. Provide a natural next step
    9. Appearance follows behavior
    10. Consistency matters
    11. Strong visual hierarchies work best
    12. Smart organization reduces cognitive load
    13. Highlight, don’t determine, with color
    14. Progressive disclosure
    15. Help people inline
    16. A crucial moment: the zero state
    17. Great design is invisible
    18. Build on other design disciplines
    19. Interfaces exist to be used

    “To design is much more than simply to assemble, to order, or even to edit; it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse.” – Paul Rand

    read the deets  @ Principles of User Interface Design.

  • greg 12:26 pm on January 23, 2014 Permalink | Log in to leave a Comment  

    Infographic: Shutterstock’s Global Design Trends 2014 — The Shutterstock Blog 

    It’s never a great idea to blindly follow trends, but it’s good to know what they are. It’s kind of similar to the old maxim that ‘you have to know the rules to break the rules’.

    But in fractured and disjointed world, working out what the latest visual design trends actually are can be difficult. A trend might be big in Europe but absent in North America; yet with more demand for designs that appeal across international boundaries, how do you get a handle on what will work?

    Well one way is to analyse the raw data. Image library Shutterstock is in a good position to do just that – and so for its third annual global design trends infographic it extracted details of over 350 million downloads and found some revealing patterns.

    Infographic: Shutterstock’s Global Design Trends 2014 — The Shutterstock Blog.

  • greg 11:05 am on January 22, 2014 Permalink | Log in to leave a Comment

    The 10 commandments of typography | Typography | Creative Bloq 

    Whether you design for print, web or mobile, getting your typography right is essential if you want to get your message across in the way you, or your client, intended.

    Here we look at common type mistakes, how you can avoid them and offer up some further reading along the way.

    read up on The 10 commandments of typography @ Creative Bloq.

    And the 11th commandment…

    Thou shalt not use Comic Sans. 

  • greg 12:21 pm on January 21, 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.

    via Life Above and Beyond the Fold – Moz.

  • greg 11:34 am on January 21, 2014 Permalink | Log in to leave a Comment

    Found this excellent site today. I signed up for updates – it’s that fresh.

    Try Transitions instead of showing changes instantly.

    Interface elements often appear, hide, move, shift, and resize as users do their thing. As elements respond to our interactions, it sometimes is a little easier to comprehend what just happened when we sprinkle in the element of time. A built in intentional delay in the form of an animation or transition, respects cognition and gives people the required time to understand a change in size or position. Keep in mind of course that as we start increasing the duration of such transitions beyond 0.5 seconds, there will be situations where people might start feeling the pain. For those who just wish to get things done quickly, too long of a delay of course can be a burden.

    Just a growing list of common UI practices to get the best possible design. Lots of great ideas @ GoodUI.

  • greg 11:58 am on December 30, 2013 Permalink | Log in to leave a Comment  

    What Is Usability?

    Usability is at the heart of the user experience. Poor usability can lead users to abandon sites and it can even cost businesses thousands and thousands of dollars. Usability is measured in terms of a number of different dimensions; satisfy these and the user experience should improve in turn. Testing involving real users presents a relatively cheap approach to identifying and eradicating design problems. The gains associated with a user-centred approach can prove enormous for businesses, as it might be the difference between users sticking with a device/system or abandoning it in favour of a competitor.

    via User Experience.

  • greg 3:01 pm on December 19, 2013 Permalink | Log in to leave a Comment
    Tags: ,   

    Design Quips from ZURB.

    A tremendous and ever growing depository of statistically driven data points that could be very useful in convincing stakeholders of the validity of proposed design choices.

  • greg 9:30 am on December 18, 2013 Permalink | Log in to leave a Comment  

    So there are common punctuation errors that crop up again and again in web interfaces, and do much to confuse users. Here are the key problems.

    1. Finishing punctuation on headings
    2. Weird bullets
    3. Using dashes instead of commas (or parentheses, or colons)
    4. The greengrocer’s apostrophe
    5. Ampersands in text

    read the whole thing @ 5 Common Punctuation Problems to Avoid – SitePoint.

    Why is this important? Because every element of your site speaks to the user on some level… and the negatives add up.

  • greg 3:51 pm on December 17, 2013 Permalink | Log in to leave a Comment
    Tags: derp   

    Here’s what not to do … episode 46 

    dont: use completely ridiculous captions for important photos…

    “person’s name == died in 2010 crash”

    Former Pittsburgh police officer convicted of homicide by vehicle – Pittsburgh Post-Gazette.

  • greg 10:13 am on December 2, 2013 Permalink | Log in to leave a Comment  

    The srcset attribute

    What is the main benefit we can gain from the use of this attribute? Thanks to it, web developers can target users on high-resolution displays with a high-resolution image source or different types of screens with other versions of images. In the first case users on lower pixel density displays won’t be saddled with the wasteful bandwidth cost of downloading a useless massive high-resolution image, while the latter can enjoy the power of their screen. In the second situation, we can specify a different image for different screen sizes, in order to provide an image that is more focused on the users’ device.

    Responsive Images, Part 1: Using srcset – SitePoint.

  • greg 11:32 am on November 15, 2013 Permalink | Log in to leave a Comment

    Many web-developers struggle with the quality of chrome’s web font rendering. As web fonts become an industry standard in web-design, it is only a matter of time before chrome improves their webfont rendering. In the meantime, it would be nice to have a fix. You probably keep seeing little CSS tricks floating around out there involving a text-stroke, invisible shadows… even tilting the font 1 degree to force chrome to use anti-aliasing. Some tricks work well, but only on certain sizes. The problem is some of these tricks fail in the next release of Chrome, and/or worse, they don’t degrade well, wreaking havok on your website’s typography.

    Smoother Rendering in Chrome | Fontspring.

  • greg 8:38 am on October 28, 2013 Permalink | Log in to leave a Comment  

    IcoMoon was first built and released back in the November of 2011 and it is currently operating under Roonas. Since its release, IcoMoon has changed the way icon fonts (and icons in general) are being used in web today. IcoMoon introduced the first custom icon font builder, which allows users to select the icons they need, and make them into a font.


    ❍ IcoMoon.

  • greg 9:08 am on October 24, 2013 Permalink | Log in to leave a Comment  

    Ever heard something and thought…. “oh that sounds like BULLSHIT!” 


    unsuck  it aims to unsuck those stupid terms we hear all the time.

    so Browse Unsuck It.

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