HTML5

  • Most Topular Stories

  • The new set of visual development tools

    WordPress Tag: HTML5
    responsivewebdesigndevelopment
    24 Aug 2014 | 3:05 pm
    I’ve seen a lot about visual development tools lately. They are basically a drawing tool that creates HTML, CSS , and interactive code for you, and they create responsive sites. You can use them to create an entire site or to prototype ideas to share with a client. Responsive design at the beginning require people who know code, which increased the need for Front-end developers. Visual development tools bring creating web sites to those who do not know code, though they can also be used to help developers create sites faster. Here’s a list of a few: http://macaw.co/…
  • Using CSS to Make a Visually Consistent Cross-browser HTML5 Progress Bar

    HTMLGoodies.com: Your source for HTML, CSS, JavaScript and Web Development Tutorials and Primers!
    28 Aug 2014 | 3:32 pm
    Some people have pointed out that the Progress Bar element looks very different across browsers. In today's article, Rob Gravelle explains not only how to give the Progress Bar element a consistent appearance across browsers, but how to make it look awesome!
  • Geometric Photo Filter by Zden Hlinka

    Chrome Experiments - Recent Experiments
    2 Sep 2014 | 11:49 am
    Photo filter based on random lookup for neighbouring pixels with similar color property and applying found pixels, positions and color for shading via drawing basic geometric primitives. Seek for the similar pixel is started from the center radially. You can set starting and ending seek distance as well range of the circle sector. Alpha is calculated according to the distance of found pixels. "Line Walk" is a special mode when line primitive repeats seek process multiple times for the same color starting again from the newly found pixel.
  • Using the HBox Layout

    Bleext
    Crysfel Villa
    2 Sep 2014 | 8:21 am
    We have been building an app step by step from the very begining, the idea is to deploy this app in a real iPad using phonegap. In this tutorial we will work on the header's container. Whenever we develop apps on mobile devices, keep in mind that devices have two sizes, portrait and landscape. Users can change between these two modes at any moment, therefore we must make sure to make a flexible layout. If we look back at the wireframes, we need three containers for the main header, these containers should be exactly the same width and they should adjust between portrait and landscape mode…
 
  • add this feed to my.Alltop

    Chrome Experiments - Recent Experiments

  • Geometric Photo Filter by Zden Hlinka

    2 Sep 2014 | 11:49 am
    Photo filter based on random lookup for neighbouring pixels with similar color property and applying found pixels, positions and color for shading via drawing basic geometric primitives. Seek for the similar pixel is started from the center radially. You can set starting and ending seek distance as well range of the circle sector. Alpha is calculated according to the distance of found pixels. "Line Walk" is a special mode when line primitive repeats seek process multiple times for the same color starting again from the newly found pixel.
  • Gush by Adam Ferriss

    29 Aug 2014 | 8:29 am
    An interactive webcam-webGL optical flow feedback experiment based on Andrew Benson's Horn-Schunk optical flow and repos shaders.
  • The Bellman by Daniel Harley

    28 Aug 2014 | 11:22 am
    The Bellman is a web-only adaptation of part of a novella by Daniel Harley. The story is interactive, with parallax scrolling and clickable photographs. Overall, The Bellman is an experiment in Internet storytelling, attempting to tell the story in a way that is unique to the medium. Credits: The Bellman: Luke Garwood Photographs: Claire Harvie Programming: Adam Harley Music: Daniel and Adam Harley Story and Design: Daniel Harley
  • Flora Drift by Luke Twyman

    27 Aug 2014 | 12:00 pm
    FLORA DRIFT is an interactive synth garden, which procedurally generates music & visuals. There are no pre-rendered graphics or pre-recorded sounds, everything is drawn or synthesised in-browser.
  • Canvas Live Editor by Anthony Del Ciotto

    26 Aug 2014 | 11:23 am
    An experimental live canvas coding environment. Powered by Ace.js, HTML5 Canvas, and Stats.js. Make changes to the code and see it display in real time.
 
  • add this feed to my.Alltop

    Bleext

  • Using the HBox Layout

    Crysfel Villa
    2 Sep 2014 | 8:21 am
    We have been building an app step by step from the very begining, the idea is to deploy this app in a real iPad using phonegap. In this tutorial we will work on the header's container. Whenever we develop apps on mobile devices, keep in mind that devices have two sizes, portrait and landscape. Users can change between these two modes at any moment, therefore we must make sure to make a flexible layout. If we look back at the wireframes, we need three containers for the main header, these containers should be exactly the same width and they should adjust between portrait and landscape mode…
  • Defining the main view

    Crysfel Villa
    29 Aug 2014 | 1:04 pm
    In the previous tutorials we created the main structure of our project, now we will create the main viewport where we will only define the layout that we use. The goal of this tutorial is to show how to use the layout system in Sencha Touch. First, we need open the app/view/Main.js and erase its current content, here we will write our new code. Ext.define('Itunes.view.Main', { extend: 'Ext.Container', xtype : 'main', requires : [ ], config : { items : [] } }); Here we are defining the Main class that extends from the Container class. We declare the xtype property to define selections in our…
  • Generating the Initial Structure

    Crysfel Villa
    26 Aug 2014 | 7:54 am
    On this tutorial we will start our application. We will be using the MVC pattern to build our app. This will allow us to create code that is easy to maintain and at the same time take advantage of the class system in the library. We will use Sencha CMD to initiate our app. We first need to run the following command into the terminal that will create the necessary folders. $ sencha -sdk ~/Workspace/sencha/touch-2.3.2 generate app Itunes itunes As you can see the first parameter that is the path where the sdk is found. In my case I have ~/Workspace/sencha/touch-2.3.2. but that will depend on…
  • Installing Dependencies

    Crysfel Villa
    25 Aug 2014 | 7:58 am
    To develop apps using Sencha Touch we must first install some additional tools that will help us develop in a more simple way. First, we need to have installed some version of Java, my recommendation is installing Java 7 in order to compile our CSS faster (it will allow us to watch the changes in our sass files), but Java 6 works well. Java is utilized by the CMD Sencha internally, so it is necessary to have Java installed to avoid any problems. Second, we must have Ruby installed. We recommend using the RVM to install it. You can install version 1.9.3 but my recommendation is to install…
  • Your first Sencha Touch app

    Crysfel Villa
    22 Aug 2014 | 7:42 am
    Have you ever wanted to start developing applications for mobile devices? Tired of using HTML5 libraries that simply do not provide the native Look and Feel you want? Sencha Touch allows us to create mobile applications that gives us a native look and feel. In these series of tutorials I will teach you how to develop an app from scratch. We will take the requirements and fully write an app from the very beging until it is ready to deploy to the mobile device. The main idea is to write production code in all the tutorial, no “Hello World” and basic examples. Everything we do will be…
Log in