Posts Tagged ‘cross-browser’

Learning Sass (SCSS) quickly

Sass (Syntactically awesome style sheets), aka CSS with superpowers, is a preprocessor, which makes developing styles for our projects much easier, more enjoyable, and faster. It also allows us to significantly improve the code structure itself, to use variables and create reusable elements (mixins, placeholders). The maintenance of such code is much easier. Learning Sass […]

Progress bar

CSS: visually consistent html5 progress bar in all browsers

Today a few words about HTML5 progress bar, and more specifically about adding CSS rules to such an element, so it will be looking same in all the browsers. For example there may be a requirement at design level, to keep visually consistent html5 progress bars. The developer may be surprised about the default behavior […]

CSS tips and tricks

When we work with CSS, we often create or find interesting solutions for various tasks or problems encountered. CSS Tips 1. Cross-browser CSS word break for too long text For example, when we are creating front-end for the on-line chat, and there we have div-s for particular messages. The user writes very long text or […]

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

Mouse and keyboard in JavaScript

Welcome to the article, in which we will try to comprehensively but succinctly talk about working with the mouse and keyboard in JavaScript. We will also see how popular frameworks can help us. Handling mouse and keyboard in JavaScript Considerations we should start with events, because processing data from basic input devices will be based […]

dotties madison

Course: script.aculo.us library in a nutshell — part 1

The script.aculo.us library Delving into the JavaScript frameworks, we would like to present the essence of script.aculo.us library. As we mentioned in JS Frameworks introduction, Prototype JS and script.aculo.us libraries are often seen together. The library, which now referred to, is like an extension of Prototype JS of visual effects, animation, Drag and Drop, creating […]

Prototype JS in a nutshell. Part 2.

Welcome to the second part of the Prototype JS course. Today we will focus on the elements of the document and performing operations on them. Prototype JS — further steps In this part of the course we will work with the DOM, but using Prototype JS approach. So let’s move ahead to discuss further elements […]

Prototype JS Framework in a nutshell. Part 1.

Here is the first part of the short courses, describing JavaScript frameworks. The first of these will be Prototype JS. Prototype JS Framework — from scratch A little bit of preliminary information appears in the article JavaScript Frameworks — foreword. The purpose of this article is not to replace the documentation, but the description of […]

Testing code and handling errors in JavaScript

Debug it! In this article we will take a look on testing the code and error handling in JavaScript. Handling errors in JavaScript At the beginning would have to say a few words about the need for testing. We need to test everything! Preferably at each stage of creating the code. And we must take […]

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