How to Make Your Content SEO sing in 2018

SEO is a never-ending race and it’s important to always stay updated with Google’s latest trends and algorithm changes. When it comes to content, it’s incredibly important to understand User Experience, Keyword Density, and relevance when writing a new piece for your website, especially if you want to organically rank in a very quick way. …
The post How to Make Your Content SEO sing in 2018 appeared first on Torque.
Read more

One Invalid Pseudo Selector Equals an Entire Ignored Selector

Perhaps you know this one: if any part of a selector is invalid, it invalidates the whole selector. For example:

div, span::butt {
background: red;
}

Even though div is a perfectly valid selector, span:butt is not, thus the entire selector is invalidated — neither divs nor span::butt elements on the page will have a red background.

Normally that’s not a terribly huge problem. It may even be even useful, depending on the situation. But there are plenty of situations …

The post One Invalid Pseudo Selector Equals an Entire Ignored Selector appeared first on CSS-Tricks.

Read more

CSS Only Floated Labels with :placeholder-shown pseudo class

The floated label technique has been around for a good long while and the general idea is this: we have an text input with the placeholder attribute acting as a label. When a user types into that input, the label moves from inside the input to outside of it.

Like so:

Although I don’t see this pattern used on the web all that much, I do think it’s an interesting one! There are different approaches to it, but Nick Salloum …

The post CSS Only Floated Labels with :placeholder-shown pseudo class appeared first on CSS-Tricks.

Read more

Best Free and Paid WordPress Themes for Bloggers

The Internet plays a vital role in helping us share ideas, concepts, and a way to deliver our voice to a broader audience. For example, if you are a blogger, you can share how you feel about ‘French-cuisine’ or  ‘one-foot island’ with hundreds of millions of people just by uploading it on your website or …
The post Best Free and Paid WordPress Themes for Bloggers appeared first on Torque.
Read more

Moving Backgrounds With Mouse Position

Let’s say you wanted to move the background-position on an element as you mouse over it to give the design a little pizzazz. You have an element like this:

And you toss a background on it:

.module {
background-image: url(big-image.jpg);
}

You can adjust the background-position in JavaScript like this:

const el = document.querySelector("#module");

el.addEventListener(“mousemove”, (e) => {
el.style.backgroundPositionX = -e.offsetX + “px”;
el.style.backgroundPositionY = -e.offsetY + “px”;
});

See the Pen Move a background with mouse

The post Moving Backgrounds With Mouse Position appeared first on CSS-Tricks.

Read more

20+ Best Tattoo Fonts & Lettering

Many designers now use tattoo lettering fonts to give an artistic hand-drawn look to their designs. In this post, we bring you a set of tattoo style fonts you can use with your own design projects to create that same unique effect. The inconsistent, stylish, and decorative designs of the tattoo fonts help give a […]
Read more