Storytelling For Clicks - How Brands Are Exploiting The Storytelling Trend

It’s no secret that the art of storytelling has seen significant resurgence over the past few months through the likes of blogging services like Medium and small brands and companies. At the beginning of the year, many predicted that storytelling would be a growing trend throughout 2014 and so far, predictions are exceeding expectations.

Tweet

Is Photoshop Still Industry Standard?

I guess a more appropriate title would be “Should Photoshop Still Be Industry Standard?“. Like a lot of people, I’ve been an avid fan of Photoshop for quite some time now. It’s been my go-to tool for the best part of 6 years for a range of purposes, from photography to web design.

Tweet

Case Study: Apple’s “Exploring New Depths”

Today we’ll be doing a bit of a web design and development “case study”, something i’ll be exploring more regularly in the future on this site.

Tweet

150+ Best High-Quality Free Fonts For Download

Here at Pencil Scoop, we live, breathe and eat typography. So much so that today, we are bringing you the greatest 150 free fonts on the web.

Tweet

110+ Best High-Quality Free WordPress Themes

No matter what your design, coding or blogging experience, WordPress is easily the most comprehensive, reliable and complete content management system.

Tweet

Design & Dev Monthly Periodical – April 2014

Each month we be post a brief review-article featuring the very best of what’s been happening in the world of design and development over the course of the previous month. This typically includes news, features, newly released fonts, freebies, plugins and other important happenings across our industry, keeping you up to date on what’s trending each month.

Tweet

Simple jQuery-Free Snippets with JavaScript

You might have noticed lately there’s this whole thing with front-end developers using “pure” JavaScript (i.e JavaScript), rather than third-party libraries like jQuery.

Tweet

Animating Images With CSS Keyframes

A few weeks ago, I came across this video by Joe Fellows explaining how to create “parallax” effects on photos using a combination of Photoshop and After Effects. After watching it, it got me thinking – “Why not try to create similar effects for images on the web with CSS keyframe animations?”

Tweet

Injecting SVG With JavaScript

“Injecting SVG” – it sounds kinda complicated I know, but trust me it’s not. It’s actually super-simple! Right now you’re probably thinking “Why would you use JavaScript to inject SVG markup? What is it? And how does it work?” Let me explain.

Tweet

Understanding CSS Transitions

The CSS transition: property is actually a shorthand property used to define up to 4 different transition values.

Tweet

Vendor Prefixing CSS In JavaScript Functions

If you’re working on a page with JavaScript functions that require vendor prefixing, it can be a bit of pain having to continually repeat yourself writing all your function outputs with different vendor prefixes.

Tweet

Understanding CSS 3D-Transforms

3D transforms can be a bit of a mind-boggling concept at first, particularly given that the HTML canvas (your screen) is a 2D space. While most of us understand the most commonly used 3dtransform - transform: translate3d(x, y, z), there are other values that can effect 3D rendering such as rotating, backface-visibibility, perspective and lots more.
Let’s take a look at better understanding the spectrum of css 3d transform properties.

Tweet

A Super-Simple Way To Use SVG

Instead, I thought I’d share a super simple way to use SVG with you, quite possibly the easiest way. Everyone’s talking SVG these days and it’s something I’ve been advocating for quite a while on this site.

Tweet