If you’re about to launch a new web product or you just need to improve the user experience for an existing web form, then this tutorial is for you. In this article you’ll find out how to design a clean and attractive CSS3 signup form.
Sencha Touch provides a means to define these icons in the Application Class. The icons will be shown on the home screen for iPhone and iPad applications.
Pie Menu is a Path-like menu using jQuery and CSS3. It's simple and fully customizable, with easy to follow instructions on how to implement it.
Remember those old, Courier-font, typewritten forms from the last century? They still feel extra 'official' -- and now here's a set of CSS styles that make your HTML forms look just like that.
Video and slides of Peter Lubbers's presentation at Devcon5; middleware with HTML5 and new features are brought up in this discussion.
Earlier today a reader asked me about the possibility of converting his mobile-friendly site into a "real" application via PhoneGap. I told him that this could be very easy.
So, why pseudo-elements? The answer is very simple: there is no need to add extra markup. This fit perfectly for the heading we’re going to create here.
I did some research and discovered that (as far as I could tell), the Wikipedia app was making use of an Android feature called Intents. Good thing there's already a plugin for it!
Today the menu is about integrating your application into Windows 8 Metro. The first part of the integration was done with the snapped views and settings but it is now time to finish the job with: Search contractShare contractFile picking contractLive...
I've been looking into ways in which a web application can be made more user friendly, and HTML5 does include some powerful features such as PageVisibility, Navigation Timing, etc,. that can be used to provide good user experience. Today I was looking into the FullScreen API, which allows you to show any of the elements in the DOM in Full-Screen mode. Here's the code I came up with.
CSS2LESS has been devised for front-end developers who are tired of working with CSS.
In our new tutorial I will give you another one brilliant crossbrowser css3 navigation menu. This is click action drop down menu with strict office styles (like MS Office styles). Also, you can also use different icons in this menu. This solution is ideal for business websites. If you are ready, lets start.
As part of my CamelOne presentation, I have prepared some examples to dig into what Apache ActiveMQ and Camel propose to work with HTML5 and WebSocket technology.
Everyone wants to write once and run everywhere, but keeping up with both standards and proprietary methods gets harder and harder as mobile and web technologies grow ever faster. Catch up with this great presentation by Andrew Trice, first delivered at the 360|Flex event last month.
In the fifth part of tutorial we add some final polish to the game. I hope it was a fun way to learn Three.js.
Today, I would like to show you how to create an animated Twirl Sphere (I modified our previous 3D sphere, and I used the same way of accessing pixels on the canvas). Our sphere goes around the canvas continuously. This example is a cross browser solution (because it uses html5).
After a bit more sweat and tears, I've now got a "full" (if ugly) example of an IndexedDB application. Here's how it looks -- the full code-dump.
Basically, there are 5 general ways to visualize data using web-standards techniques. Here is a brief overview with pros & cons.
In this article we’ll create a simple image gallery using CSS filters and the CSS3 :not selector.
This is part 2 of a 3 part series on developing an HTML5 game with many platforms in mind. Last week I went over some of the visual and performance aspects when dealing with various screen sizes, today I want to focus on different types of input you might consider using.
More and more web sites stop to use the old way of request-response page switches, where each page switch refreshes the entire page in the browser. Instead they refresh just the data and the page itself is not reloaded.
This way has better for performance and it also makes a much smoother user experience.