Design your way

Monday, January 5, 2015

jQuery is in almost every modern website and there’s a good reason for that. jQuery plugins are used by web designers to give a smoother experience to websites’ visitors.


Besides functions that will improve user experience, jQuery is also used for making a website look cooler. An easy way to do that is by using animation libraries.


Animation is just a small thing that jQuery can help you with when creating a website. Think of it this way: whenever you are designing a website, you can stop limiting yourself when it comes to creativity. If you are uncertain if a certain feature can be implemented, search for a jQuery plugin. There is surely one that can do what you desire.


In this article you will see useful jQuery plugins that will help you make your website look better and improve its user experience. Most of the plugins that you will see will refer to the latter. We’re focusing our attention on UX and you should too. A pretty site is useless if its visitors can’t use it with ease.


Midnight.js lets you switch fixed headers on the fly


Midnight.js


Vivus, bringing your SVGs to life


Vivus, bringing your SVGs to life


Chartist – Simple responsive charts


Chartist - Simple responsive charts


Animsition


Animsition


InstantClick


InstantClick


wysiwyg.js


wysiwyg.js


Unite Gallery


Unite Gallery


jQuery.Simple-Event-Calendar


jQuery.Simple-Event-Calendar


Responsive 3D Fold Animation on Scroll


Responsive 3D Fold Animation on Scroll


OKZoom


OKZoom


jQuery Scrollify – Power steering for your scroll wheel


jQuery Scrollify - Power steering for your scroll wheel


SweetAlert


SweetAlert


jQuery Drag & Drop Shopping Cart


jQuery Drag & Drop Shopping Cart


ScrollUpBar Plugin


ScrollUpBar Plugin


jQuery Sidebar 3.0.0


jQuery Sidebar 3.0.0


Tipso – A Lightweight Responsive jQuery Tooltip Plugin


Tipso A Lightweight Responsive jQuery Tooltip Plugin


Oh Snap! – A simple notification jQuery/Zepto library designed to be used in mobile apps


Oh Snap! - A simple notification jQuery/Zepto library designed to be used in mobile apps


Material Design Preloader


Material Design Preloader


Jquery Youtube Background Video


Jquery Youtube Background Video


FilmRoll: jQuery Carousel


FilmRoll: jQuery Carousel


tabulous.js


tabulous.js


jQuery FancyIndex Plugin


 jQuery FancyIndex Plugin


Dropper: A jQuery plugin for simple drag and drop uploads


Dropper: A jQuery plugin for simple drag and drop uploads


Flip – A jQuery plugin to flip content with 3D animation


Flip - A jQuery plugin to flip content with 3D animation


jQuery finger


jquery finger


Slippry – A responsive slider


Slippry - A responsive slider


Justified.js – jQuery Plugin to create Justified Image Gallery


Justified.js - jQuery Plugin to create Justified Image Gallery


pagePiling.js


pagePiling.js


ItemSlide.js – jQuery plugin for a touch carousel


ItemSlide.js - jQuery plugin for a touch carousel


Gridstack.js – jQuery plugin for widget layout


Gridstack.js - jQuery plugin for widget layout








Source: http://ift.tt/1KetjGh

Line25 Sites of the Year: The Best Designs of 2014

Sunday, January 4, 2015

Every week of 2014 I’ve showcased the best website designs I discovered during my every day web browsing. This special end of year post features the best of the best, pulling together the awesomest designs from all 2014 Sites of the Week posts into one showcase of super cool web designs. Which design was is your favourite?



Kaber Technologies


Kaber Technologies


Hammerhead


Hammerhead


BarCamp Omaha 2014


BarCamp Omaha 2014


Munchery


Munchery


Bellroy


Bellroy


Grace Coote


Grace Coote


Degordian Academy


Degordian Academy


Tiny Giant Creative


Tiny Giant Creative


WILD


WILD


Codepeak Studio


Codepeak Studio


LETTERS, INC.


LETTERS, INC.


Intercore


Intercore


Grovemade


Grovemade


Wifeel


Wifeel


Kin HR


Kin HR


Brand Aid


Brand Aid


Sparkbox


Sparkbox


Visage


Visage


Blue Dolphin Charters


Blue Dolphin Charters


Focus Lab, LLC


Focus Lab, LLC


Pigeon Road


Pigeon Road


Bay Street Biergarten


Bay Street Biergarten


Flywheel Co.


Flywheel Co.


Andy Wolf Eyewear


Andy Wolf Eyewear


The Fernway


The Fernway


The New Wave Company


The New Wave Company


The post Line25 Sites of the Year: The Best Designs of 2014 appeared first on Line25.







Source: http://ift.tt/1HxvAtF

JotForm Online Form Builder- An Essential Tool for Web Designers


Advertise here with BSA




Designing and building a website takes a lot of work. To be successful you need those with design skills, and those who can do web development. An ideal team has people with the following skillsets:



  • Graphic Design

  • Front End Coding – HTML/CSS/JavaScript

  • Back End Coding – PHP (or similar)/SQL/SysAdmin


It’s no secret that some of the best websites have poorly regarded designs. Craigslist and Google’s home page come to mind. They are built with limited attention to visual appeal, and yet are among the most valuable properties on the web. In some cases functional utility trumps aesthetics.

Google.com Won’t Win Any Design Contests

But not all cases.


Websites are intrinsically visual. Before a user feels comfortable engaging in one’s service, sometimes they need visual assurance that this is a site they can relate to. Which is why web designers are in such high demand. Building the presentation is critical, and in some cases, is all a client really wants. Many companies need a website to be a billboard- an online brochure for their business. Backend skills can at times be minimally required. Frequently these are handled by using a framework or CMS, such as Laravel or WordPress.


This works, and client lists get lengthy, and people are happy. That is, until it comes to forms. Building an online form requires the full set of web development skills. You need front end developers to build the form itself, and backend developers to build the parts that collect submissions and process them. A typical submissions workflow entails sending an email notification, storing info in a database, or sending the results to a third party system such as a contact manager.


This is where front end developers shine the least, and any amount of visual appeal can’t make up for it. You need a backend developer to process one’s form submissions. A common workaround is to place an email address on the web page. In practical terms, forms drive up the cost of web design projects, and sometimes are cut.

2014-12-18_1654

Online form builders give web designers the ability to quickly manage the form building process. And you need one. Building forms is cumbersome and tedious, if not finicky and error prone. Online form builders turn form building into a simple and easy process. Today I’ll introduce JotForm, a leader in online form building.


There are two main ways to use JotForm.


For users that prefer to be hands on:



For users that favor using prefabricated forms and designs:



They can all be used together. First you need to select all the fields that are needed for your form. For example, a contact form needs fields for name and email address. With JotForm’s Form Builder you can add these fields to your form, label them, and adjust the properties. Another way to accomplish the same thing is find a template that has a similar list of fields that you’d like, and use it as a base. Then within the form builder it can be fine tuned to one’s specific needs.

JotForm’s Form Templates

Once the fields of the form are defined, you then want your form design to match the rest of the site. This can be accomplished by using JotForm’s recently released Form Designer. This groundbreaking design tool allows you to quickly match the color, layout, and style of the site in which it will be embedded. It can be utilized in three ways:



  • The most commonly adjusted design properties can be done so on the design interface. Set background colors, spacing, fonts, and borders.

  • The CSS Helper is its largest innovation. By clicking on a field on the form it creates the CSS selector, and also presents a list of valid properties that can be adjusted. Select the one you want, then add a valid value. It takes the hard work out of writing CSS.

  • For seasoned designers, the CSS can be edited manually, providing full control.


JotForm’s CSS Helper, Within the Form Designer

For those who don’t want to design their form from scratch, they can visit the Theme Store and find a design they like. These are free, or can be purchased for a small fee. Once selected it can be added to your form, and further customized in the Form Designer as needed.


Within the Form builder one can also set up integrations with third party systems including SalesForce, Google Docs, and DropBox. Email notifications should also be set up, and can be conditionally optimized. If a user makes a request for just sales, it can be sent to the sales department, for instance.


Once designed and built, the form can be readily published into any web page using an embed code. Pick your favorite CMS or custom built web page, and add it in. A permanent standalone link is also available if you’d like to send it out via email or social networks.


Online form builders are a critical tool for web designers. They’re particularly useful for those who are more skilled with front end development, and don’t want the hassle of linking in the backend processing. JotForm provides a complete package in building one’s form. In particular, its recently released Form Designer gives web designers the ability to match any form to their designs.


Do you use an online form builder? Tell us about your experience in the comments.





Advertise here with BSA







Source: http://ift.tt/1F7szm5
 

The Cash Box Blueprint

Most Reading