Archive for the ‘Mobile Web’ Category

mustache-js

Mustache JS tutorial by jQuery and Express application example. Part 2/2.

Welcome to the 2nd part of Mustache JS and Express tutorial. Today we will finish the work begun in part 1. Mustache JS and jQuery in action So far we’ve discussed the basics of work with Mustache JS library, prepared test data and the server in node.js. Now it’s time to code the front-end layer! […]

mustache-js

Using Mustache JS by jQuery and Express application example. Part 1/2.

In this tutorial we will create a web application using great tools – html5, Bootstrap, jQuery, Mustache JS and Express. Step by step. We will also use the ionicons. Mustache JS Not everyone (including me) likes templating systems in for example PHP. But here the situation is much different! Mustache JS is a JavaScript implementation […]

Tutorial Twitter Bootstrap

Twitter bootstrap in nutshell

Twitter Bootstrap (TB) is a CSS framework on the MIT license, developed by Twitter. It contains z set of tools to facilitate the creation the UI of pages and web applications. The framework is based mainly on ready solutions of HTML and CSS (LESS). Tutorial / Twitter bootstrap in nutshell This an excellent solution can […]

jQuery mobile

Learning jQuery Mobile – dialogs, panels, list. Summary.

Today we focus on further learning jQuery Mobile. We will discuss elements such as dialogs and lists. Learning jQuery Mobile – next steps We start with an important UI element – dialogs. Basically, as in other cases, we rely on the definition of attributes for items. For example: To see the jQuery Mobile dialogs in […]

jQuery mobile

Forms in jQuery Mobile

We continue mastering of jQuery Mobile through implementation of examples. The forms are today’s subject. Forms in jQuery Mobile In this case we work normally, by adding HTML5 elements and attributes. The following example shows a simple form elements (inputs) of various types: A sample view in the Opera Mobile Emulator: A full example here. […]

i_phone_icon

Learning jQuery Mobile – UI, buttons, icons, transition effects

Today another tutorial and further learning jQuery Mobile, through the implementation of examples. Learning jQuery Mobile We’ll start with buttons and icons. The basic example below – creating a button and adding CSS class: In the previous article we talked about pages and transitions between them. The transition was initiated after clicking on a link. […]

jQuery mobile

jQuery Mobile tutorial – an introduction

Today, I think there is no doubt about the important role of mobile devices. They are becoming more widely used. Graphical user interfaces are key. For developers of different technologies, the main task is to ensure that applications will work properly on the limited hardware and small touch screens. Web applications have a big importance […]

Zepto.js

The Zepto.js library

Recently we had to work on the project, which used the Zepto.js in frontend layer. This library intrigued me, so I decided to write a few words about it. Zepto.js Zepto.js is a lightweight JavaScript framework, which is doing very well, especially in the WebKit-based browsers. It has syntax mostly compatible with jQuery. So, for […]

html5_f

HTML5 short course – part 1

Welcome to HTML5 short course – in a nutshell. We tried to prepare a quick course about HTML5 (and the use of JavaScript in its context), containing key information in one place. The case was somewhat complicated by the fact that the subject is quite extensive. But we can handle! HTML5 short course HTML5 is […]

tools-frameworks-design-development

JavaScript Frameworks – foreword

So far, we have described most of the key aspects and features of JavaScript including object-oriented programming, DOM, AJAX. There were various practical examples. It’s time for another extremely important step: JavaScript Frameworks. And here comes the real fun (and a considerable saving of time). JavaScript Frameworks We briefly present the solutions well known by […]