50+ Best Free & Premium Tumblr Themes 2018

Tumblr has been the go-to place for bloggers, inspiration finders, and creatives for years as a way of posting to the web. With that popularity came a whole culmination of themes. Themes varying from grid-based, portfolio style, and even ones specifically made for writers. Today we’ve rounded up a collection of over 50 of the […]
Read more

PSA: Yes, Serverless Still Involves Servers.

You clever dog. You’ve rooted it out! It turns out when you build things with serverless technology you’re still using servers. Pardon the patronizing tone there, I’ve seen one-too-many hot takes at this point where someone points this fact out and trots away triumphantly.

And yes, because serverless still involves servers, the term might be a bit disingenuous to some. You could be forgiven for thinking that serverless meant technologies like web workers, which use the client to …

The post PSA: Yes, Serverless Still Involves Servers. appeared first on CSS-Tricks.

Read more

How to Create an Advanced Scrolling Design for Your One-Page Website

A one-page website is an excellent way to communicate a specific purpose to your visitors, without overwhelming them through lots of clutter and information. However, if you only have one page with which to impress people, you’ll need to pull out all the stops. If you’re looking for a way to make your one-page site …
The post How to Create an Advanced Scrolling Design for Your One-Page Website appeared first on Torque.
Read more

4 Unique Placeholder Image Services for Designers

A placeholder image service is a quick and easy way to find images to insert into web projects so that a wireframe or prototype looks more real. It can help other people envision the project and help keep it moving forward. Most designers try to do everything they can to help a client or non-visual […]
Read more

Create your own Serverless API

If you don’t already know of it, Todd Motto has this great list of public APIs. It’s awesome if you’re trying out a new framework or new layout pattern and want to hit the ground running without fussing with the content.

But what if you want or need to make your own API? Serverless can help create a nice one for data you’d like to expose for use.

Serverless really shines for this use case, and hopefully this post …

The post Create your own Serverless API appeared first on CSS-Tricks.

Read more

Remote Conferences; Bridging the Gap, Clearing the Odds

A few weeks back, I saw one of my esteemed mentors decry the psychological traumas he had experienced, following series and series of refusals at certain embassies.

“A child concentrating hard at school” by Les Anderson on Unsplash

You would think he went for a contract he did not have the capacity for, but then, you would have been wrong. He needed to impart knowledge. He opted to do so across borders, but then, some realities were harsh.

We are …

The post Remote Conferences; Bridging the Gap, Clearing the Odds appeared first on CSS-Tricks.

Read more

The div that looks different in every browser

It’s not that Martijn Cuppens used User Agent sniffing, CSS hacks, or anything like that to make this quirk div. This is just a plain ol’ <div> using the outline property a la:

div {
inset 100px green;
outline-offset: -125px;
}

It looks different in different browsers because browsers literally render something differently in this strange situation.

I happened upon Reddit user spidermonk33’s comment in which they animated the offset to understand it a bit more. I took that …

The post The div that looks different in every browser appeared first on CSS-Tricks.

Read more

Scrolling Gradient

If you want a gradient that changes as you scroll down a very long page, you can create a gradient with a bunch of color stops, apply it to the body and it will do just that.

But, what if you don’t want a perfectly vertical gradient? Like you want just the top left corner to change color? Mike Riethmuller, re-using his own technique from the CSS-only scroll indicator (A-grade CSS trickery), did this by overlapping two gradients. The “top” …

The post Scrolling Gradient appeared first on CSS-Tricks.

Read more