HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Mikko Ohtamaa05/04/13
3525 views
0 replies

Converting presentation slides to HTML blog post with images

Here is a Python script to convert a PDF to series of HTML tags with alt texts. It makes the presentation suitable embedded for a blog post and reading on a mobile device and such.

Allen Coin05/03/13
1506 views
0 replies

Scalable and Modular CSS FTW!

"Scalable and modular CSS architectures and approaches are the new hotness and rightfully so. They provide sanity, predictably and scalability in a potentially crazy coding world."

Paul Underwood05/03/13
1194 views
0 replies

Disable Scroll Wheel Zoom On Google Maps

When you are using the Google map API on your website it will override the the scroll mouse event and act as the zoom on the maps. This causes a problem when you have a large or full screen map. The parameter that you need to add to disable the scroll wheel is called scrollwheel, setting this to false will disable the feature.

Raymond Camden05/03/13
2282 views
0 replies

Check out Brackets Sprint 24

I don't normally do a blog post for new Brackets releases, but I wanted to specifically call out the most recent release, Sprint 24. From the web site, this release includes:

Niels Matthijs05/03/13
4983 views
0 replies

Responsive != Mobile: Ditching Assumptions

Let's be clear once and for all: even though mobile kick-started the responsive revolution, responsive does not equal mobile.

Rob Allen05/02/13
1349 views
0 replies

injecting configuration into a ZF2 controller

One thing you may find yourself needing to do is access configuration information in a controller or service class. The easiest way to do this is to use the ServiceManger's initialiser feature.

Terrence Ryan05/02/13
1845 views
0 replies

Facebook Chatheads in CSS

Facebook's new chatheads are those circular profile pictures with drop shadows. This tutorial walks you through how to recreate them in HTML/CSS.

Henri Bergius05/02/13
1648 views
0 replies

Automated linking with rich text editors

The web is built of links, of pages linking to other resources on the internet. But making those links manually is tedious. This is another area where modern inline editors could do better.

Paul Underwood05/02/13
1449 views
0 replies

Always Get A Checkbox $_POST Value

The problem with checkboxes is that if they are not checked then they are not posted with your form. If you check a checkbox and post a form you will get the value of the checkbox in the $_POST variable which you can use to process a form, if it's unchecked no value will be added to the $_POST variable.

Allen Coin05/01/13
1976 views
0 replies

Video: Pure, Functional Javascript

"Are you comfortable passing functions around, returning them from other functions, and generally enjoy the pleasures of higher-order functions? Join in on a brief hour implementing ideas from functional programming in JavaScript."

Paul Underwood05/01/13
1986 views
0 replies

Add Google+ Comments To Your Site

The difference that Google plus comments has over Facebook comments is a massive benefit of including all comments from Google plus on your page. This is not yet officially available to blogging platforms like WordPress, but that doesn't stop Web Developers coming up with a way of getting comments on your site.

Andrzej Krzywda05/01/13
1585 views
0 replies

Video: Single Page Applications Fight

During the last wroc_love.rb conference we've organised a "fight" between 4 different approaches to Single Page Applications. Below is the video (0.5h) and a very short and simplified transcript from this event.

Derik Whittaker05/01/13
1530 views
0 replies

Inheritance issue w/ Typescript (JavaScript) and MVC Bundling Ordering

Today I extended one of our classes to use inheritance via Typescript (love that). When I refreshed the page I received an error here:

Raymond Camden04/30/13
769 views
0 replies

Auto-escaping code blocks in Reveal.js

Warning - this falls into the "Cool, but may not be a good idea category." I'm a huge fan of the Reveal.js framework for HTML-based presentations and I've already posted a few of my utilities/tips/etc for making it work better (or at least better for me).

Derik Whittaker04/30/13
847 views
0 replies

Knockout Click binding and the ‘this’ context

When using Knockout JS wiring to the click binding is cake and simply just works. Or does it?

Paul Underwood04/30/13
846 views
0 replies

Display A List Of Authors On WordPress

If you want to create a page to display all the authors you have two options, you can create a new page template which will allow you to code the layout of the page to show all the authors. The other option is to create a shortcode where the user of the site can use this on a new page content to create a list of all the authors.

Catalin Red04/30/13
1366 views
0 replies

Removing an element with the plain JavaScript remove() method

As you might know, the DOM does not supports removing an element directly. When removing an element with JavaScript, you must go to its parent first instead. This was always odd and not so straightforward.

Allen Coin04/30/13
5410 views
0 replies

Links You Don't Want to Miss (Apr. 30)

Today: They don't make diplomas like they used to, according to study: programmers' skills age like fine wine, an addictive in-browser game by Notch, and announcing HTML9 Responsive Boilerstrap JS!

Michael Schloh ...04/29/13
4588 views
0 replies

The Definitive Guide to Developing Portable Tizen Apps

An analysis of the available Tizen APIs begins with consideration of standards and portable web technologies. The Tizen architecture is reviewed, and contrasting its Web and Native Frameworks leads to an inspection of Tizen’s deployment approach and how it affects web logic and content of both server-based and locally installed apps.

Gil Fink04/29/13
1093 views
0 replies

JavaScript Libraries are Not Your Front-End Architecture

One of the misunderstandings I’m facing a lot is calling the existence of JavaScript libraries in the solution a solution architecture. Sorry to say that but JavaScript libraries are not front-end architecture!

Raymond Camden04/29/13
1218 views
0 replies

New Brackets extension - JSDownloader

Bower is pretty damn powerful and I definitely recommend folks take a look at it. But what if you just want a copy of the library, one time, and that's it?

Niels Matthijs04/29/13
1431 views
0 replies

CSS Specificity Issues: States, Variations, and Conflicts

One of the core basics of css is its set of specificity rules. Most of the time css specificity works well, as long as you purposely describe the elements you want to target, but there are some underlying flaws in the concept that could do with a little extra attention.

Allen Coin04/28/13
1146 views
0 replies

Video: Typescrit: JavaScript development at scale

TypeScript is a new programming language aiming to improve the development experience of writing and maintaining application-scale JavaScript programs. TypeScript is a superset of JavaScript, adding optional static typing to improve the tooling experience, as well as EcmaScript 6 style classes and modules to help organize large programs

Allen Coin04/28/13
1900 views
0 replies

Video: Testing Online Crazy Glue: Strategies for building testable PHP applications

"I've been teaching programming for a few years now, and I've come to realize that the harder a languages is to teach, the more poorly designed it is."

Paul Underwood04/27/13
1977 views
0 replies

CSS Beautifier

Here is a tool called CSS Beautifier which will allow you to enter minimized CSS and it will convert this into readable CSS for you. So if you only have the minimized file you can copy this into the tool and it will convert the entire contents to readable CSS.