HTML

Smashing Magazine re­leas­es an­oth­er bril­liant free WordPress the­me, ap­pro­pri­ate­ly named, “Spec­tac­u­lar”. Available in HTML4.01 and in HTML5, de­signed by Maleika Esther Attawel.

The stylis­tic lan­guage of CSS has been among us for many years, yet while it pos­sess­es the abil­i­ty to en­gage and en­trance our vis­i­tors with in­creas­ing­ly com­plex feats of lay­out and de­sign engi­neer­ing, poor de­ci­sion mak­ing can af­fect the fi­nal out­come. While often due to a lack of aware­ness of the im­pli­ca­tions or from per­son­al choice, a num­ber of po­ten­tial­ly prob­lem­at­ic is­sues ex­ist that can re­sult from in­no­cent de­ci­sions. This ar­ti­cle aims to cor­rect the­se com­mon prac­tices. Proprietary (...)

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 (...)

Email Direct Marketing Campaigns (EDMs) are be­com­ing an in­creas­ing­ly pop­u­lar method of com­mu­ni­ca­tion and, as­sum­ing you are not a busi­ness selling male en­hance­ment prod­ucts, they can be very ef­fec­tive. But be­fore you start cod­ing an HTML email, there a few things you should be aware of. 1. Scrap (...)

The jQuery li­brary pro­vides sev­er­al tech­niques for adding an­i­ma­tion to a web page. These in­clude sim­ple, stan­dard an­i­ma­tions that are fre­quent­ly used, and the abil­i­ty to craft so­phis­ti­cat­ed cus­tom ef­fects. In this ar­ti­cle we've gath­ered 24 bril­liant and ad­vanced jQuery ef­fects that can re­al­ly sur­prise your vis­i­tors by their beau­ty and us­abil­i­ty. 24 Brilliant and Advanced jQuery Effect iCarousel iCarousel is a beau­ti­ful and sim­ple hor­i­zon­tal im­age slid­er, with a beau­ti­ful (...)

Cross browser com­pat­i­bil­i­ty is an op­tion to test the com­pat­i­bil­i­ty of your web site among the oceans of other sites. There is a pos­si­bil­i­ty of surf­ing out your web site from browser as for their wish or else lack of ef­fec­tive­ness in the web site. This is writ­ten for de­sign­er and de­vel­op­er to over come all the draw­backs of ear­lier test­ing op­tions. Being a web de­sign­er find­ing place in pop­u­lar brows­ing op­tion like fire­fox, sa­fari,chrome, in­ter­net ex­plor­er is im­por­tant. Browser test­ing is the (...)

Technology in smart phones the­se days are amaz­ing. It has helped us with a bet­ter com­mu­ni­ca­tion by us­ing the 3G tech­nol­o­gy and stay up con­nect­ed through wire­less in­ter­net us­ing the data plan. What's even bet­ter is that if you hap­pen to have iPhone. As the Apple trade­mark slo­gan of iPhone says, "There's an app for that!" made it easier for any­one to find any ap­pli­ca­tion on the App Store. Most of de­sign­ers prefers to use Mac for their tools in trade, and are most like­ly pair it with an (...)

In the world of web de­sign, blog­ging has be­come a sta­ple for most busi­ness­es look­ing to carve out a place of their own from which they can reach their in­tend­ed au­di­ence to grow and sta­bi­lize their busi­ness. Many of them turn to us, the de­sign­ers and coders, to de­ter­mine what the best course of ac­tion is is for their busi­ness­es needs. For the most part, it seems a large part of the com­mu­ni­ty tends to steer them to­wards WordPress. But is that al­ways the way to go? The Basic Rundown There is (...)

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 (...)

A great col­lec­tion of fresh high qual­i­ty de­sign tu­to­ri­als cre­at­ed in 2010. These de­sign tu­to­ri­als will show you how to cre­ate an im­pres­sive web­site de­sign us­ing Photoshop some awe­some tu­to­ri­als worth check­ing out whether you’re a novice or pro­fes­sion­al. It would be great if you could share with­in the com­ments your favourite de­sign tu­to­ri­al fea­tured with­in the post. 1. Create A Dark, Clean Website Design In Adobe Photoshop 2. Create a Chalkboard Style WordPress Layout in Photoshop 3. How to (...)

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 (...)

There are dozens of HTML tags, but I would ar­gue that you re­al­ly on­ly need five or six to put up a web page. Find out what tags I think you need at min­i­mum for web page HTML. Are there other tags that are just as im­por­tant in your opin­ion? Share your thoughts in the blog com­ments. Learn HTML Web Page HTML HTML - Learn to Write HTML - HTML Help Create a New Web Page Using Notepad Building a Web Page for the Totally (...)

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 (...)

This post is part of our dai­ly series of posts show­ing the most in­spir­ing im­ages se­lect­ed by some of the Abduzeedo's writ­ers and users. If you want to par­tic­i­pate and share your graph­ic de­sign in­spi­ra­tion, just send us, via email, the im­age with the link from where you found it, al­so use "Daily Inspiration" in the sub­ject, and don't for­get to send your Abduzeedo user­name; or via Twitter send­ing to http://twit­ter.com/ab­duzee­do If pos­si­ble use the HTML code: Do you want to see all (...)

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 (...)

Today we have an amaz­ing com­pe­ti­tion for you. We have 10 (TEN!!!) Design Cocktail III bundles to give­away. The bundle in­cludes 5 mega vec­tor packs (val­ue $280), 20 Photoshop brush packs (val­ue $200), Sketch font (val­ue $15), set of 1000 vec­tor il­lus­tra­tions (val­ue $110), Revolve WP the­me ($79), two HTML tem­plates ( $60), Admino PSD tem­plate ($10), and fi­nal­ly 10 t-shirt de­signs (coupon val­ue $150). Giving a to­tal bundle val­ue of just over $900, which you can buy for on­ly $29! All you have (...)

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 (...)