-
New in the HTML5 Development Center
-
Adobe Edge Preview 4: How To Transition Text from Black to Red
-
Developing in HTML5 with the New Structure Elements: The Basics
-
Browser-specific Error Catching in JavaScript
-
Introduction to HTML5 Web Workers: Use Cases and Identify Hot Spots
-
New Goodies
-
Surviving a Hack
Whether your site has been up for 10 years or for 10 minutes, web site security and protecting yourself from hackers is something you need to understand. Knowing how to cure a hack is even more important.
-
Adobe Edge Preview 4: How To Transition Text from Black to Red
If you haven't heard of Adobe Edge yet, it's Adobe's tool-in-development that allows website designers and developers to create animations using HTML5, CSS3 and JavaScript. In this article we'll tell you all about Edge and how to use it to transition text from black to red.
-
Browser-specific Error Catching in JavaScript
In this installment on error handling in JavaScript, we'll be taking a look at how to code your exception handling in JavaScript in a way that takes browser discrepancies into account.
-
Developing in HTML5 with the New Structure Elements: The Basics
In the early days of web development the restrictions on how a page could be laid out were extremely limiting. With HTML5 the trend shifts a bit from removing restrictions to adding structure to HTML elements that are related to content layout. In this article we'll explore the basics of an HTML5 page structure with four new elements: header, nav, section and footer.
-
Create a Thumbnail Proximity Effect Using CSS3
In this tutorial, we will show you how to create a thumbnail proximity effect using CSS3. What does that mean? Basically, we will take a large collection of thumbnail images and when a visitor hovers over a particular thumbnail, not only does that specific thumbnail enlarge, the thumbnails within a close proximity also enlarge, just not as much.
-
HTMLGoodies Sponsored Content
-
Introduction to HTML5 Web Workers: Use Cases and Identify Hot Spots
Previously we introduced HTML5 Web Workers, showed you how to post messages using JSON, and discussed web browsers support, non-accessible elements, and error handling & debugging. This week we will look at use cases and specific scenarios for the use of Web Workers, and will show you how to locate hot spots within your code.
-
Introduction to HTML5 Web Workers: Browser Support, Non-accessible Elements and Error Handling
In the first part of this article, we introduced HTML5 Web Workers, and showed you how you can use the technology to post messages using JSON. This week we will tell you which web browsers support them, discuss the elements that are non-accessible to them, and dig into error handling & debugging.
-
Introduction to HTML5 Web Workers: the JavaScript Multi-threading Approach
HTML5 applications are obviously written using JavaScript. But compared to other kinds of development environments (like native ones), JavaScript historically suffers from an important limitation: all its execution process remains inside a unique thread.
-
Learn HTML5 in 5 Minutes: Backwards Compatibility for Older Browsers
We’ve discussed a lot of cool new functionality in HTML5, including the new semantic elements, the canvas tag for drawing, and the audio and video support. But you can’t possibly adopt HTML5 when many of your users don’t have HTML5-compatible browsers yet, right? In fact, you can still use the new features without breaking your site for users with older browsers, as we will show in this installment!
-
Featured Goodies
-
Getting Started with Joomla!
If you've never heard of Joomla!, it's known as a CMS (content management system), which allows you to build complex web sites and run various applications. In this article we'll look at the many options for setting up Joomla! and how to configure the software.
-
Quick HTML Reference
All HTML Tags and Commands
-
How to Build Asteroids with the Impact HTML5 Game Engine
In this tutorial, I'm going to show you how to build a simple space-based asteroids game using the Impact HTML5 game engine, one of the more robust engines out at the moment.
-
Web Developer Daily News
-
Joomla: Close information disclosure holes… CHECK!
Lets face it, being a victim, at least in most cases, really stinks and the folks at Joomla understand this just as much as the programmers who charge you a ridiculous fee for their content management systems.
-
Joomla 2.5 Content Management System Released To The Masses
The developers at Joomla this week announced the release of the latest version of the open source content management system (CMS), Joomla 2.5. This latest release features many enhancements and additions including advanced search, multi-database support using SQL Server, and automatic update notifications.
-
JavaScript-based Dashboard Widgets Released by FusionCharts
This week FusionCharts announced the release of a JavaScript-based version of its FusionWidgets called FusionWidgets XT. FusionWidgets XT enables businesses to monitor and display KPI's and critical data using guages and charts typically associated with a dashboard.
-
Yes Virginia, Even Walmart Is On the Node.js Bandwagon
The Node.js framework has been in the spotlight recently, and today at the Node Summit, Walmart execs discussed the reasons why they have chosen to use the server-side technology themselves. Among the reasons cited, the biggest factor in their decision was that the benefits of using Node.js far outweighed the risks.
-
Will thePlatform's HTML5 Player Top Them All?
This week thePlatform announced the release of a new HTML5-based video player that was created to be cross-platform and device independent. In fact, thePlatform believes that it will be the single HTML5 player used by developers going forward, in spite of the lack of a real video standard across browsers.
-
Create Web Apps Faster With Ruby on Rails 3.2
The folks behind Ruby on Rails recently announced the release of Ruby on Rails 3.2, which features several improvements which allow a more rapid application development process. Ruby on Rails is an open source web app framework that is used for the creation of web pages that are based on the Ruby scripting language.
-
Beyond HTML
-
How To Create Custom Select Menus with CSS
Of the three elements that can't be styled using CSS, radio buttons and checkboxes are easy to simulate. Select menus however are harder to handle, but in this tutorial, we're going to show you how to do just that.
-
Web Design Class: Animated Menu Buttons with CSS3
Hover effects are an effective way to let the visitor know their mouse is positioned over a button. In this tutorial we'll show you how to create animated menu buttons with hover effects using CSS3.
-
HTML and Graphics Tutorials
-
From Camera to Browser: Optimizing Images for the Web
Over the years, the world has seen a change in the way that cameras are made and how they store image data. In the past, it was film. Now, for the most part, it's digital information. In this article, we'll look at the ways that images make it from the camera to the web.
-
Working with Images in HTML and CSS3
You’d be hard pressed these days to find a website that doesn’t use images. However, not all sites use images in the best possible way. In this article we'll show you how to properly use images on your site, as well as a couple of CSS3 tricks that you might want to experiment with.
-
Primers
-
Providing an HTML5 Date Input control with Fallback
The HTML5 Date Input control has been long awaited and makes inputting dates simple for both the user and the web developer. In this tutorial, we'll be building a Accrued Interest calculator that accepts a start and end date to create the period.
-
An Overview of the W3C HTML5 Document Outliner Algorithm
HTML4's use of div and header tags to describe a document's structure has many limitations that can be a problem for web developers. This article tackles that issue, and specifically focuses on the Header and Section elements, describing how to effectively use them to define the desired outline for your HTML documents.
