Javascript

While not strict­ly a web de­vel­op­ment tu­to­ri­al, this guide will show you how to build a ba­sic Gmail desk­top ap­pli­ca­tion in Adobe Air, HTML, CSS and Javascript.

In this ar­ti­cle you will learn how to con­vert a 3D Portfolio Dark Layout from PSD to HTML in a de­tailed step by step tu­to­ri­al. You will learn how to cre­ate this lay­out by us­ing a CSS frame­work, some CSS styles and Javascript in­to a valid HTML/CSS, cross browser com­pat­i­ble and dy­nam­ic lay­out. I hope that you can go through this tu­to­ri­al and learn a few tech­niques that will help you in fu­ture pro­jects. Now, let’s get start­ed with this tu­to­ri­al. Links you will need to com­plete this (...)

Glimmer al­lows you to easi­ly cre­ate in­ter­ac­tive ele­ments on your web pages by har­ness­ing the pow­er of the jQuery li­brary. Without hav­ing to hand-craft your JavaScript code, you can use Glimmer’s wiz­ards to gen­er­ate jQuery scripts for com­mon in­ter­ac­tive sce­nar­ios. Glimmer al­so has an ad­vanced mode, pro­vid­ing a de­sign sur­face for cre­at­ing jQuery ef­fects based on your ex­ist­ing HTML and (...)

With so many new de­tails sur­round­ing the CSS3 re­lease it can be dif­fi­cult for de­vel­op­ers to ful­ly grasp all of the changes. With the evolv­ing na­ture of the web we’re al­so see­ing great ad­vances in web­site struc­tures, file for­mats, units, and even in­te­gra­tion with HTML5 at­tributes. These trends will grow in­to the great­est it­er­a­tion of the World Wide Web we’ve ev­er seen! Although there is too much ma­te­ri­al to cov­er all topics we will be dis­cussing some of the ma­jor im­prove­ments to CSS3. Many new (...)

Web ac­cess is im­por­tant the­se days, no mat­ter where you are. Your cus­tomers’ abil­i­ty to ac­cess your web­site at their con­ve­nience is vi­tal. Making your web­site user-friend­ly on a com­put­er is one thing; mak­ing it avail­able on a mo­bile plat­form is an­oth­er. The mo­bile Internet is the next bat­tle­ground for de­vel­op­ers and de­sign­ers and should be se­ri­ous­ly con­sid­ered by ad­ver­tis­ers. Your reg­u­lar web­site won’t cut it on mo­bile phones. Making your web­site ac­ces­si­ble on a mo­bile net­work does re­quire a (...)

Campaign Monitor, a web-based email mar­ket­ing soft­ware for web de­sign­ers, re­cent­ly of­fered up 5 copies of their book, Create Stunning HTML Email That Just Works. Over 260 Six Revisions read­ers left a com­ment dis­cussing how the book would help them in their pro­fes­sion. This post an­nounces the 5 win­ners. The Winners Matt L. Din Jee Christopher Bishop paul go Congratulations to all the win­ners! The win­ners should al­ready have re­ceived in­for­ma­tion re­gard­ing their prize. Results of SQL (...)

Drew Conway and John Myles White of the web­site Dataists de­cid­ed to try rank­ing pro­gram­ming lan­guages us­ing a new sys­tem: the size of the com­mu­ni­ty and the num­ber of pro­jects. In Conway's blog post about the re­sults, he ad­mits that there's no per­fect way to find data about ei­ther mea­sure. He and Myles set­tled on us­ing the num­ber of ques­tions in StackOverflow as a mea­sure of the com­mu­ni­ty and the num­ber of pro­jects in Github as a mea­sure of the num­ber of pro­jects. Notably, the ranks from (...)

Any web de­sign­er in any level of ex­pe­ri­ence, must be start­ed at some point in life as a new com­er. A new com­er has al­most no ex­pe­ri­ence in the field, and it is noth­ing to be ashamed of! BUT they have sur­vived the prob­lems of a new com­er, they have con­tribut­ed to web de­sign as a whole, and are now rec­og­nized pro­fes­sion­als! Photo Credit Let us dis­cuss the first thought pro­cess­es and ac­com­pa­ny­ing ac­tions be­fore you em­bark on your jour­ney to look for your first de­sign job. You may even be a (...)

Episode 91 of The SitePoint Podcast is now avail­able! This week your hosts are Patrick O’Keefe (@iFrog­gy), Stephan Segraves (@sseg­raves), Brad Williams (@williams­ba), and Kevin Yank (@sen­tience). Listen in your Browser Play this episode di­rect­ly in your browser — just click the or­ange “play” but­ton be­low: Download this Episode You can al­so down­load this episode as a stan­dalone MP3 file. Here’s the link: SitePoint Podcast #91: The Best Site of All Time (MP3, 59.2MB, 1:04:39) Subscribe to the (...)

Google CEO Eric Schmidt wrote a blog post to­day about why the net­work com­put­er failed and how cloud com­put­ing has made it pos­si­ble to sup­port a Web-based op­er­at­ing sys­tem. Schmidt calls the an­nounce­ment of the Chrome OS note­book ear­lier this week one of the most im­por­tant de­vel­op­ments of his work­ing life. He says the news is tes­ta­ment to the ad­vance­ment of com­put­er science that al­lows de­vel­op­ers to use lightweight tools sup­port­ed by com­plex back-end sys­tems to cre­ate prod­ucts and ser­vices (...)

Documentation is like gift wrap­ping. It seems like su­per­flu­ous fluff, but your fam­i­ly tends to be rather dis­ap­point­ed when their pre­sents ar­rive in su­per­mar­ket car­ri­er bags, so you have to feign some sort of at­tempt at mak­ing your gift look en­tic­ing. Documentation doesn’t have to be all hard work and sel­lotap­ing your­self to a table – you can make it use­ful and rel­e­vant. Documentation gets a pret­ty rough deal. It tends to get left un­til the end of a pro­ject, when some poor de­vel­op­er is (...)

The other day I saw the an­nounce­ment for the new Chrome OS test lap­top and de­cid­ed to sign up on the off-chance that I might be able to snag one. In the re­quest form I made it very clear that I would be at­tempt­ing to use this lap­top for de­vel­op­ment (easi­ly my pri­ma­ry ac­tiv­i­ty). Surprisingly the lap­top ar­rived this morn­ing and I've been hav­ing fun putting it through its paces. (Note: There doesn't ap­pear to be a way to take screen­shots of the Chrome OS UI - mak­ing this post a bit less (...)

the week in type Perhaps you thought ‘The Week in Type’ was dead. Well, this post marks its res­ur­rec­tion. It won’t be week­ly just yet, but from 2011 it will be: a week­ly roundup of new re­leas­es, type and let­ter­ing to in­spire, type tips, videos, and lots, lots more. If you haven’t yet sub­scribed to ILT, then do so now — that way, you’ll nev­er miss a thing. So, ladies and gentle­man, with­out fur­ther ado, I pre­sent The Week in Type. Enjoy. The biggest news from my camp is that ILT will soon be a (...)

Curated.by has quick­ly be­come a new ad­dic­tion for me (as if I need­ed an­oth­er). In just the short amount of time that I've been a mem­ber of the site, I have dis­cov­ered many use­ful Internet and so­cial me­dia tools and apps. The idea be­hind Curated.by is to make it easier to find "the good stuff" on Twitter. The goal of the site is "to help where a Twitter list or hash­tag search is just not good enough." As a mem­ber and cu­ra­tor of the site, your job is to put web­site links to­geth­er in what (...)

Twice a mon­th, we re­vis­it some of our read­ers’ fa­vorite posts from through­out the his­to­ry of Nettuts+. Implementing AJAX tech­nol­o­gy can be a hit or miss thing. Do it well and you’ll have users rav­ing over the slick­ness it pro­vides to the gen­er­al user ex­pe­ri­ence, while, if you mess it up, you’ll be at the re­ceiv­ing end of their wrath. Here are 24 tips to guide through the pro­cess of im­ple­ment­ing AJAX tech­nol­o­gy with­in your web ap­pli­ca­tion. 1. Understand What it All Means First up, you (...)

This blog post is a ver­sion of Eric’s talk at our Chrome event on Tuesday, December 7, 2010. You can watch his talk on YouTube. - Ed. On Tuesday, we an­nounced a num­ber of up­dates to Chrome and Chrome OS. For me, the­se an­nounce­ments were among the most im­por­tant of my work­ing life—demon­strat­ing the re­al pow­er of com­put­er science to trans­form peo­ple’s lives. It’s ex­traor­di­nary how very com­plex plat­forms can pro­duce beau­ti­ful­ly sim­ple so­lu­tions like Chrome and Chrome OS, which any­one can use from (...)

For a while now, here on Smashing Magazine, we have tak­en no­tice of how many de­sign­ers are re­luc­tant to em­brace the new tech­nolo­gies such as CSS3 or HTML5 be­cause of the lack of full cross-browser sup­port for the­se tech­nolo­gies. Many de­sign­ers are com­plain­ing about the nu­mer­ous ways how the lack of cross-browser com­pat­i­bil­i­ty is ef­fec­tive­ly hold­ing us back and ty­ing our hands — keep­ing us from com­plete­ly be­ing able to shine and show off the full scope of our abil­i­ties in our work. Many (...)

One of the high­lights of D: Dive Into Mobile was get­ting a few min­utes to see RIM’s forth­com­ing PlayBook tablet in ac­tion. However, from there, things seemed to go down­hill for CEO Mike Lazaridis. According to the over­whelm­ing con­sen­sus of both pun­dits and many of those in the room, Lazaridis’s talk left peo­ple even more skep­ti­cal that RIM tru­ly is pre­pared to re­spond to the threat posed by Android and the iPhone. Despite the rough go­ing on stage, Lazaridis was kind enough to talk with (...)

This 2-part tu­to­ri­al on Design Instruct, our other site, will walk you through the cre­ation of a Photoshop mock-up as well as provide you with a de­tailed guide on how to con­vert the de­sign in­to an HTML5 tem­plate. Final Result Click the pre­view im­age be­low to go to Part 1 of the tu­to­ri­al series on Design Instruct (or go to Part 2 in­stead). Other Things to Do Subscribe to the Design Instruct RSS feed Follow @de­signin­struct on Twitter Related Content How to Make an Elegant Patterned (...)

In this 4-min­ute video on web app ac­ces­si­bil­i­ty, you’ll learn a tech­nique that can help you im­prove the ac­ces­si­bil­i­ty of con­tent that loads in via AJAX. This video is from ­Think Vitamin Membership, a high-qual­i­ty video train­ing site, cu­rat­ed by us at Carsonified and Think Vitamin, with hun­dreds of short videos on topics like … Accessibility CSS3 Design Django HTML & CSS HTML5 JavaScript jQuery NoSQL PHP Ruby Ruby on (...)