As everyone knows, it is impossible to style input checkbox in CSS without any tricks. But there is a very easy workaround for that, of course, without JavaScript. To have custom styles for input checkbox you must create input checkbox with id attribute and label with for attribute (for must point on input’s ID). You…
CSS: Show hide div without JavaScript
Sometimes you are not able to use JavaScript but you want to show and hide some div. The good situation for that is when you must create e.g. “toggle button” to show and hide some content on click (only with pure CSS) in old application where you do not have access to JavaScript code or…
JavaScript: create, update and remove cookies
If we want to create, update (change) or remove cookies in JavaScript we must do a few very simple operations like I described below. This is quite common situation in everyday JavaScript development when we want to make some operations based on cookies. Cookies are used to store small pieces of textual information and has…
JQuery hamburger menu
The jQuery hamburger menu component is usually used as a trigger for navigation menu, mainly on mobile versions of websites. Burger menu can be made without image, however in this example it requires jQuery library to run, but this can be done also in vanilla JavaScript. watch live demo | see on GitHub. jQuery Hamburger…
Placeholder custom styling with CSS
fPlaceholder is a HTML5 attribute and it is possible to change styling of this pseudo-element with CSS. It is very simple, but more advanced styling (last example) works differently between browsers. This would be useful when you are coding website or web application which graphic design requires custom styles for a placeholder or, if you…
Hover box – text over images on hover
Text or image which appears on hover is a nice CSS effect, which can be used in many situations on websites or web applications. Let’s say we have a news feed with title and image, when user put mouse cursor over that that the article lead appears. I will show you in this short tutorial…
CSS text selection custom styling
In CSS3 we are able to change the style of standard (browser default) text selection. It always requires two CSS rules: with -moz- prefix for Firefox browser second for other browsers (without prefix) You can see the examples below or: watch live demo This CSS feature to change text selection can be useful in many…