Tangled in Design Branding Decoration

Tangled in Design is the work of Stephen Greig, currently a Web Designer/Front-end guy in Nottingham, UK.

Read more about Stephen

I wrote a book on advanced CSS3, published by John Wiley & Sons. You should totally buy it…

Buy my book: CSS3 Pushing the Limits

Tangled in Design is the work of Stephen Greig, currently a Freelance Web Designer/Front-end guy in Nottingham, UK.

Stephen specialises in design and front-end development, notably HTML5 & semantics, scalable CSS, along with particular expertise in the experimental, cutting edge CSS3 modules.

Stephen's been in the industry as a full-time professional for over 5 years, during which he has graduated with a First Class BA Honours degree, written a 380 page book on advanced CSS3 and held Senior positions in both New Zealand and South Wales.

He has since moved back to his home in Nottingham where he now works as a Senior Web Designer.

Stephen loves sports and is a keen follower of Hereford FC as well as the Welsh Rugby Union and Football teams.

He also has a deep passion for music and boasts an extremely varied taste, as is evident by his last.fm profile.

He also likes swearing and thinks that talking in third person is cool as fuck.

Want to know more? Tweet me. I'm nice.

Slide Back

Posts tagged as: CSS3

  1. How to Trigger CSS3 Transitions on Click using :target

    Tweet

    If you’ve seen any of my previous posts, you’ll probably know that I’ve been doing a lot of playing around and experimenting with CSS3, including transitions which I’m a huge fan of. This post will be furthering the experimentation and looking into more creative ways in which transitions could be used and hopefully providing some […]

    Read More
  2. A Showcase of CSS3 Creativity and Experimentation

    Tweet

    There is a tremendous amount of experimentation with CSS3 around the Web at the moment, with exploration into new properties and some extremely creative thought processes producing a wealth of impressive outcomes. It’s exciting, eye-opening, mind-broadening and sometimes even a little intimidating to see the complexity of what some people have been producing with a […]

    Read More
  3. CSS3 Transitions: The transition-timing-function Property Explained

    Tweet

    Following on from last weeks article on CSS3 transitions, which described the ease of applying them, this week we’re going to focus our attention on the aspect of transitions that is the most difficult to understand and the least self-explanitory; the transition-timing-function property. Just to remind ourselves, here are the CSS3 transition properties: -moz-transition-property:border, opacity; […]

    Read More
  4. Get the Ball Rolling with CSS3 Transitions

    Tweet

    CSS3 is rapidly expanding in terms of popularity and usage as browser support increases and front-end developers open up to graceful degredation. The properties receiving the most wide-spread usage at the moment seem to be border-radius, box-shadow and other such properties that achieve nice, aesthetic qualities without the use of images. Rather surprisingly, CSS3 transitions […]

    Read More
  5. Famous Logos in CSS3 – Volkswagen

    Tweet

    We’re advancing things a little this week by tackling the Volkswagen logo. The logos we’ve re-created so far have focused on manipulating flat shapes, whereas the VW logo has much more depth, with several gradients and shadows. We’re going to be focusing on the CSS3 gradient property in this post, dissecting the code and explaining […]

    Read More
  6. Famous Logos in CSS3 – The Dark Knight

    Tweet

    As requested, I’ve decided to follow up last week’s post (within which we re-created the Batman logo with CSS3), with the Batman logo used in the new films. The shape is simpler and easier to achieve than the original Batman logo so in order to ensure further progression in this series I’ve added a couple […]

    Read More
  7. Famous Logos in CSS3 – Batman

    Tweet

    The second famous logo in the series we’ll be attempting to re-create with CSS3 is the Batman logo! Last week we looked at the Pepsi logo, which was relatively simple with only three blocks of colour to manipulate into the appropriate shapes and position. The Batman logo is a bit more tricky, occupying a much […]

    Read More
  8. Famous Logos in CSS3 – Pepsi

    Tweet

    This is the first in a new, experimental CSS3 series within which I will be attempting to re-create a famous brand logo each week without the aid of any images, using only CSS. I should probably start by saying there may be better or more efficient ways to achieve my outcomes than whatever methods I […]

    Read More