Keep posted
Advertising
This month’s Collaborators
Friends
HTML / HTML5
HTML5 for Web Designers review
A review by Nathan Davies
Being a web savvy tech nut it’s pretty rare that I buy a book on web technology. Let’s be honest most of us are the same – we live on the web and if it’s not on the web we don’t have the time. However, we are embarking on a new project at work and it seemed like the perfect project to try out some HTML5. What better way to cut through the hype than with an experienced and trustworthy guide.
Web design software: 250 fresh and useful tools
A part of every web designer’s functions is to find new methods for improving the way things are made, this includes finding ways of reducing file sizes, cleaning messy code, optimizing images and testing the site’s performance
As web designers, we’re always looking for new tools and gadgets to make our lives easier and be able to work faster and more effectively. These tools can be helpful in many different ways, including image editors, code formatters, SEO analyzers and more; we have gathered more than 250 web design tools that will help you save time and concentrate in the most relevant aspects in web design instead of figuring out how to optimize a CSS, boost your site’s traffic or reduce a JPEG size.
Awesome tooltips with JavaScript and HTML5
Tooltips are GUI elements that are displayed on a website after a mouse event, usually a hover or click action. These objects are used to provide additional information regarding different subjects and give the user more insights regarding different topics. Today we like to share with you a nice tool that’s going to help you make lovely tooltips while using your favorite JavaScript framework.
Tipped takes advantage of the powerful HTML5 to give you complete control over the look and feel of the tooltips you create. The tool offers support by default to jQuery and Prototype, though you can implement different adapters to incorporate other frameworks.
Vintage photo effect
Mastering the vintage technique is something that photographers dedicate lots of time in order to find their own style. Exploring with different programs, using different cameras and trying every Photoshop filter, but what happens when you’re not a Photoshop expert and you want to give a vintage look to a picture?,with VintageJS you will now be able to do this through a simple and yet fantastic tool.
Flash animations without code using Giotto
Until a few years ago, making animations in Flash was something that designers enjoyed a lot, ActionScript 2.0 was easy to understand and with just some basic notions it was possible to create beautiful things. Then the rivalry between Flash and HTML5 rose up and one of the consequences was Flash taking a new approach more focused in programmers and developers, thus designers were no longer able to create the animations that they loved so much.
Percentage grid system in HTML5
When diagramming for the web, one of the most useful ways of doing it is through grid systems to help the designer layout faster. Today we found a nice percentage based grid system that is nested in the Easy framework’s CSS.
This grid system features a percentage-based width in all its columns to make them adjust to the container element, which means that by using this system you will not have to set the width value for every column manually, just put it inside any container and both the column widths and gutters will be adjust perfectly.
html form validation and creation with php
For web developers, the process of creating and validating HTML forms is almost their daily bread, and looking for new methods on how to improve the exercise is also a constant. With Zebra_form the process can be highly simplified, this PHP class has an object-oriented structure that promotes fast HTML forms development and inspires web developers to type down cleaner and eye-friendly code.
Image watermarks with HTMLCanvas and JavaScript
It doesn’t annoy you the fact that after spending hours doing let’s say an illustration, you put it online with the intention of selling it or just share with the world, when suddenly everyone has it without giving you any credit and earnings being lower than what you expected?.
When these kinds of things happen, there are many possible solutions to keep people away from your artworks, some of them more secure than others but every one of them providing a certain level of security. An effective way to protect your images from average users is through watermarks, which is one of the most disturbing things because despite the fact that you can actually grab the image, removing the watermark is really stressful. With Watermark, a great JavaScript library, you can add watermarks to your images to protect them from burglars.