Blog

CSS feature queries

CSS feature queries

Today we will take a look at something that is really sound of very close future. This CSS module was not fully released yet, but it is so awesome that it has to be mentioned. It is something what could be born if CSS slept with Modernizr. Weird?

JavaScript 101 – Intro

JavaScript 101 – Intro

This is the first part of JavaScript 101 series where you can learn more about JavaScript and how to use it in web development. If you will face any struggles or not understand to something, use comments or contact me via twitter – AlexDevero. In this first part we will talk a bit about history of JavaScript and then jump right in and take a look at some code.

CSS tips and tricks #4-before and after pseudo elements tutorial

CSS tips and tricks #4-before and after pseudo elements tutorial

Today we will take a look at :before or ::before and :after or ::after pseudo elements or selectors you can use in your CSS stylesheet. The difference between single and double-colon syntax is that single-colon is from CSS2.1 and double-colon is from CSS3 and not supported by IE8. Fortunately, all browsers support at least the single-colon version. Both of these elements are used right through appending to element you want to style.

Font Awesome tutorial

Font Awesome tutorial

If you read some of tutorials posted on the blog, you probably hear me talking about font awesome. This font, or rather CSS stylesheet, is used to generate icons on selected elements. If you want to use this CSS font, go on Font Awesome website. For online version hosted on CDN go to “Get Started” page and here copy and paste the link to CDN to head section of your page as regular stylesheet.

How to create responsive typography

How to create responsive typography

Creating responsive typography is a hard thing to do and not many web designers rather don’t talk about it at all. In order to provide the best experience for your users as possible, you better not avoid this subject. Let’s divide it into smaller parts and bring some more clarity into it.

3 ways to deal with responsive images

3 ways to deal with responsive images

Responsive images is one of the pillars of responsive web design philosophy. For a long time web designers have to use various creative ways to solve the problem of serving different devices with different image files. However, this should not be necessary now thanks to new picture element which was released by W3C.