Web Development
All post related to Web Development.
Setting up Drush on MAMP
A quick guide on how to setup drush on a local development environment using MAMP. Drush is a command line shell and scripting interface for Drupal, designed to make life easier when working with Drupal. Check out http://drush.ws/ the homepage for the drush project. Step 1 Firstly, we need to download drush, which you can [...]
Setup Local Web Development using MAMP on OS X
A quick tutorial on how to setup MAMP to be able to run multiple virtual hosts on your local machine. We use this setup at work and I also use it on my Macbook to run multiple virtual hosts locally. You can download the latest version of MAMP from here: http://www.mamp.info/en/downloads Once you have MAMP [...]
It’s been a while!
Well, it’s been a while since I posted anything constructive about Web Development, what with work and various other projects I have flying around in my head. I was chatting with Mike the other day about the fact that at the agency where I work we are moving over to Drupal, so any new project [...]
Easy lift or drop using jQuery
This is a little piece of code that I have used on a number of occasions to lift or drop an element on hover and then return it on when the mouse is moved off. It is good for navigation purposes but can be used on any link inside a block. Its very simple. jquery [...]
Pre-selecting form fields when coming from different pages using jQuery
I needed to come up with a bit of code for when a client wanted their contact form to pre-select a value in a select box depending on which page they came from. This simple little bit of javascript is what I came up with in the end. Read More »
jQuery Scroller
A mate at work has come up with a very cool jQuery Scroller, its a very versatile plugin, so check it out below. Here’s my first JQuery plugin!!! Its a simple little scroller for use with image galleries or anything else that you want to list and prefer not to paginate. The plugin is fully [...]
anythingSlider
A very nice new jQuery plugin from Chris Coyier at CSS-Tricks. Check out the demo and download »
Starter – Jumpstart your jQuery Plugins
A very cool webapp that creates a jQuery plugin code layout from some basic plugin information, such as namespace & defaults. http://starter.pixelgraphics.us/
List of Really Useful Tools for CSS Developers
This is not an attempt to create a mega list of tools for CSS developers; only few but really useful tools have been selected and placed under appropriate categories. If you see that a really useful tool has been missed, please feel free to share the link in comments. Direct Link »
Javascript Tip: Easy Fading Using jQuery
Check out my Easy Fading Using jQuery over at Dev-Tips.com. Direct Link »
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials
CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. Of course, CSS sprites are not always necessary, but in some situation they can bring significant advantages and improvements – particularly if you want to reduce your server load. And if you [...]
18 jQuery scripts and tutorials to improve your portfolio.
JQuery can be a great tool to improve your portfolio, whether it’s for eye candy, usability or functionalities. In the following collection you will find some great jQuery scripts and tutorials that’s help you to get a better portfolio… Direct Link
Web Development – Software I Use.
Just a quick post about what software I use on a daily basis and also what shortcuts I use to make life a little easier. I am not a big user of keyboard shortcuts but I do use some quite a lot. Mac Software: CSSEdit Espresso Adobe Dreamweaver Adobe Photoshop General Shortcuts: My most used [...]
Web Development Tutorial 1 – Basic Layout
Web Dev Tutorial 1 – Basic Layout is now uploaded and ready to view and runs for around 36mins. This tutorial covers basic CSS/XHTML to get a simple design from Photoshop into a web page. This tutorial is aimed at beginners who are just starting out with CSS/XHTML and need a few tips on how [...]
Web Development Tutorials
Now that the blog has its new look, I will be moving onto some tutorials myself. I would like to cover CSS/jQuery/XHTML topics as it is what I do on a daily basis in my job. If you would like me to cover any specific subject that you are having problems with or just starting [...]
Grow up already and throw IE6 away!
In my day job as a Web Developer, I spend a great deal of my time getting our websites to work on IE6. It has to be the most frustrating experience of my job. It is about time people upgraded to IE7 at least, or change completely to a real browser like Safari or Firefox. [...]
How to create Skype-like buttons using jQuery
If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. I love that animation. And that’s why I’m going to show you how to create the same button using jQuery [...]
Image Rollover Borders That Do Not Change Layout
Chris over at CSS-Tricks.com has posted a very cool way of adding a rollover border effect without causing a layout shift. Check it out!
jQuery UI Demos & Docs
A great source of what can be achieved with jQuery. Check it out!
jQuery Sparklines
Stumbled across this clever jQuery plugin that creates inline charts directly in the browser using data supplied either inline in the HTML or via JavaScript. Check it out!
Easy fading using jQuery
Whilst working on a project recently I came across a need for us to show a selection of images depending on their type and when a link to them is clicked. I decided to use jQuery as it saves a lot of time as most of the work is done for you. See the demo [...]
