Archive for the ‘HTML5’ Category

tools

JavaScript, HTML5, CSS and Data URI

What is that? The Data URI scheme is simply a way to represent the information, but in such a way the data usually kept in files (e.g. images) are available in a form of text string! Such a string has its own format, and allows developers to easily transfer the resource, e.g. between Web applications, […]

tool-set

Interesting JavaScript libraries

In today’s article we have compiled some interesting JavaScript libraries, which we used in some projects. A lot of them can make our projects more attractive, other are typically tools supporting work with the code. Interesting JavaScript libraries Tinycon Favicon management from JavaScript! With this library we can manipulate an icon in the title bar […]

tools_1

JavaScript and HTML5 tutorials – creating tools and nice effects

From time to time we search interesting stuff on various websites. Today we present a small collection of things, that we were interested in. The tutorials also covers other topics like PHP, MySQL, etc. JavaScript and HTML5 tutorials – creating tools and nice effects 1. Sliding single-level menu Menu is one of the important components […]

editor

WYSIWYG editors in JavaScript, jQuery and HTML5

Hello! Today we present a small set of WYSIWYG editors. They are based on Javascript, of course, but also on newer possibilities offered by HTML5. WYSIWYG editors Sometimes we need to add such editor to our projects (e.g. for admin panel of CMS, product descriptions in e-commerce software, etc). There are many ready-to-use, very good […]

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 […]

building

Web storage tutorial – applications that store data locally

Today we present the tutorial about creating a simple web application, which stores data in localStorage. The app will be able to save and store the settings of its own appearance. Web storage tutorial 1. Let’s start by adding jQuery and simple CSS styles for UI elements: 2. Create a simple form in the body […]

file1

DOM Storage – JavaScript Web Storage

There is no problem with Web apps with server-side back end code, where we can for example store data in MySQL or simply – in files. Thanks to Web storage / DOM storage, our modern web application can store the data itself, and we will handle them in JavaScript. JavaScript Web Storage It is a […]

file4

Read files in JavaScript and HTML5

Actually I met with this issue for years. However, the modern solutions allow us really to approach this issue in a meaningful way, not related to one specific browser. Read files in JavaScript and HTML5 Among the easiest ways, we can mention loading the file contents via AJAX; in case of jQuery we can use […]

messages

HTML5 Web Messaging

Web Messaging (or cross-document messaging) it’s the API introduced to the HTML5 specification, allowing documents from various sources / domains to communicate in a secure manner. This is the basic level of security that allows to operate over the cross-site scripting protection level. HTML5 Web Messaging The basic method is postMessage, allowing to establish communication. […]

html5_c

HTML5 Cache and JavaScript – how to use HTML5 cache?

Today, a few words about the issues and possibilities offered by HTML5 Cache. Working with HTML5 Cache The back end developers can associate it with a kind of caching the pages, to speed up their loading. In the case of HTML5 Cache it’s also about some other benefits. HTML5 offers caching mechanism for applications in […]