Search
How to use CSS Scroll Snap
27.3.2020
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...
CSS-Only Carousel
10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
Setting some boxes in a horizontal row with flexbox is easy.
Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy.
You can make the "slides" line...
Product Search and Filters Are a Snap With WooCommerce
26.11.2019
Let's say you visit an e-commerce site because you want to buy the latest banana peeler model. Bananas are hard enough to peel, right? Only a tool will do!
What's the first thing you're going to do on the site? Chances are, it's entering something into the (hopefully) prominent search field....
Collective #564
11.11.2019
GSAP 3 * React Conf 2019 * :is() selector * Paged.js * Day as a Dev * Scroll Snap in CSS
Collective #564 was written by Pedro Botelho and published on Codrops
As Snap Election Hopes Fade, Boris Johnson Shifts Focus to EU Deal
7.9.2019
Around three years ago, the United Kingdom used to be one of the world’s leading economies and was all set to grow for the foreseeable future. However, the Brexit referendum changed all that, as the people of the country voted to leave the European Union. The referendum plunged the country into...
Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon
14.6.2019
In this week's roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you.
The post Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon appeared...
Get a CSS Custom Property Value with JavaScript
11.4.2019
Here’s a neat trick from Andy Bell where he uses CSS Custom Properties to check if a particular CSS feature is supported by using JavaScript.
Basically, he's using the ability CSS has to check for browser support on a particular property, setting a custom property that returns a value of either...
Fixed Headers, On-Page Links, and Overlapping Content, Oh My!
3.4.2019
Let's take a basic on-page link:
<a href="#section-two">Section Two</a>
When clicked, the browser will scroll itself to the element with that ID: <section id="section-two"></section>. A browser feature as old as browsers themselves, just about.
But as soon as...
Collective #492
14.2.2019
WebBluetooth * Ludwig * CSS Scroll Snap * instant.page * Intro to Font Metrics * To Grid or to Flex?
Collective #492 was written by Pedro Botelho and published on Codrops
Snapchat hledá, jak vydělat. Čerstvě mu má pomoci Snap Kit pro firmy
18.6.2018
Snapchat chystá Snap Kit pro vývojáře, kteří mohou s oblíbenou sítí nejen amerických teenagerů propojit svoje vlastní aplikace. Jedná se o další způsob, jak se Snapchat snaží najít způsob monetizace.
Snap Kit se dělí na několik sekcí: Story, Login, Creative a Bitmoji. Umožňuje vývojářům použít
Snap si nedá pokoj a zkusí to znovu: chystá druhou verzi brýlí Spectacles
4.3.2018
Snap už je podle zdroje magazínu Cheddar v pokročilé fázi vývoje další generace chytrých brýlí Spectacles, které pořizují krátké videozáznamy a jsou úzce propojeny s aplikací Snapchat.
V přípravě jsou dokonce hned dvě verze brýlí. První má být lehce vylepšená první verze s novou paletou barev a
Snap prodal přes 150 tisíc brýlí Spectacles s integrovanou kamerou
4.10.2017
Na konci minulého roku spustila společnost Snap (dříve Snapchat) prodej jednoduchých stylových brýlí Spectacles, které obsahují integrovanou levnou kameru pro zachycení krátkých videí, jež lze posléze sdílet přes mobilní aplikaci. Nyní šéf Evan Spiegel poprvé prozradil prodejní čísla.
Podle