Finally, we have come to the conclusion of this 3 part series. This part focuses on user interactions and functionality of our portfolio. The upper sections of the page I will take you through inserting several plugins as well as custom jQuery code that will make our page alive. This includes a rotating slideshow, expanding […]
Category Archives: Design & UX
User interface and design is the visual part of an application, that a human interacts with. In web pages, this is what defines the “experience”. Browse through these posts I’ve written about UI and Design.
Embed Videos in your Web Pages with Flowplayer!
Normally when you want to add videos into your web pages – automatically you think of Youtube. All you need is a Youtube account, upload your video, embed the code and your ready to go! But what if you want to do something more? Something like changing how the player looks, maybe add a different […]
Create a Single Page Portfolio from Scratch – Part 2: HTML and CSS
Now we have come to part 2 of this series on how to create a single page portfolio from scratch. This part focuses on the HTML and CSS mark up to convert our .psd file to a living web page. The tools we need for this is of course – Photoshop, an HTML editor (in […]
Create a Single Page Portfolio from Scratch – Part 1: Photoshop Mockup
Ahhh – so many choices when it comes to what open source software to use: Joomla, WordPress, Drupal…but aren’t they at times – a little overkill? For smaller web designers like myself, I still get the usual client who just wants a simple website to advertise their services. Most of the time they will have […]
Styling Your Widgetized Sidebar
There’s no real correct way on how a sidebar should look. But since the dawn of HTML, we’ve seen sidebars that span vertically in the left, right – twin column, triple column – heck – I’ve even seen them in the middle! (I guess that wouldn’t be a sidebar then would it?). Nonetheless, the sidebar […]
How to Create Car Keys in Photoshop
The following tutorial will show you how to create a nice key with a car alarm in Photoshop. This image is a combination of vector shapes as well as rastered images to achieve the effect. The tools we’ll be using in Photoshop are mainly the built in shape tool, filters and the pen tool. The […]