HTML / HTML5
jQuery Filtering plugin powered with HTML5
While creating a project, we often want to categorize the items our visitors see by creating category tags. Filtrify is a plugin developed by Luis Almeida that allows us to make tag-based filtering.
3rd Round on Best Fresh Resources for Web Junkies
As promised we’re coming to you with our weekly editions on fresh resources for designers, a pretty cool tradition that we intend in keeping alive specially considering the success that the first one: Latest Resources For Designers! had, followed by Really Fresh Resources For Web Ninjas!; and, this goes without even mentioning the daily editions…that’s right we just can’t get enough of giving you always the latest in web design resources…daily, weekly, whenever it is that you’re looking to find a cool and updated tool for a project you’ll find it without a doubt here at webdesignshock.com. Read more
Nice tool to clean your source code
Just found this tool and we are sure it can come in handy for future projects: DirtyMarkup helps you top clean your messy source code.
Free Log-In Form using HTML5 and CSS3
A simple and modern log-in form using HTML5 and CSS3 is the latest project from Web Designer & Front-end Developer Kamal Chaneman, an experienced web designer/developer that creates design in accordance with current trends, semantic XHTML and CSS code that passes W3C validation, as seen in this log-in form design. Read more
200 Design Gallery Sites To Submit your Work
If you’re looking for inspiration there’s probably certain website sources that you usually go to, to check out some amazing work from design colleagues, while wishing that your work could also be featured for all the world to see this case a design gallery site where to submit might be just what you need.
In this media-centric, fast past, info and competition saturated world being an outstanding is not enough, in fact, it’s not even getting half of getting the job done. If your work is not available for everyone to see and share, your bound for failure! That’s why it’s in any designer’s best interest these days to find new, creative and useful ways to showcase their work on the web and have it go mainstream.
A Great Option for HTML and CSS Markup Outsourcing
Outsourcing Mark-up development services have emerged as an up and coming trend amongst web design dedicated companies and individuals.
Although it’s pretty controversial to this day due to factors such as business reputation and loss of project control, the advantages seem to be more substantial than the inconveniences of going with outsourcing web development.
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.