I AM LISTENING TO

|

WHAT I LIKE

BackgroundCheck – Automatically switch to a darker or a lighter version of an element

5. May 2016

BackgroundCheck automatically switches to a darker or a lighter version of an element depending on the brightness of images behind it.

Pretty amazing and useful, when doing long one-pagers with switching section backgrounds and navigation elements hovering above them.

1

2

3

4

5

6

7

8

9

10

11

p.background--light {

color: black;

}

p.background--dark {

color: white;

}

p.background--complex {

color: gray;

}

1

2

3

4

5

6

7

8

9

10

// Check all elements with a .target class against all images on a page

BackgroundCheck.init({

targets: '.target'

});

// Specific images

BackgroundCheck.init({

targets: '.target',

images: '.thumbnails'

});

BackgroundCheck

Subscribe

0 Comments

Inline Feedbacks

View all comments

Alexander

I am a full-stack developer. My expertise include:

Server, Network and Hosting Environments
Data Modeling / Import / Export
Business Logic
API Layer / Action layer / MVC
User Interfaces
User Experience
Understand what the customer and the business needs

I love programming, design and know my way around server architecture as well. I would never feel complete, with one of these missing.

I have a broad range of interests, that’s why I constantly dive into new technologies and expand my knowledge where ever required. Technologies are evolving fast and I enjoy using the latest.

Apart from that, I am a peace loving guy who tries to have people around him that think the same. I truly believe in the principle: “If you help someone, someone will help you, when you need it."

Services

Previous Next

♩
♪
♫
♬
♩
♪
♫
♬