SpyreStudios

Web Design and Development Magazine

  • Design
  • Resources
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

36 Must See HTML5 Tutorials

May 3, 2021 by Brant Wilson 11 Comments

HTML5 and CSS3 expanded the possibilities of web design. As a developer, HTML5 and CSS3 are now requirements.  It allows compliance to be more efficient thanks to its consensus-based standards, among other things. Whether you’re new to HTML5 or quite an advanced coder, here are some HTML5 tutorials that you may find useful for your […]

Filed Under: HTML5, Tutorial Tagged With: html5, tutorials

12 HTML and CSS Pricing Tables

February 24, 2021 by Sangalang Kristine

Every website that offers products could benefit from HTML and CSS pricing table templates. There are multiple free templates available online which are ready for immediate use. Some templates are easy to edit to fit designers’ needs. For those who want to build their own HTML and CSS pricing tables, there are tutorials available for […]

Filed Under: CSS, HTML5 Tagged With: css, html

25 Free Spring Web Design Templates

February 19, 2020 by Sidlangan Natividad

Had enough of the winter cold already? That howling, cruel, and frigid opposite of Summer that extinguishes all life? Well, thank goodness you don’t have to wait too long because Spring is just around the corner. What this means is that it’s also time to melt and break the ice for your website. Spring web […]

Filed Under: HTML5 Tagged With: spring, templates, web design

Decoding HTML Status and Error Codes For Fun and Profit

March 26, 2019 by Alex Fox

HTML error codes are just as familiar to web developers as the tech-phobic. The only real difference is that web developers are supposed to know what they mean!

Filed Under: HTML5 Tagged With: html, HTTPS, servers and infrastructure

Ultimate List of HTML5 Resources for Web Designers and Developers

April 6, 2016 by Spyre Studios

ultimate list of html 5 resources

Ever since its official recommendation stage in 2014, HTML5 has taken the Internet by storm. Recently, even Google has been pushing HTML5 implementations in its channels; they announced that they were planning to ditch Flash display ads, and encouraged users to shift their display ads to an HTML5-friendly platform. Back in the old days, web […]

Filed Under: HTML5 Tagged With: guide, html5, resources

The HTML5 Mega Cheat Sheet

September 14, 2015 by Spyre Studios Leave a Comment

html5 cheat sheet infographic

An infographic that will serve as the HTML5 Mega Cheat Sheet for you. Quick and handy reference that you’ll use regularly.

Filed Under: Development, HTML5, Infographics Tagged With: guide, html5, infographics

The Effects of TLS and SSL on User Experience Design

January 23, 2015 by Sam

Creating an effective website can be a time consuming and laborious process, but when done right the results can lead to high traffic and excellent conversions. The site should be easy to read and navigate, the information contained should be well organized and accurate, and maybe most importantly a user should enjoy using the site. […]

Filed Under: Business, Development, HTML5, Usability, UX

New HTML5 Tutorials on Frontend Development Techniques

August 17, 2012 by Jake Rocheleau

As a web developer I am constantly running into the latest HTML5 tutorials within Google. There have been hundreds of new tuts hitting the web over just the past few years. And many of these articles focus on newer HTML5 topics such as canvas, video/audio, and local data storage. If you’re familiar with some of […]

Filed Under: HTML5 Tagged With: css3, gallery, showcase, tutorials, tuts, webdev

10 HTML 5 Video Players

March 27, 2012 by scottstanton

Lean Back Player

With so many options of video players out there, it’s hard to choose which application will be best for you.  I would suggest keeping things simple and avoiding future headaches of video player upgrades, new features, and bug fixes.  Stick with an online based video player that will take care of all of that for you and make your job easier.  If you are in to easier ways of doing things and keeping things simple, you may also want to check out www.wix.com.

Wix is an easy drag-and-drop online system that is unveiling a free HTML website builder on the 26th of March, 2012.  Wix has already gained widespread popularity for their drag-and-drop Flash website builder that allows users to easily build complex, powerful, and stunning websites.  Whether you’re looking for an easy way to put together site with a full screen background, or display your portfolio online, Wix is certainly worth checking out.  It doesn’t matter if you’re a seasoned web developer or an ambitious do it yourself-er, creating a free HTML website or SEO friendly Flash website has never been easier.

One of the most exciting new features to HTML 5 is the ability to handle audio and video with the newly introduced <video> element.  This new HTML element allows developers to implement video on their site with minimal code.  Before it would require a Flash or Java-based player, both which would then require the viewer to have some sort of third party plug in to make the video play properly.  Then there was the issue of Apple giving no love to Flash, meaning if you were using a Flash video on your site and someone viewed it from an Apple mobile device the video would not play.

Several developers are already using HTML5 video players, and with good reason.  I recently had a client request I switch their video player from their Flash-based player to a HTML5 player.  The result was nearly 100 less lines of code and smaller file sizes.  Developing a user friendly html website can be time consuming enough, so before you tackle a project like building your own custom HTML5 video player let’s take a look at 10 HTML 5 video players that are out there and see if they’ll do the trick.

LeanBack Player

Lean Back Player

Filed Under: HTML5

Draw A Stickman Episode 2

March 15, 2012 by Brant Wilson

Looking for some creative inspiration? Hitcents.com just launched their sequel to the exciting Draw a Stickman adventure.

For those who haven’t seen the first stickman episode, you’re asked to draw a stickman. He then comes to life and sets out on an exciting adventuring involving a dragon and a shark attack.

This newest episode includes some creative twists with a tiger chase and a flying elevator. When you finish the adventure you can even send your stickman to friends! Here are some screen shots of the fun adventures.

Filed Under: Development, HTML5

  • 1
  • 2
  • Next Page »

Recent Posts

  • How to Choose a Stunning Font Package for Your Brand
  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js
  • Best PHP Books, Courses and Tutorials in 2022

Archives

  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022