The Newbie’s Guide to Code Snippets
If you’re new to CSS (or even if you aren’t!), you can learn a lot from checking out different CSS code snippets. Not only can you use them to learn some new CSS techniques or skills (studying snippets is […]
Posts by Ran Enoch:
Using CSS’s Attribute Selectors, Part 2
We’ve already learned the basics of how to select HTML elements in your CSS by their attributes, values, or both, but it turns out there are also other options available to us when selecting attributes and values. Check them out […]
Using CSS3’s text-overflow Property
The text-overflow property is a useful one that is used to indicate how to handle text overflow. Text overflow occurs when the text or content of an element is too big for the space of the container, meaning that it […]
Using CSS’s Attribute Selectors
Did you know that in CSS, you can select elements based on their attribute or attribute values? This is a super useful way to select specific elements that have no class or ID distinctions but have attribute values, or to […]
CSS3’s Word-Break Property
Have you ever wondered if there’s a way to control where and how the words break in your HTML? Like if for some inexplicable reason, the text doesn’t break exactly where you want it to due to the the width […]
CSS Snippets: How to Add a Cursor to All Clickable Elements
So most developers probably know that it’s possible to change the cursor for any HTML element by using CSS’s handy cursor property. But how do you easily make sure that all clickable elements have a cursor pointer without having to […]
How to Get Rid of Scroll in Textarea Fields
Textarea fields are great because they’re useful and they’re super easy to work with. Sometimes, however, a scrollbar appears within the textarea field, usually because the amount of text in the textarea exceeds the height of the textarea field because the […]
How to Create a Sticky Footer Using CSS
Sticky footers are footers that appear fixed to the bottom of the screen no matter where you/how far you’ve scrolled down the page. In theory, the position of a sticky footer should never change, and it should always be visible […]
How to Give an Element the Height of the Window
Setting the width of an element to the full window height is done pretty commonly, but it’s a lot more rare for an element to be given the full height of a window. The strategy behind stretching an element to the […]
How to Set a Custom Text-Selection Color with CSS
Here’s a cool trick that can be used as a nice finishing touch on any website or project. If you’re meticulous about your branding and design and want every single aspect of your site to reflect that, or even if […]