A common problem I encounter when designing a site in a team is the lack of a tool to easily allow us to collaborate and co-ordinate our work. There are several tools available to manage workflow and tasks, but few to actually help with the problem of overwriting someone else’s code.
Springloops is a unique source code management tool focused on web development teams. It allows you to code in parallel and share your code safely concentrated on results, not on lost changes or overwritten files. You get rapid collaboration in protected space.
In addition, using innovative deployment features, you can get rid of uploading files via ftp and overwriting others files on the server. It only takes one click to update several servers (both staging and production) in seconds. It can be a real problem solver – take a look at see if it’s for you.April 18th, 2008 Posted in Articles, Software
In celebration of a new hosting package, designed specifically to support the Magento eCommerce application, NuBlue are offering a 25% discount for all Design Shack readers. Simply use the discount code ‘sh4ck’ when signing up for an account. NuBlue are one of very few UK hosts that are currently supporting this application and this discount is a great way to get started using Magneto.April 9th, 2008 Posted in Competitions
To celebrate the arrival of Spring, Slice ‘n Dice are giving away a free project and a Gooey Carbon Bundle from GooeyTemplates.com. It looks like a great contest, something to make your spring coding a little easier!
The project up for grabs is a one page XHTML design with a three day turn-around – a value of $249. All designs are cross browser tested, with fully commented code.March 26th, 2008 Posted in Competitions
Creating navigation with CSS is one of the most crucial elements of website design. Get the navigation right, and people will feel welcomed and at home. Get it wrong, and it can spell trouble for your website. This is a great collection of 10 CSS navigation examples and tutorials to get you in the creative mood.
Open the safari preferences window, click on the ‘advanced’ option and then select the box entitled ‘Show develop menu in menu bar’. Straight forward! The result is a new field in the top menu which looks like the following:March 19th, 2008 Posted in Articles, Software
A sure sign of a rock solid, well coded CSS layout is that it displays consistently across browsers and platforms. A look at recent global browser stats shows that, while Internet Explorer continues to be the most popular web browser in general use, its user base is fairly evenly split between versions 6 and 7.
And although other browsers such as Firefox, Opera and Safari have a relatively small share of the browser market, it would be unwise for any web designer or developer to ignore them when testing their work.March 7th, 2008 Posted in Accessibility, Articles, Software
In the spirit of love, we have a gift for all our readers in the form of a 10% discount on any purchase from Markup4U. Simply enter ‘Design Shack’ in the notes section of your order to receive the discount, which will run until the end of February.
Happy Valentines from Design Shack!February 14th, 2008 Posted in Articles, Design Shack
CSSEdit is, as the name implies, a CSS editor for the Mac. It has come on leaps and bounds in the latest version and is now one of the best apps available on the Mac for designers. CSSEdit is created by the great delopers over at MacRabbit, who are also responsible for DeskShade.
One of the strongest features of CSSEdit is the simple, easy to navigate and beautiful interface. Even people who have no experience in styling web pages can find their way around this amazing app and create some stunning web pages. In this tutorial we’re going to be looking at the interface and how to get the most out of it.
The main window has three main sections, the first section (on the left) is the styles section. Here you can see all the styles you have applied to your site. The middle section is the actual editor of the app, here you do all the coding of your css file all with the ever-helpful code completion feature. The right hand section is a way of styling your page without coding anything whatsoever. You can type in or select with drop down boxes how you wish to style a certain element and the code is inserted for you. This is a great feature for anyone new to CSS or anyone who isn’t sure how to code a certain technique.
The toolbar of CSSEdit has some of the best features in the app and is therefore used quite a bit, especially in more advanced use, we’ll go through each toolbar icon one-by-one and I’ll explain what each one does.
Along the left hand side of the toolbar there are 5 tools, the first is the new style feature, this allows you to add a new style to your stylesheet quite easily. The second allows you to group certain styles together into a folder to make them easier to navigate through. The third is a simple of way of adding a comment into your stylesheet without having to code it in by hand. The fourth is a more advanced way of styling elements, it allows you to style a certain element wherever it appears in your stylesheet. With these four features there is no coding needed, CSSEdit does it all for you. The fifth feature is a simple search function, useful if you have a very large stylesheet.
The right hand side of the toolbar contains some of the more advanced features of CSSEdit. The first allows you to insert a link to the stylesheet into a HTML file, this assigns the HTML file the CSS file to style it. The second is a way of previewing your web page without having to open an external web browser. The third is called Milestones, it is a way of saving your current progress in the stylesheet, allowing you to revert if a mistake is made. The fourth is a way of validating your CSS and the final icon allows you to change which three columns of the main interface you can see, meaning that if you can’t code you can just edit your CSS with no coding needed.
If you don’t have this app, as a web developer I seriously suggest reading more at MacRabbit. It really is the ultimate in stylesheet creation.January 18th, 2008 Posted in Articles, CSS, Software