Archive for the ‘working smarter’ Category

Working Smarter: Standardise your code

Wednesday, October 14th, 2009

In my previous post about keeping a code snippets library I eluded to the fact that within this file structure I had created a number of HTML skeletons which give me a basis for beginning a new project. It removes the medial task of creating a container <div> and the usual suspects of a header region <div id=&quo;header&quo; />, content area <div id=&quo;content&quo; /> and <div id=&quo;footer&quo; />. I tab indent my code for easy scanning too so shaving off the few minutes laying these out correctly along with other items that may get missed within your <head> such as common <meta>. I took my skeletons a bit further by adding in unordered list items for the menu area, aside and footer. These may not all be used but it is quicker to delete than it is to type.

Read the rest of this entry on Working Smarter: Standardise your code »

Tags: CSS, HTML, semantics, sexy stylesheets, standardise code, working smarter
Posted in Web design, working smarter | No Comments »

Working Smarter: Keep a code snippets library

Tuesday, October 13th, 2009

I have fallen short on this until recently. I had a number of production websites I had worked on with different techniques and interface design patterns which I knew where certain code was and could access to copy and paste bits out for editing. This is not the most efficient way to work as code still has to be found within the websites file structure and usually it has been highly customised for a particular job. It is better to store code snippets within a dedicated directory. I have been building mine over the past five or six weeks. As well as code snippets, I have taken it a little further and added a design patterns folder which contains anything from a simple menu to a JavaScript library driven carousel or image gallery glider. Each design pattern has its own folder and within it all the necessary documents to make up a working example: HTML, CSS, JavaScript, image assets.

Read the rest of this entry on Working Smarter: Keep a code snippets library »

Tags: code library, code snippets, toolkit
Posted in working smarter | No Comments »

Digital scrapbooking with Evernote

Sunday, May 17th, 2009

I have been using Evernote for a couple of months now to capture Web sites of interest. Evernote works as a desktop application as well as an online storage and profile system. It replaces the print screen functionality on your keyboard with a more powerful screen capture. Hitting the print screen button with Evernote installed enables a rectangular marquee which can be dragged and resized to capture all, or part of the screen. Captures are saved within the desktop application where titles, hyperlinks and keyword tags can be applied before uploading to your online profile. Captures can be categorised into different folders and made either personal or public.

Read the rest of this entry on Digital scrapbooking with Evernote »

Tags: digital capture, digital scrap booking, digital scrapbook, evernote, screen grab
Posted in Research, working smarter | 2 Comments »

« Older Entries