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 […]
Continue readingCategory 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.
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 […]
Continue readingCreate 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 […]
Continue readingStyling 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 […]
Continue readingHow 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 […]
Continue reading