Tag Archive: Coding


For a while now, here on Smashing Magazine, we have taken notice of how many designers are reluctant to embrace the new technologies such as CSS3 or HTML5 because of the lack of full cross-browser support for these technologies. Many designers are complaining about the numerous ways how the lack of cross-browser compatibility is effectively holding us back and tying our hands — keeping us from completely being able to shine and show off the full scope of our abilities in our work. Many are holding on to the notion that once this push is made, we will wake to a whole new Web — full of exciting opportunities just waiting on the other side. So they wait for this day. When in reality, they are effectively waiting for Godot.

Just like the elusive character from Beckett’s classic play, this day of full cross-browser support is not ever truly going to find its dawn and deliver us this wonderful new Web where our work looks the same within the window of any and every Web browser. Which means that many of us in the online reaches, from clients to designers to developers and on, are going to need to adjust our thinking so that we can realistically approach the Web as it is now, and more than likely how it will be in the future.

Sometimes it feels that we are hiding behind the lack of cross-browser compatibility to avoid learning new techniques that would actually dramatically improve our workflow. And that’s just wrong. Without an adjustment, we will continue to undersell the Web we have, and the landscape will remain unexcitingly stale and bound by this underestimation and mindset.

Read the rest of this post on SmashingMagazine.com

Once you’ve learned about web standards, validation and semantics, the next important thing is to learn how to speed up your coding. By speeding up the time it takes to code a site, you’re able to both schedule in more projects and charge more for the work you do.

Of course, speed means nothing if you don’t continue to adhere to proper standards and you present a client with a buggy site. But there are a lot of great ways to increase coding speed without comprising quality, and a lot of times it’s possible to make better websites as well!

Read the rest of this post on ThinkVitamin.com

Designing and indeed front-end development for a website that will have content edited by non-technical users poses some problems over and above those you will encounter when developing a site where you have full control over the output mark-up. However, most clients these days want to be able to manage their own content, so most designers will find that some, if not all, of their designs end up as templates in some kind of CMS.

By considering the CMS as you design, you can maintain far more control over the final output. If your designs will be implemented and integrated into the CMS by a developer, then taking control at the design phase will help you to keep control over the design as opposed to leaving decisions to the developer or the content editors.

Read the rest of this post on SmashingMagazine.com

Web standards should be a driving force behind the work of any designer or developer. They provide a scale against which to measure the quality, structure, syntax and methodology of design work.

To explain the benefits of web standards, I’ve compared on my own blog the landscape of the web today with that of 10 to 15 years ago.

Questions related to cross-browser compliance and the necessity of testing extensively before launching still linger, but the standardization of DOM, (X)HTML, CSS and a number of other technologies has made the digital world much more predictable.

When coding a standards-compliant website, we can be reasonably certain that it will render the same in Firefox, Safari, Chrome, Opera and even Internet Explorer (from version 7 up, of course). Inconsistencies do arise, but anyone who has stood on either side of the past decade of web design and development would surely recognize the value of standards.

Read the rest of this post on WebDesignerDepot.com

Too often as developers, we ignore a crucial last step before launching a website: optimizing for performance.

Most developers now recognize that organized, valid code ensures maintainability and compatibility.

Anyone who doubts this merely has to speak to a developer who has picked up work on an old website that is littered with unorganized, uncommented spaghetti code.

Just as preparing our code to be read by other developers is important, so is preparing our code to be read by browsers. Great web development might start with great organization, but it ends with great optimization.

This article introduces best practices of front-end performance.

Read the rest of this post on WebDesignerDepot.com

Coding is one such area of specialization where even big daddies commit silly mistakes and it is the website that gets punishment for that. Careless coding not only makes a website unresponsive at times, but it can also make a website virtually invisible in the online industry. Therefore, if you are running a website, you need to check and recheck all the codes to increase the visibility of your website and to make it more search engine friendly. Here we are going to share some common HTML and CSS coding errors that can have detrimental effects on your website’s overall online presence.

Read the rest of this post on WebGuru-India.com

Learning to Love HTML5

It seems that new resources and articles for teaching and promoting HTML5 are popping up almost daily. We’ve been given HTML5 templates in the form of the HTML5 boilerplate and HTML5 Reset (although they both go beyond just HTML5 stuff). We’ve got a plethora of books to choose from that cover HTML5 and its related technologies. We’ve got shivs, galleries, and a physician to help heal your HTML5 maladies. And don’t forget the official spec.

From my own vantage point — aside from a few disputes about what the term “HTML5″ should and shouldn’t mean — the web design and development community has for the most part embraced all the new technologies and semantics with a positive attitude.

While it’s certainly true that HTML5 has the potential to change the web for the better, the reality is that these kinds of major changes can be difficult to grasp and embrace. I’m personally in the process of gaining a better understanding of the subtleties of HTML5′s various new features, so I thought I would discuss some things associated with HTML5 that appear to be somewhat confusing, and maybe this will help us all understand certain aspects of the language a little better, enabling us to use the new features in the most practical and appropriate manner possible.

Read the rest of this post on SmashingMagazine.com

Recently, we talked about how to verify your store’s site with Google Webmaster Tools and why it’s important to do so.

Now let’s talk about how to start using the Webmaster Tools. The very first thing you should do is to upload your sitemap.

What are sitemaps and why are they important?

A search engine sitemap is an XML file, normally called sitemap.xml, that contains a list of all the pages on your site. This file normally sits at the top of your directory in your server and points the search engines to your site.

Most of the time, search engines can easily find your pages on their own, but sometimes they have problems crawling dynamic content or pages that aren’t linked together and need help. Google uses the data in your site map as sort of a road map, to ensure that they find everything you want them to find.

Read the rest of this post on corecommerce.com

A website’s design gets all the glory. When someone visits a site, you’ll hear them talk about how awesome the design is–but, do you ever hear someone talk about how awesome the code is? Never!

Regular people can’t see code, nor do they care to see it or what it looks like. It’s precisely this reason that there’s so much ugly code in the web world today. People don’t see it so developers don’t believe that clean code is important, but it is.

Read the Rest of the Post on FreelanceFolder

Follow

Get every new post delivered to your Inbox.