Showing 109 Result(s)
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.

Custom HTML dropdown with jQuery

Custom HTML dropdown with jQuery

Why to use pre-created or pre-packed features if you can create and build your own? Default dropdown inputs does not look good at all and options to style through CSS are quite limited. If you have few minutes and are not afraid of jQuery, you can create your own dropdown according to your ideas. Let’s quite talking and start working …

Buttons – When states are gone

Buttons – When states are gone

It is more and more often when I visit some website and no matter how great or bad they look, one thing catches my attention almost immediately. States for buttons and links. Some of those websites does not use any styles or whatever to help user differentiate between default, hover and active state. If you are asking why am I doing such big deal around that, I will explain it in lines below…

CSS tips and tricks #2-Custom form design

CSS tips and tricks #2-Custom form design

In today’s episode of of CSS tips and tricks we will focus on designing awesome web form. You may already worked and customized forms, however most of people do only basic styling of text inputs or text. I want to show some advanced tricks. If you think that you are not able to style radio buttons or checkboxes, I will shock you and turn your current knowledge upside down. You can find example code on Codepen on link at the bottom of this article. Let’s dive in!

CSS tips and tricks #1: Enhancement with Modernizr

CSS tips and tricks #1: Enhancement with Modernizr

Today is I will start to release new series focused on using CSS called “CSS tips and tricks”. This series will be made up from tutorials about how to do interesting and useful stuff only through CSS. All topics will be chosen in order to be used in real-life projects. Some of these tutorials will be shorter while some longer, that will depend on how difficult individual topic will be.

How to bulletproof your CSS

How to bulletproof your CSS

Today we will discuss possible ways to make sure our CSS are bulletproof and our webpages works properly (how we want) on every browser out there. I want to talk about this subject because it is very important to for successfully follow progressive enhancement philosophy and to avoid ignoring some users because of software they use.