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.
So here it goes for round the 3rd round (of many rounds to come) on our never ending battle against old, dated, useless resources found on the web…hope you enjoy this nice little box of surprises we’ve summed up for you!
Amazing Landing Page
This modern and clean landing page design will leave you amazed thanks to its interactivity features, visual presentation aesthetics and incredibly creative responsive design. It features: a simple editor, a Cross-platform (iOS and Android ready), QR code and shortened URL generator, multiple customizable themes, Campaign analytics, in-flake mobile payment, flake hosting and Multi-language support.
MotionCaptcha: JQuery Plug-In
MotionCAPTCHA is a jQuery CAPTCHA plugin that requires users to sketch the shape they see in the canvas in order to submit a form. At the moment, it’s just a proof-of-concept, (no IE support) but the next releases will see progressive enhancement and the ability to use this in production environments as a serious CAPTCHA alternative.
Apple Keyboard via CSS3
Dustin Cartwright created the Apple Wireless Keyboard with only css and html (no images!). Using some new and old techniques he created the shadows, gradients, depth effects, and the positioning/sizing of the keys. The keys on this keyboard (again, its pure CSS3 AWESOMENESS!!) are well designed and the active state on these keys are just fab.
Incredible Brushed Metal Electric Button
The effect is achieved by a clever use of
box-shadows. When clicked, the box-shadow’s size is lowered to render a pressed effect. Check out the code below to see how it actually works.
Shortmail is totally new – redesigned from the ground up – and gives you an email identity where relationships are magically better. As the name implies, Shortmail is email – only shorter. They’ve applied the idea of length-limitation to email. All Shortmail messages must be less than 500 characters, since people are becoming more accustomed to length-limited communications: Twitter and SMS messaging demonstrate that.
Dirty Mark-Up Tool to Clean Your Source Code
DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code. Just paste your code into the editor and press “clean”. It supports HTML5 too.
JQuery Slideshow Plugin, With Touch Support Camera
The developer of Diapo has created a fresh plugin named Camera in which Slides can be created with any HTML elements (images, text, videos, etc.) and Camera displays them with a good looking interface + a set of transitions. Items can be browsed with prev-next buttons or bullet navigation, a play/pause option exists and a loader informs the user about the timing of the next slide.
The plugin can be skinned via CSS and there are already multiple skins provided. It has options for almost everything, all aspects of the interface + functionality can be customized and callbacks exist on every level.
Awesome, a Web–Based Compiler
Awesome is a web–based compiler for less, in case you don’t know what less is, please wait no more and give it a try. You can get started by placing a web–accessible URL to a less file in the form and it will do the rest. So try Awesome! – less compiler
Create Visual.ly, a Tool to create Infographics
Simply connect your accounts and choose form a variety of professionally designed themes to get a beautiful and shareable infographic
Custom Scrollbars JQuery Plugin
Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support , scroll easing and adjustable scrollbar height/width.
978, A Grid System For Mobile, Tablet and Desktop
978.gs is a CSS frameworks that helps to create almost any type of layouts quickly. The framework is not limited to 978px but there are also different style sheets for 300px, 748px, 1218px and 1378px grids. Besides the CSS files, each size comes with a .PSD file for working with the same grid inside Photoshop.
Sketching with HTML5 Canvas and “Brush Images”
Kwiqpoll – Simple Web Polls
There are a plenty of web tools to create web polls, just found this one and we think is a pretty nice alternative: it’s free, easy, and need no registration. Only downside we found on this is that only allows 5 questions per poll, it’s pretty
CSS Social Buttons
They are not another “pure CSS3” or “HTML5 canvas” icons. These icons use the basic traditional background-image technique. The purpose of these icons is to provide a cross-browser, consistent and versatile CSS that can be applied in any design, app or theme. Basically, it is one master stylesheet that contains various design styles. It allows you to display many different button styles by combining the CSS classes.
Mac Style Scrollbars with nanoScroller.js
NanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .content. The other scrollbar div elements .pane > .slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.
AJAX Utility Helper Function
Professional Minimalistic Resume Template
This is a minimalistic style Resume template. A unique template where you have the freedom to use as many pages as you want just duplicate the layers and edit. This template have multiple columns for showing yours education and work experiences. Its a complete resume template for both expert and beginners.
HTML5’s multiple file upload support
Bootstrap, from Twitter
BustAname, a domain Search full of features
PHP Programming for Speed
“This is more of a pointer to things you should consider in your favorite coding language. Although this is for PHP specifically, I’ve tried to keep it as generic as possible to make it possible for all coders, no matter the language, to benefit.”
Free Log-In Form Using HTML5 And CSS3
A simple and modern log-in form using HTML5 and CSS3 with great accessibility features such as the register and lost your password options, and the validation tooltip instruction integrated in the username and password fields, which highlight when clicked on to assure an easy log in progression for handicapped users.