I’ve never been skilled in the pen to paper department. When I’m feeling creative, I usually rough out some ideas which map to a more-or-less completed digital version that lives inside my head; I find I’m able to be more expressive when dealing with colours and paths in real time. As a fun experiment, I recorded a live capture of the process taken going from paper to outlines with Adobe Illustrator.
Hope you have as much fun watching as I did creating!
99,625 total views, 5 views todayPosted on March 24, 2013 by Sarah · 0 comments Read More
Here is a fun demonstration on how you can create your own responsive, animated progress bars using nothing but pure CSS3. No images were harmed in the making of this tutorial. Resize your browser window to see the sample resize.
The below examples are supported on IE10+, Firefox, Opera and Safari.
261,248 total views, 70 views todayPosted on March 24, 2013 by Sarah · 7 comments Read More
Hot on the tails of my last design experiment, here’s a fresh UI kit out of the oven. Every element is vector based, retina ready and distributed through layers. Text and colours are easily editable. This kit is completely free for use for personal or commercial projects.
321,077 total views, 62 views todayPosted on March 17, 2013 by Sarah · 119 comments Read More
Graphic design touches a lot of areas, used an an umbrella term to cover print, web, typography, branding, and more. The path to a successful design career can be challenging. The road isn’t always well paved and more closely resembles a sinkhole-laden dirt road covered with unruly shrubs and speedbumps. A recently reflection on my years spent in the design world eventuated a list of things I wish I knew before I knew them. If you’re an aspiring designer, just starting your career, feeling a little lost or not sure if you have what it takes to get into this field this post is for you.
103,306 total views, 20 views todayPosted on March 14, 2013 by Sarah · 16 comments Read More
Here’s a UI kit I put together as a weekend side project. There’s four themes below, all with vector based assets and editable colours. Each theme is completely free for personal or commercial use.
47,409 total views, 7 views todayPosted on March 11, 2013 by Sarah · 15 comments Read More
CSS built-in filters (available by default in webkit browsers) are a powerful introduction to the CSS spec, which bring eye-catching visual effects to the web. Backed by hardware acceleration, filters provide a fast and simple way to style your content. But how do they work? Think of filters as post-processing step similar to how you would edit effects in Photoshop. The browser takes a snapshot of the page, grabs the pixel data, styles your elements, and then serves it back to you with the filter effect intact.
127,792 total views, 11 views todayPosted on March 9, 2013 by Sarah · 19 comments Read More
Today I woke up to find the above specimen of half-eaten broccoli on the floor. The mystery is not who ate the broccoli. Powers of deduction point to my cat who shows no hesitation to eating things cats typically shouldn’t ingest. No, the mystery is where the broccoli came from. This broccoli is fresh and new. However, I have not brought broccoli into the apartment in weeks. No leftovers, no takeout spilled on the floor.
17,915 total views, 4 views todayPosted on March 9, 2013 by Sarah · 2 comments Read More
Today I join the blogging elite. After much procrastination and excuses, I’ve decided to finally launch a redesign of my site centralized around random ramblings and tutorials on awesome stuff. The refresher was long overdue; the previous site was a relic of my college days showcasing a design portfolio in hopes of picking up employment.
31,933 total views, 6 views todayPosted on March 6, 2013 by Sarah · 3 comments Read More