by admin on March 1, 2012
I was playing about with media queries & CSS to test a responsive HTML5 template that adjusts to any device whose width is less than 960px. Its not perfect, just a first attempt. Feel free to use it if you like. You can test it on your mobile or by narrowing your browser.
Some features include:
- ‘Sticky footer’
- HTML5 & CSS3
- Adjusts to browsers under 960px wide
by admin on October 10, 2011
Modx Revolution is a powerful & flexible CMS more than capable of handling most small to medium sized sites. However, out of the box it is little more than a framework. The advantage of this is that its a blank canvas where you build web apps from the ground up instead of modifying a CMS to fit your needs like WordPress.
When its first fired up it can be a bit confusing so in order to get started you’ll need to install a few plugins & 3rd party components. This can be done very quickly using the Package Management feature so you dont have to trawl the web for the right one for whatever you are trying to achieve.
Below is a list of components that I install on every job no matter what size:
- Wayfinder: Outputs lists of resources from the resource tree…in short, it makes menus
- getResources: Powerful way to list & display content
- Formit: Outputs forms with lots of features like anti-spam & captcha
- Googlesitemap: Creates XML sitemaps on the fly to the sitemaps.org protocol
by admin on August 22, 2011
Great little app for organising your ‘todos’. Simple interface & very easy to use. Available for Apple only with dedicated Mac, iPhone & iPad apps…..each for a fee, all 3 will cost you over €50. You can sync you iPhone and iPad apps with your desktop app but only if they are on the same Wifi network. Cloud syncing has been promised for a while now but hasn’t been rolled out yet. If your tired of waiting, on a PC or dont want to part with your hard earned cash they have a look at Wunderlist. Its available on Mac, iPhone & iPad just like Things but also has a PC app too. It is available online too for when you are not on any of your own devices. Oh, it has cloud syncing too so all your devices are up to date wherever you are. And here’s the best bit…its completely free. Ok, its is lacking some features from things & doesn’t look or feel as nice (although it does look good) but its worth a try if your new to to-lists.
Version control software which backups all my files on a central server. It also keeps copies of each version of a file thats checked in so you can roll back to any previous version you like.
- Adobe Bridge
Part of the Adobe ‘Suite’, this nice little piece of software links or is the ’bridge’ between Dreamweaver, Photoshop, Fireworks, Illustrator etc. Its organises files & resources neatly with a preview thumbnail for easy viewing. I’m surprised how few web designers actually use this tool.
Dreamweaver is still the industry standard tool for web designers (the one they love to hate) even though it is by far the most expensive. There are a lot of other great coding apps out there for under €100 like Coda but I
likeuse Dreamweaver because it it comes bundled with Photoshop etc in Adobes suites. It also works well & integrates with Adobes other apps & you can open files, launch other Adobe apps & sometimes edit files from other areas of the suite. The built in FTP client is a little clunky but works & saves time switching over & back to your FTP client. That said, if it wasn’t part of a suite, I wouldn’t buy it.
- Photoshop / Fireworks / Illustrator
I would use one of these daily & probably in that order. Photoshop is the de-facto tool for designing websites & has been for a long time. Its pretty powerful but can be slow & cumbersome. Fireworks on the other hand was built specifically for web design. Its very fast & can be picked up easily enough if you are familiar with Photoshop. I’ve been using it a bit more recently & find it easier for designing larger sites like online stores or sites which will have a lot of client reviews. This is due to the ’symbols’ which are reusable resources that once edited change each instance throughout the whole file. I see myself using Fireworks a lot more in the future. I would only use Illustrator occasionally to play with vectors & as i’m familiar with Photoshops path tool its only when I really have to.
- Firefox / Chrome
Given the choice I would use Google Chrome all the time. Its extremely fast & I love the single bar for search & entering url’s. However I use Firebug to debug code & just see whats going on under the hood. Firebug’s just not the same on Chrome so I use Firefox for coding & Chrome for browsing.
Simple tool for creating & organising notes. Desktop, iPhone & iPad apps along with an online version (PC & Android too). Cloud syncing between all devices like Wunderlist. Oh, and free too.
- Desktop Task Timer
Simple tool for recording time spent on tasks & projects. Only available on Mac & unfortunately not free anymore. You can can enter your hourly rate & it’ll spit out the grand total at the end of the day, ready for billing.
Free service which is basically 2Gb free cloud storage. Available on Mac, Windows, linux & various mobile devices. Syncs across all devices. You can also drop files into a public folder where you can send links to share them with friends / colleagues.
Simple FTP client for Mac & PC. Free from the website but not free from the Mac App Store.
Dont have time to read that article or blog post now? Want to read it later? Then Instapaper is the service for you. It saves the url & a stripped down copy (minus the styling & advertising) for you to read later via a saved ‘Read Later’ bookmark. You can simply save page with one click. Ok, you could just book mark the page but Instapaper saves a copy with just the text & images to be read later via an iPad or iPhone app even when offline.
- ActiveCollab / Coolab / Activecollab Timer
A project management tool very similar to Basecamp. The main diference is that its self hosted with a one off fee instead of basecamps subscription model. You can even exoprt / import all your projects from Basecamp into it. The billing add on module is pretty powerful too. It has a desktop timer app for Mac & PC to automatically update your timesheets & Coolab (3rd party iPhone app) allows you to carry out some basic tasks.
by admin on July 5, 2011
Here is a link to a post I wrote of the MOR Solutions blog a few months back.
by admin on March 19, 2011
How do web users make decisions on what link to click on or what page to browse to. The answer has to do with the consequences of your actions and a shortage of time.
Why do website users make the decisions they do? What makes them click on certain links & what is the thought process behind those decisions? When a user lands on a particular page, they are presented with various options, usually in the form of links. So, what makes them choose one over another?
The answer has to do with how different types of people make decisions in different types of situations. Many nieve web designers build sites presuming that users land on the homepage, read all the text, look at all the links & then make an informed decision on what link to click on or what page to go to next. This is how most people in high pressure jobs (where their decisions have great consequence) make decisions, eg. a businessman or politician.
The reality is quite different. To understand the decision-making process we must look at how people in high pressure situations make critical life or death decisions under pressure of time. People like airline pilots & firemen don’t make decisions in the conventional way. You would presume that a fireman arriving at the scene of a fire would weigh up all the options open to him, analyse each possible course of action, then decide on the action with least danger & most chance of success. Especially as the consequences of their actions can be the difference between life and death.
In fact, the truth is alot more shocking….
As the fireman is under alot of pressure and time is running out he must act quickly. He doesn’t have time to analyse all possible courses of action. Instead, he looks at the situation with focus on his goal (eg. rescue the people in the burning building), then, he scans the first possible solution that pops into his head for any potential pit-falls. If he finds one, he then quickly comes up with option 2 and scans that one.
The process is repeated until he finds a solution that has acceptable risk and a good chance of success. This is the course of action he takes even though a better option may be available if only he took the time to work it out. As the consequences of his decisions are so serious we would expect him to take his time, but time is not a resource available to him.
Web users on the other time are more similar to the pilot or fireman than to the politician or businessman. Although the almost always have time, they are impatient and always in a hurry. When presented with a page they quickly scan the page for what they are looking for and if they find something like a link that remotely resembles a related image or phrase they’ll click on it. regardless of weather its a close match or not.
This is basically increased risk taking and because the consequences of their actions are so small it doesn’t bother them that they’ve made a mistake & clicked a wrong link. They can simply hit the back button and start again.
So, like the fireman their actions are under pressure of time & they both are subject to the consequence of their actions. However web-users actions suffer little or no adverse consequence and are therefore fickle & restless in their browsing.
by admin on January 21, 2010
by admin on January 11, 2010
Just launched a new website for Stephen O’Connor of OCAD Insurance Assessors in Dundalk, Co. Louth. These guys represent you when making a claim to your insurance company and will ensure that you get the best deal possible. Very handy service in the current cold spell. Visit them at www.ocad.ie
by admin on May 12, 2009
Website design for Slush, suppliers of slush (frozen drinks) machines & their syrup / flavourings. Not a whole lot you can say except thats its a basic brochure website written in XHTML & CSS.
by admin on May 8, 2009
New web design for Dixons Hummer Hire in Dundalk. Fairly simple website promoting their stretch H2 Hummer. Nothing fancy just pure CSS & XHTML design with some asp includes. My accessibility tester likes it & hopefully a little SEO will impress Google enough to avoid Adwords early on…..Anyway, we might just take it out for a spin to celebrate the websites launch