Responsive Web Design and Wireframing
At my place of work I was recently tasked with educating the design team and operations team on responsive deisgn and how to wireframe for a responsive site project.
The presentation was very well received and I thought it would be another nice item for me to share with you all.
To navigate simply use your down arrow on your keyboard.
Designers Become Front-enders Part 2: Coding Your First Webpage
So you have read my first tutorial designers become front enders part 1 and now you want to start using some of what you have learnt with html and css. Well ok let’s go for it!
The Gift Finder
So when shopping over Christmas online I found myself having to put in the same filters all the time on a number of different sites to get to what I wanted. So it gave me an idea, and this is the result http://the-gift-finder.co.uk/ Continue reading
Animating layout at breakpoints
Ever resized your browser to see how a site reacts responsively and seen a block animate from one place to another? It is a nice effect isn’t it? So let’s take a look at how you could achieve this using transitions. Continue reading
Implementing, Styling and Extending Flexslider
Looking for implementing a zoom function with flexslider? Then you want to go here.
So we all have adapted to responsive design now right? If you haven’t I strongly suggest you do!
What are Frameworks? 20 Best Responsive CSS Frameworks Explained
I get a lot of people asking me what framework I use and what I would recommend. I do not always give a definitive answer, I generally ask what the project is and what they require it to do and advise from there or explain a few frameworks and let them decide or even tell them just to do it themselves to avoid any bloat. So I thought it was worthwhile sharing my thoughts, I aim to explain what frameworks are and what they are used for, alongside a selection of the best that can be downloaded for free. This should help web designers and developers who are starting out to discover resources and possibilities. Continue reading
47 Inspiring CSS3 Animations
So it has been a little while ey! But here is a new blog post for you and a lightly different approach for this one. Instead of my usual tutorial and information style I am going for the pure inspiration approach. Continue reading
jQuery The Basics Part 2
So you enjoyed my first intro to jQuery and your hungry for more? Well here is some juicy bits for you to sink your teeth into. I will start with some simple introductions to some basic actions then we will create some pretty nifty stuff that you can then go away and put into practise further. Continue reading
CSS3 2D and 3D Transform Techniques
Still using flash or gifs or such like to create some nice animations?….. Well those days are gone!! With the huge amount of css3 properties now available it is time to start showing them off whenever you get the chance. Continue reading