3rd Round on Best Fresh Resources for Web Junkies | Bypeople

3rd Round on Best Fresh Resources for Web Junkies

3-12-2012 5-39-15 PM

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

3

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

2

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

4

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

1

The effect is achieved by a clever use of gradients and 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

5

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

12

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

6

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

13

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

7

Simply connect your accounts and choose form a variety of professionally designed themes to get a beautiful and shareable infographic

Custom Scrollbars JQuery Plugin

3-12-2012 5-16-49 PM

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

15978.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”

24

“You can use images to create “brushes” for drawing strokes in a HTML5 canvas element and add a lot of style and depth to your sketched content.  This is an approach that I’ve adapted to JavaScript from some OpenGL drawing applications that I’ve worked on in the past.”

Kwiqpoll – Simple Web Polls

19

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

CSS3 Generator

14An awesome 1kb CSS Framework.

CSS Social Buttons

23

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

16

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

3-12-2012 4-52-01 PM

“ajax helper function (…) which can take in some basic ajax settings and either store the data locally on a JavaScript object or run a JavaScript callback function dynamically on ajax success. Using a ajax utility function will save you time from having to write ajax functions in mutiple files. It also keeps your ajax definition call in one place incase you need specific requirements for ajax such adding a loading image or specific error handlers.”

Professional Minimalistic Resume Template

3-12-2012 3-41-26 PM

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

18Working with HTML5’s multiple file upload support.

Bootstrap, from Twitter

22

Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

BustAname, a domain Search full of features

3-12-2012 5-13-38 PMBustAName is a tool to help find domain names. Watch the Video Tutorial to learn how to use it.

PHP Programming for Speed

8

“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

2-27-2012 9-17-16 AMA 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.



Related Deals


Related Posts