Tag: WEBDEVELOPMENT

With apologies to the linguistic sensitivities of any Americans that may be reading, feast your eyes upon The Colour Clock. Whether you're looking for colorific inspiration for a website you're designing, or merely looking for an attractive and easy to read clock, The Colour Clock is for you. By default you get the current time, but you can click a button to show the current HEX value of the ...

Back for its sixth year and as nerdy as ever, 24 ways gives you a delicious daily dose of design and development between the 1st and 24th of December. Almost every article has something to do with CSS or HTML, and it's definitely not targeted at beginners -- but if you work with websites, or you know someone that does, 24 ways is a must-read. The archives are fantastic, too, if only to see the ...

The folks at ZURB have just released Bounce, a nice little tool which lets you take notes on websites and then share the URL with friends or colleagues. Bounce is basically a dressed down version of Notable, ZURB's full featured website feedback tool for teams. The user interface for Bounce is dead simple. Just input the the URL you want to take notes on and in a few seconds Bounce will ...

Developing for the Web can get quite rough at times, especially when IE is involved. Even when you take IE out of the picture (which you can't really do), there are still myriad differences among browsers, particularly in the implementation of newer technologies such as CSS3 and HTML5. When can I use ... is invaluable for answering questions such as "Should I be using the new HTML5 video tag in ...

CSS Grid Builder is a neat tool for Web designers (from ZURB, the company behind Notable). So what's a CSS grid? CSS Grids are often used by Web designers to control page layout and position elements in a somewhat sensible fashion. Grid Builder lets you specify what sort of grid you would like to have and spits out just the CSS you need. The top section of the window has a simple form to fill out ...

GTmetrix is a good tool for figuring out why your website is slow. It uses Yahoo's YSlow performance evaluation tool, but it also adds some intelligence of its own. Using it is quite simple. Feed it a domain name and GTMetrix loads the page in the background while you wait, and then routes you to a report page. The report is manager-friendly: It starts out with a summary in huge letters, grading ...

Hosting Reviews is a neat free service for comparing a myriad of Web hosts. It uses a rich, AJAX-y filtering system with plenty of parameters. The list is dynamically updated as you apply various filter criteria, and it's very easy to narrow down to the exact hosts that offer the features you need. In their press release, they make a pretty bold claim: "Unlike many hosting comparison sites -- we ...

Formee is a ready-made framework for quickly developing and deploying forms. That's a fancy description of what is, essentially, a couple of nice CSS files and a demo HTML file. Formee contains a single piece of JavaScript -- which is a way to plug the software itself via Twitter -- and that's all. I don't know ... that fancy graphic had me expecting something much cooler. I was waiting for some ...

Flogr is a free PHP script which lets you easily deploy a full-featured gallery on your own site, which pulls all of its data from your Flickr profile. As you can see on the demo site, it pulls all information on any given photo. EXIF details, comments, tags, license information -- everything. You can think of it as an alternative Flickr interface, on your own site. The photo information is ...

If you're part of the development team for a website project, it's important to keep tabs with all parties involved. It's necessary to get everyone's input, track progress to date, and synthesize the feedback so that the project can progress to completion. Some projects are straightforward and easy, while others can be insane at times. Either way, Notable is a great app to help streamline the ...

If you write HTML for a living, and you don't know Zen Coding yet, you are missing out big time. This is basically the coolest thing I've seen all week. I have been using it for a few days now; at first it seemed kind of gimmicky and I wasn't sure I could grasp the syntax, but today I really got to explore it, and woah is it awesome. Okay, I'll stop tripping over myself with excitement over here ...

Loki is a Rich Text editor for the Web. The current leader in this arena is clearly FCKEditor (which is now called CKEditor), so why does the world need another WYSIWIG editor for HTML textareas? The first thing that caught my eye was... the very first feature on the feature list. That wasn't because it was first either, honestly! It says: Hitting Return produces a new paragraph. Mozilla ...

Instant Blueprint is one of those over-the-top web2.0-looking websites. You know, gradients, lots of white space, funky looking "ribbons" from the top... the works. On paper, it provides an interesting service for web developers who have some experience: You specify a project name, document type, JS library and selectors for your project, and Instant Blueprint spits out a zip file containing a ...

When it comes to making web pages, I can whip up a rounded div or add a splash of gradient for a nice fade effect successfully with little trouble, but like many, when trying to deduce out why some stupid DIV is misbehaving, I can waste an entire day spinning my wheels. Checking out the various blogs and forums are of course a great resource, but probably my most useful and productive help ...

The Web Developer add-on for Chrome tries to complement Chrome's already-excellent developer tools (Ctrl-Shift-I) with some in-page hints and tools. The garbled output you see above is the result of selecting Information > Display ID & Class Details. Not very graceful, obviously. The add-on is missing a screen ruler (I'm sure the developer will add it later). Despite lacking a ...