The Future of Inspect Element and Some Stats
August 15th, 2011 — 3 Comments
It’s summer here in London which means I have less time to sit at a computer and write. Combine that with moving into a new place with my girlfriend, starting a new job and not having home broadband for two months thanks to the useless idiots at Virgin Media (with a dose of stupidity from O2 and British Telecom) and you can see why Inspect Element hasn’t been updated anywhere near as much as I would have liked. It sounds rather familiar to a similar situation last year! Fear not as it will all change soon. We have super fast internet, I’m settled in my new job at Factory Media and I’m raring to get going with the new Inspect Element.
Read more...Ring a Bell with CSS Keyframe Animations
April 26th, 2011 — 16 Comments
Time to have some more fun with a CSS animation as I’m going to show you how to realistically animate a ringing bell. Following on from the 3D lightbox animation tutorial I thought it would be good to get into a little more detail on how to create a realistic animation.
Create a CSS3 Image Gallery with a 3D Lightbox Animation
April 19th, 2011 — 14 Comments
For the most part, the CSS3 tutorials and examples out there are a little dull. Of course there are some really great examples out there such as Benjamin de Cock’s CSS Playground but most others consist of a drop-shadow here and a few rounded corners there and nothing more. It’s time to start doing something more inspirational and useful at the same time.
Create a Slick CSS3 Button with box-shadow and rgba
January 20th, 2011 — 9 Comments
When redesigning my new site, I experimented with creating a realistic behaving button with CSS3. You can see it in action on the contact page. It was created mainly with the use of different box-shadow values for the static state and the active state to mimic the real behaviour of a typical button.
Improve your Knowledge of Related Skills
January 17th, 2011 — 12 Comments
Whatever you do, you should always be looking to improve your work. This is especially true if you’re a web designer or developer as technology and techniques are always improving around you. With that in mind, we’re going to look at one of the best ways to improve your work, by knowing more about related fields.
Read more...Use CSS3 Now!
January 11th, 2011 — 30 Comments
I posted a quick tutorial yesterday showing how to use a simple CSS3 technique to spin some icons on hover. I’ve posted CSS3 tutorials before but all of a sudden this latest one has already received a few negative comments complaining that they can’t use CSS3 yet. Of course you can! Get over the way you used to do things, move with the times and embrace the new hotness right now. Today.
Read more...Spin those Icons with CSS3
January 10th, 2011 — 50 Comments
On my new portfolio site, I included a neat effect which spins the social icons with the help of a CSS transform and transition when you hover over them. Nothing amazing but definitely a nice enhancement. I used Komodo Media’s excellent social network icon pack (along with a couple I created myself) which look fantastic. Let’s see how it’s done.
Read more...