HTML5

  • Most Topular Stories

  • Griflan Design

    HTML Five
    Leo
    7 Jul 2014 | 8:03 pm
  • The Web Manifest specification

    HTML5 Doctor
    Bruce Lawson
    29 Jul 2014 | 2:51 am
    By Marcos Cáceres and Bruce Lawson. Many of us who work on the web are actively working to narrow “the gap” between native applications and web applications. (Disclosure: your humble authors, Marcos Caceres and Bruce Lawson work for browser vendors – Mozilla and Opera respectively – and therefore have mortgage-related reasons to convince you this stuff is a good idea. Please also note that we are describing a technology that is a work in progress. It could all change tomorrow. ) But what is that gap? Just a few years ago, that gap was largely technological. If you wanted…
  • Goaler Game

    HTML5 Gallery
    Richard Clark
    24 Jul 2014 | 10:08 am
    A WebGL, real time HTML5 football (soccer) game.Goaler is an online social football game built using WebGL technology, has been featured on Chrome Experiments, users can control it on their monitor / screen via their mobile device.Invite friends to play against and choose from over 220 nation teams, the winner is the first to score three goals – it’s that simple, yet very addictive.URL: http://goalergame.com/
  • Horizontally and vertically centering elements with css

    WordPress Tag: HTML5
    pirahawk
    24 Jul 2014 | 4:50 am
    While working on some sites, I recently picked up a couple of approaches that help with vertically and horizontally centering elements of arbitrary dimensions. Scenario 1: horizontally centering block elements within a container Assume we have a div which in turn wraps 2 child div elements of arbitrary width and height <!DOCTYPE html> <html> <head> <style> .red { background-color: red; } .blue { background-color: blue; width: 50px; height: 60px; } .green { background-color: green; width: 60px; height: 50px; } </style> </head> <body>…
  • Understanding CSS3 Media Queries

    HTMLGoodies.com: Your source for HTML, CSS, JavaScript and Web Development Tutorials and Primers!
    30 Jul 2014 | 5:22 pm
    This article gives web developers an overview of CSS3 media queries.
 
  • add this feed to my.Alltop

    HTML5 Doctor

  • The Web Manifest specification

    Bruce Lawson
    29 Jul 2014 | 2:51 am
    By Marcos Cáceres and Bruce Lawson. Many of us who work on the web are actively working to narrow “the gap” between native applications and web applications. (Disclosure: your humble authors, Marcos Caceres and Bruce Lawson work for browser vendors – Mozilla and Opera respectively – and therefore have mortgage-related reasons to convince you this stuff is a good idea. Please also note that we are describing a technology that is a work in progress. It could all change tomorrow. ) But what is that gap? Just a few years ago, that gap was largely technological. If you wanted…
  • Using ARIA in HTML

    Steve Faulkner
    21 Jun 2014 | 7:43 am
    ARIA (WAI-ARIA if you want to be formal) is a set of attributes that you can add to HTML elements. These attributes communicate role, state and property semantics to assistive technologies via the accessibility APIs implemented in browsers. The W3C HTML specification provides information about which ARIA attributes are allowed to be used on each HTML element in section 3.2.7 WAI-ARIA. Developer (un)friendly information The requirements specified in section 3.2.7 WAI-ARIA are not in a form which could be considered web developer friendly. They are presented in 2 large tables and only include…
  • Responsive images – end of year report

    Bruce Lawson
    12 Nov 2013 | 9:12 am
    It’s nearly two years since I suggested a <picture> element as a strawman proposal as a way to solve the problem of responsive images, so let’s have a look at how we’re doing. In September there was a big meetup at Mozilla’s Paris office organised by Mozilla’s Marvellous Mr Marcos who’s been very active in the Responsive Images Community Group and did the hard work of actually turning the <picture> strawman into a spec. Such is the combined allure of Marcos and Paris that a rep from Apple showed up – kudos to Edward O’Connor. The…
  • cite and blockquote – reloaded

    Steve Faulkner
    4 Nov 2013 | 9:20 am
    The definitions of the blockquote and cite elements in the HTML specification have recently been updated. This article explains what the changes mean for developers. Russian translation: Сite и blockquote: перезагрузка blockquote definition updated The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations. Content inside a blockquote other than citations and in-line changes must be quoted from another source,…
  • Comparing and contrasting ins, del, and s

    Oli Studholme
    20 Aug 2013 | 6:30 am
    Since the mists of HTML 2 we’ve been able to semantically indicate added or removed information using the elements <ins> and <del> respectively. While seemingly simple on the surface these elements have hidden depths. I’ll also compare and contrast <del> with <s>, recently out of font style rehab and back in HTML5. Let’s start with <ins> and <del>… Using ins and del These two elements have very simple definitions: The ins and del elements represent edits to the document. The ins element represents an addition to the document. The del element…
  • add this feed to my.Alltop

    HTML5 Gallery

  • Goaler Game

    Richard Clark
    24 Jul 2014 | 10:08 am
    A WebGL, real time HTML5 football (soccer) game.Goaler is an online social football game built using WebGL technology, has been featured on Chrome Experiments, users can control it on their monitor / screen via their mobile device.Invite friends to play against and choose from over 220 nation teams, the winner is the first to score three goals – it’s that simple, yet very addictive.URL: http://goalergame.com/
  • Canvas

    Richard Clark
    24 Jul 2014 | 5:03 am
    Canvas from Campaign Monitor.URL: https://www.campaignmonitor.com/canvas/
  • Pascal van Gemert

    Richard Clark
    31 Jan 2014 | 6:14 am
    Interactive resume from Pascal van Gemert.URL: http://www.pascalvangemert.nl/
  • Invisible Bremen

    Richard Clark
    30 Jan 2014 | 6:12 am
    Travel concept for Bremen – a city through the ages.URL: http://www.areablue.de/reisefuehrer-app-konzept/
  • Flov

    Richard Clark
    29 Jan 2014 | 6:09 am
    Creative agency, Flov.URL: http://www.theflov.com/en
 
  • add this feed to my.Alltop

    WordPress Tag: HTML5

  • Horizontally and vertically centering elements with css

    pirahawk
    24 Jul 2014 | 4:50 am
    While working on some sites, I recently picked up a couple of approaches that help with vertically and horizontally centering elements of arbitrary dimensions. Scenario 1: horizontally centering block elements within a container Assume we have a div which in turn wraps 2 child div elements of arbitrary width and height <!DOCTYPE html> <html> <head> <style> .red { background-color: red; } .blue { background-color: blue; width: 50px; height: 60px; } .green { background-color: green; width: 60px; height: 50px; } </style> </head> <body>…
  • Some Tech for The Week Ahead

    lynnwiggett
    24 Jul 2014 | 12:04 am
    The Technical A-Team – Front End, Back End .NET and iOS/ Android Development team We have a great team of developers who we placed full-time last year to work across a new website build, back and front end, plus ongoing further enhancements and a brand new iOS and Android app that could seamlessly communicate with the website all of the way to the back-end. Sadly due to company restructuring the internal technical team was made redundant this week so all 3 are available for immediate contract or freelance or full-time opportunities. They will happily work as a team, or can be booked in…
  • Phaser - A Cool HTML5 Game Framework

    hruivo
    23 Jul 2014 | 4:24 pm
    Have been developing a browser game for a Tradies Health campaing using this great HTML5 game framework called Phaser! I highly recommend it! Really easy to use; Has lots and lots of quick and small examples; Good documentation; Great Community; If you are interested, here’s a link to the game: Play Pain Breaker
  • IP489S14A - HTML5 Crash Course Session Six Notes

    JimUBC
    23 Jul 2014 | 4:00 pm
    Consider this picture. Can you see how this applies to what you are doing before our sessions and while we are together? Please reply with a comment about our sixth session. Highlights / Metacognition What did you think was the most valuable thing that happened for you in this session? What did you learn from that? What will you do with that knowledge? Questions? Now that we’ve had our sixth session, what do you want to know? What could we have done better? If you spot a question from someone else and you can answer it – please do.
  • Under the hood: Rebuilding Facebook for iOS

    travismetcalf
    23 Jul 2014 | 1:52 pm
    http://on.fb.me/1nCJ4h5
 
 
  • add this feed to my.Alltop

    Chrome Experiments - Recent Experiments

  • Xibalba by Dominic Szablewski

    30 Jul 2014 | 11:11 am
    Fight your way through the Mayan Underworld in this retro First Person Shooter. The path leads you through lush jungles, eerie catacombs and high tech bases filled with dangerous creatures, traps, vital power-ups and weapons. The intuitive and precise controls provide an amazing gaming experience while the dark ambient soundtrack and high quality sound effects build a dense atmosphere. The game features 6 different levels, 3 weapons, 6 types of enemies and an epic boss battle. And if that isn't enough, you can test your skill with the even more challenging "hard mode".
  • Circles by Rodolphe Delapierre

    29 Jul 2014 | 10:54 am
    A lot of color circles.
  • Travelling Fish by GTRACE

    28 Jul 2014 | 10:23 am
    Jonesy is an adventourous fish whose dream is to explore every corner of the universe. So you and Jonesy go explore the wondrous planets with lots of of obstacles along the way. Have fun!
  • Moiré Patterns by Rodolphe Delapierre

    23 Jul 2014 | 2:39 pm
    Moiré Effect
  • Digital Trip by Hot Dot Production

    22 Jul 2014 | 10:10 am
    A story about the latest technologies through a short browser game. It's a fully 3d, based on WebGL, with external device or camera controls, bonuses & cryptocoins, which you can get as dogecoins. Fancy soundtrack enhances the experience. Main purpose of this non-profit open source project is industry promotion. Enjoy!
  • add this feed to my.Alltop

    Steel Pinjata

  • WebSockets are Go

    Serge
    8 Jul 2014 | 3:40 am
    It has been a long time since my last post. Life stuff beckoned and demanded my attention. Finally, I have delivered something beyond excuses. It’s not much – a simple WebSocket server that responds to requests to fetch dungeon data – but I am pleased. Dungeon data are stored on files on the server. So it’s really a small, slightly crappy excuse for a web server. The Game Server. So I am now the proud own of a small, homemade “sort-of-web-server” with a key difference – fast stateful connections. So it’s more like the beautiful supermodel offspring…
  • Thoughts on Game AI

    Serge Merzliakov
    13 May 2014 | 7:38 pm
    I have not posted anything over the last few weeks, as I have been busy writing the WebSocket server (what gamers would call ‘the game server’) to load and save the game data. This requires a lot of rather boring work saving and writing files as JSON. Oh, and writing unit tests. Writing unit tests for a hobby project seems like overkill, but my scars from previous misadventures compelled my fingers to type them out anyway. Nevertheless, like tax returns, saving and loading stuff is boring but important, so I am plugging away.I have been using the Tyrus project as my WebSocket…
  • Some Design Would Be Nice

    Serge Merzliakov
    16 Apr 2014 | 10:45 pm
    After some feverish activity on the dungeon editor and game engine, my thoughts have returned to the more sedate realm of design and architecture. No smoking jackets or pipes required, just thinking time.So far, I have a few pieces of work that could be added to the game, but things are a bit all over the place. Tyrus or Rikulo, which does what, do I need two servers… All these questions need to be answered  before the game can progress as a whole. Needless to say, as this is a fun project with zero budget, there is no project manager riding me to do things in a predictable and orderly…
  • Designing a Game Combat Engine – Part 2

    Serge Merzliakov
    13 Apr 2014 | 10:08 pm
    Continuing on from part 1, I will talk about about what are known in gaming as ‘modifiers’ . They are known by various names like weapon modifiers, armour bonuses, to-hit bonuses, weight penalty, and so on.Game mechanics, under the hood of most role playing games, involves around defining the ‘final value’ of some object or action. This ‘final value’ is often based on a ‘base value’ which is then translated by a ‘modifier’. These may seem like useless abstractions, but in fact help reduce the complexity of the development of the…
Log in