Search

Nalezeno "well": 1290

How to use CSS Scroll Snap


Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling container can be different sizes. It is the edges of those children that matter, not some fixed snapping distance. I like Max Kohler's coverage...

Emergency Website Kit


Here’s an outstanding idea from Max Böck. He’s created a boilerplate project for building websites that fit within a single HTTP request. This is extremely important for websites that contain critical information for public safety. As Max writes: In cases of emergency, many organizations need...

How to Repeat Text as a Background Image in CSS Using element()


There’s a design trend I’ve seen popping up all over the place. Maybe you’ve seen it too. It’s this sort of thing where text is repeated over and over. A good example is the price comparison website, GoCompare, who used it in a major multi-channel advertising campaign. Nike has used it as well...

How to Buy Weed With Bitcoin


So you’ve got a little bitcoin to your name but are all out of weed. What you gonna do? Well, if you’re fortunate enough to live in a region where marijuana is legal, there are ways to exchange the two. While if you don’t inhabit such an enlightened area, rumor has it there...

Indicating Scroll Position on a Page With CSS


Scrolling is something we all know and do on the web to the extent that it’s an expectation or perhaps even a habit, like brushing our teeth. That’s probably why we don’t put too much thought into designing the scrolling experience — it’s a well-known basic function. In fact, the popular “there...

Flexbox and absolute positioning


Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it. It's odd...

Using the HTML title attribute


 Steve Faulkner: User groups not well served by use of the title attribute • Mobile phone users.• Keyboard only users.• Screen magnifier users.• Screen reader users.• Users with fine motor skill impairments.• Users with cognitive impairments. Sounds like in 2020, the only useful thing the title...

Make Yourself a Little API With Netlify Functions


Here's an example of a nice little use case for cloud functions. Glitch has this great package of friendly words. Say you wanted to randomly generate "happy-elephant" or "walking-tree", and you need to do that on your website in JavaScript. Well, this package is pretty big (~200 KB), necessarily...

Empow – Decentralized, Visually Focused Social Network


Since Blockchain became well-known to the public back in the bull-run in 2017, many developer teams have started to develop blockchain-based products and applications that can be used by the masses. The post Empow – Decentralized, Visually Focused Social Network appeared first on Bitcoin News

Creating a Modal Image Gallery With Bootstrap Components


Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos? Some folks call it a pop-up. Others call it a lightbox. Bootstrap calls it a modal. I mention Bootstrap because I want to use it to make the same sort of thing. So, let’s...

The Slideout Footer


A fascinating new site called The Markup just launched. Tagline: Big Tech Is Watching You. We’re Watching Big Tech. Great work from Upstatement. The content looks amazing, but of course, around here we're always interested in the design and tech as well. There is loads to adore, from the clean...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace