Archive for the ‘Practice’ Category

Imperative vs declarative JavaScript / ES6

Today… a small article about the approach to writing code. Do you write your JS code declaratively, or rather imperatively? It’s good to take a look closer. Similarly to approaches of writing and organizing CSS styles. Declarative JavaScript vs imperative in JavaScript/ES6 Declarative programming is a programming paradigm – an approach to building the structure […]

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

Clickable phone number links in HTML5 (click to call)

The topic of this article is simple and nice. We just summarize the options of creating telephone links, or if you prefer “clickable phone numbers”. Today, some of the mobile applications are implemented not as native, but as web apps, and there is often a need to create a link to a phone call (call […]

Style, conventions and general CSS methodologies. Part II Sass, BEM, rscss, SMACSS, WTF?

Hello dev-friends! Let’s continue the topics discussed in part I. Today we will look closer at different CSS writing methodologies, such as BEM, rscss, SMACSS. It should be also mentioned, that the methodologies can be combined (eg OOCSS + BEM). Of course only if it makes a sense to us. That’s actually important thing. It’s […]

CSS structure, style and conventions. Sass, OOCSS, BEM, rscss, SMACSS, OMG?

What does it mean to be busy? For example, there was absolutely no time for new posts on the blog, but the topics list is never-ending. I was so busy, professionally and privately. Today we back “on-line”, with a really nice topic. We can save our time by optimizing daily tasks. Organizing and automating them. […]

Bootstrap Tutorial and RWD – responsive websites

Today a quick tutorial about Bootstrap and creating responsive websites. Actually a template of good start point for further projects. We will also talk about the techniques, which allow us to reach specific results. We also collected links to resources with valuable information. Bootstrap Tutorial – responsive template by hand As we know, Twitter Bootstrap […]

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

Progress bar with CSS and HTML5 in a few lines of code

A progress bar in CSS for web project? Sure, and it without using images. Today short and to the point. Create progress bar with CSS and HTML5 We can use HTML5 and Bootstrap, or define our own CSS styles. Solution #1 – HTML5 Let’s add Twitter Bootstrap and jQuery to our web page, and a […]

AngularJS Tutorial – a simple UI to control elements

Angular in practice! Today we have a small AngularJS tutorial, about creating small UI connected with dynamically created (refreshed) graphical object. AngularJS Tutorial – control an element with Angular In the basic course of Angular, we focused on information. Now it’s time to see it in a real example. Today’s simple tutorial in small steps […]

Learning AngularJS – a basic course part III – summary

In the 3rd part of basic Angular course, we will continue topics from the previous part, as well we will touch next related topics. Further learning AngularJS Let’s start with filters. It’s a yet another Angular feature, which takes off a part of tedious work from the programmer. Let’s see them in action, when formatting […]