Javascript

3 Glaring Signs That Cry Out for a Website Redesign

The thought of redesigning and revamping a website can be scary for most web designers The thought of all the work and effort to design their website all over again can be frightening more so are the countless review cycles opinions from numerous stakeholders comments from site visitors and other factors to consider and this is enough to drive them crazy
Revamping your site is a mega-headache redesign is necessary at one point in the web site’s life cycle You will need to revamp your site at some point in time and the sooner the better You need…..

javascript / jquery / js / xhtml — No Comments
05
Feb 12

Keys to Email Creative Success: Marketing and Design

Only a few years ago people were getting rich spamming and scamming our Grandma’s and Grandpa’s AOL email boxes Today people are smarter and now understand that the Nigerian Prince really doesn’t want to give them ten million dollars and only if you claim it in the next ten minutes But email creatives are still a very important part of legit online marketing campaigns of high quality products and services
Email ads and newsletters are still big converters mainly because you can directly reach your target audience and keep them…..

css / design / html / javascript / jquery / webdesign — No Comments
04
Feb 12

Ultimate Guide on How to Host Your Own Blog – For The Non-Technical

Lately there have been a lot of people trying to hire us to create a website for them others even ask for quotes and present a short plan that they have made The problem is we’re not a company that will design and develop websites for clients we’re an internet publisher focused on writing guides inspirational articles reviews and the lot
My friends it has come to this Many have asked for help and now I will walk you through it all even without knowledge of coding you will be able to create a website in just one hour after…..

css / javascript / jquery / xhtml — No Comments
04
Feb 12

Using jQuery’s .pushStack() for reusable DOM traversing methods

The pushStack() method has been in jQuery since before version 10 but it hasn’t received a whole lot of attention outside of core developers and plugin authors While its usefulness may not be immediately apparent it can come in really handy in some situations so I’d like to take a quick look at what it does how it works and how we can use it

pushStack Basics
At its most basic level the pushStack() method accepts an array of DOM elements and “pushes” it onto a “stack” so…..

css / javascript / jquery / xhtml — No Comments
04
Feb 12

Using jQuery’s Data APIs

In the beginning (well beginning with jQuery 123 in early 2008) there was the jQuerydata() API It offers a way to associate JavaScript data — strings numbers or any object — with a DOM element As long as you manipulate the DOM element with jQuery the library ensures that when the DOM element goes away the associated data goes away as well This is especially important for older versions of IE that tend to leak memory when JavaScript data is mixed with DOM data

Most jQuery code sets data values using the higher-level …..

css / design / html / javascript / jquery / webdesign — No Comments
04
Feb 12

38 Remarkably Designed Donation Pages Which Will Soften Your Heart

For the majority of non-profit organizations online fund-raising has become one of the most important sources of income especially the last 10 years Designing an inspiring and appealing donation page can certainly make a big difference in converting large numbers of visitors into donors But unfortunately many non-profit organizations simply overlook this much more mundane aspect of online appeal while paying loads of attention and time in developing innovative and inspirational online content In this round-up we are showcasing some exceptionally designed donation pages for your inspiration

1 Save the Children
…..

css / javascript / jquery / js / xhtml — No Comments
03
Feb 12

Prevent Form Field Autocomplete

Preventing autocompletion of form fields is incredibly important since we never know where our users are completing them from They could complete them from a super secure computer or an incredibly public computer Regardless of security level some field values should never be remembered like credit card number social security number etc Preventing autocompletion is as simple as adding one attribute to a FORM tag for individual form fields The HTML The autocomplete attribute is the key This attribute may be added FORM tags to prevent any autocompletion:
<form method=”post” autocomplete=”off”>
You may…..

css / javascript / jquery / js / xhtml — No Comments
03
Feb 12

Custom Getters and Setters with MooTools

Working with Dojo all day and scoping out MooTools at night gives me a unique perspective; I get to constantly evaluate the two frameworks and mentally move functionalities from framework to framework One small but handy feature within the Dojo Toolkit’s Dijit UI Framework is its set/get system Dijit allows developers to add custom methods tied into simple get and set methods to allow manipulation properties into and on the way out of a class I took a few moments to implement this system in MooTools The idea is that…..

css / html / html5 / javascript / jquery / xhtml — No Comments
03
Feb 12

HTML5 and the Web Audio API are BFFs!

DEMO

As part of the MediaStream Integration with WebRTC the Web Audio API recently landed an undercover gem known as createMediaElementSource() Basically it allows you to hook up an HTML5 <audio> element as the input source to the API In layman’s termsyou can visualize HTML5 audio do realtime sound mutations filtering etc!

Normally the Web Audio API works by loading a song via XHR2 file input whateverand you’re off Instead this hook allows you to combine HTML5 <audio> with the visualization…..

css / javascript / jquery / webdesign / xhtml — No Comments
03
Feb 12

Designing the SimpleAdmin Theme: Dashboard

This entry is part 2 of 2 in the series The SimpleAdmin Theme It’s time for the second part in our SimpleAdmin screencast series In the previous video we covered the login page today we’ll design our dashboard including tables a sidebar and tabbed interface

Part 2: Designing the Dashboard

Don’t like ads? Download the video or subscribe to Webdesigntuts+ screencasts via iTunes!

Further Resources

Crisp web app icons …..

javascript