Pseudo-classes/elements : vs :: by Celvas, journal
Pseudo-classes/elements : vs ::
Well, I'll be - where did that double-colon come from? It didn't come over the sea and it wasn't in search of India. No, it came with CSS3 and it is not, as some people believe, the new single-colon.
The double-colon is W3C's attempt to clarify the distinction between pseudo-elements and pseudo-classes, both of which received the same single-colon treatment in CSS1 and 2. Basically...
::after
::before
::first-letter
::first-line
::selection
... not all of which are accessible on deviantART - are pseudo-elements. The pseudo-classes (:active, :hover, etc.) are still subject to the single-colon.
Now I have good news and bad news. The bad new
Why you should never ignore the alt attribute by TehAngelsCry, journal
Why you should never ignore the alt attribute
The alt attribute was first introduced in HTML 2 (1995), so it’s been with us for an awfully long time. This little three-letter attribute is so important; not only does it help with Search Engine Optimisation (SEO), but it also improves the accessibility of your site.
Alt attributes and accessibility
Accessibility on any site is vital, and alt attributes help by offering a readable text version of an image. If a user has to use a screen reader (for example, due to visual impairment) then they will have the alt text read to them. This means that the text you put into your alt attribute needs to make sense.
Click the button below to s
CSS3 Spinning Social Icons by TehAngelsCry, journal
CSS3 Spinning Social Icons
I share a lot of my tutorials on DA, but I've found that coding tutorials aren't as easy to share here... as such, I'll be keeping them to my blog :) Check out my newest one here : CSS3 Spinning Social Icons
The term "nesting" can have various meanings, but I assure you that nesting in CSS does not require you to go around stealing eggs like a magpie on a mission. All that'll do is alienate your neighbors.
Nesting is not to be confused with grouping. Grouping is what you do when you have several selectors containing the same declarations. Cases like that, you put the selectors together, because why write three lines of the exact same thing? Doesn't make a whole lot of sense outside of Hollywood movies. And it's not what nesting does.
Nesting does this:
Let's assume you style the element p (p for paragraph, in case you wondered). You want the c
Let's code! Pushable Buttons by Celvas, literature
Literature
Let's code! Pushable Buttons
Introduction
Buttons.
You all know buttons, because buttons are everywhere. We mostly take them for granted. They are there to direct us to somewhere else and God protect a button that doesn't do exactly that. We rarely give them a second thought, despite the fact that the appearance of a button is as much a design choice as any other element; a button can make or break a design.
Small advice: Simple (or rather: easy to navigate) is the new black. We established that buttons are part of that equation. It is my experience that buttons in journal designs aren't that highly sought after. People want them for their function, and even then rarel
I'll warn you in advance, this is not a reference for every available position value in existence, it's about
position: relative;
position: absolute;
Why do you want to assign any position value to an element? Because you don't have much of a choice in the matter. See, position has a set default for when you do not specify the property, so it's specified whether you like it or not. The default is static, which means that every element follows the document flow if not otherwise stated. You can try and move an element by using the top, bottom, left, or right property, whichever - your static element won't budge an inch. That's when you'll wa
Using a shorthand property is a lot like spring-cleaning: you want to decide what you keep and what you throw out, and just like spring-cleaning things can get confusing when you put it all in one bag.
This shorthand
border: 1px solid #000;
could very well be:
border-weight: 1px;
border-style: solid;
border-color: #000;
So, shorthand is cool, right? Gives the impression of being less code, you have everything in one line, and dang, does it make you look like you know sh**.
Yarp and narp. While I do use shorthand like I didn't know that three values in one property can actually mean that each value has its own property (remember the pa
A CSS rule in its most basic form is made up of two components: a selector and a declaration.
.example { color: #000; }
As the term suggests, a selector is utilized to target (select) a certain element or certain elements and enable you to style them. On deviantART, you'll find that the selector mostly in use is class, which is depicted as a dot, prominently used in tandem with the HTML tags <div> and <span>.
Following the selector comes a curly bracket. The curly brackets contain the actual style information, in other words: the declarations. In the above example, the declaration is:
color: #000
A declaration consists of two p