Archive for the ‘Tips’ Category

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

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

Learning AngularJS from scratch part II

Today we will continue learning the Angular JS framework, by getting to know better the most important parts of AngularJS application, as well by analyzing small practical examples. Learning AngularJS – further steps The previous part describes basic aspects of this great framework. We already know that AngularJS is a JavaScript language framework, and it […]

No skill – no deal! Full-stack and Front-end Developer required skills

As they say: no skill – no deal! Without proper skills we won’t do too much. Also continuous development of our skills is also important. It’s not like the old days, when a knowledge of DHTML and PHP was sufficient. Nowadays the developer must know not only various programming languages, but also o lot of […]

jQuery mini tips III – forms

Welcome to the next article of the jQuery mini tips series. Today we will play around selected aspects of working with the form elements. 1. Prevent to select more than one item in select multiple input Once I created a project, where I had to show UI in a little bit old-school way (similar to […]

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

JavaScript and jQuery mini tips II

OK, it’s time for the next JS and jQuery mini tips. Today something about Fancybox plugin, check-boxes and parsing URLs in raw text. JavaScript and jQuery tips To the point. 1. Conditional form submit using JavaScript / jQuery It’s about sending the form only if the user checked a check-box (e.g. accept the Terms of […]

JavaScript and jQuery mini tips

The next article about JS and jQ tips, but in fresh, concise form. Quick JS and jQuery mini tips 1. Clickable background image on the website It’s about the case, when we want to make a clickable background of the website, for example, as advert pointing the user to some url after click on website […]

Compress JavaScript and CSS files

Minimizing / compression of JavaScript and CSS code is often encountered technique used to optimize the loading time by reducing weight of the file. Today we will try to briefly tell about the tools used for this purpose. Compress JavaScript and CSS code Recently someone asked me about it, so we have today’s small article. […]