Search

Nalezeno "edge": 515

How-to guide for creating edge-to-edge color bars that work with a grid

1.7.2020
Hard-stop gradients are one of my favorite CSS tricks. Here, Marcel Moreau combines that idea with CSS grid to solve an issue that’s otherwise a pain in the butt. Say you have like a 300px right sidebar on a desktop layout with a unique background color. Easy enough. But then say you want...

Patternico

20.6.2020
I remember searching for tutorials for making seamless patterns in Photoshop¹ all the time back in the day. It’s fun to see this little website for building repeating patterns as its one job. It does everything you’d expect: pick a background, drag some decorations onto it and position...

Web Engine Diversity and Ecosystem Health

16.6.2020
As front-end developers, our job is working with browsers. Knowing how many we have and the health of them is always of great interest. As far as numbers go, we have fewer recently than we have in the past. It’s only this month that Edge is starting to auto-update browsers to the Chromium...

Google a Microsoft vylepšují kontrolu překlepů. Funguje v Chrome i Edge

10.6.2020
Microsoft a Google spolupracují na zlepšení kontroly pravopisu, respektive v případě češtiny spíše kontroly překlepů, v rámci webových prohlížečů Edge a Chrome. Ta by měla lépe zvládat například odkazy, emailové adresy a zkratky. Nejnovější verze Edge 83 a Chrome 83 nabízejí místo dosavadní

Microsoft Edge má skrytou hru jako Chrome. Můžete v něm surfovat na prkně

27.5.2020
Když se odpojíte od internetu a spustíte prohlížeč Chrome, stisknutím mezerníku odstartujete skrytou hru s dinosaurem, který skáče přes překážky. Hru ale můžete vyvolat i ručně prostým načtením interní adresy chrome://dino. Robot na hru s dinosaurem v Chromu: Svoji skrytou hru pro chvíle,

A “new direction” in the struggle against rightward scrolling

21.5.2020
You know those times you get a horizontal scrollbar when accidentally placing an element off the right edge of the browser window? It might be a menu that slides in or the like. Sometimes we to overflow-x: hidden; on the body to fix that, but that can sometimes wreck stuff like position:...

Build 2020: Microsoft Edge dostane tyhle šikovné novinky

21.5.2020
Konference Microsoft Build je zaměřena zejména na vývojáře aplikací a webů, ale redmondská společnost na ní odhalila i novinky, na které se mohou těšit běžní uživatelé. Týkají se například prohlížeče Edge (nové verze postavené na Chromiu). Ta se v nejbližších týdnech dočká synchronizace

Podívejte se, jak vypadá Edge na Linuxu. Microsoft se pochlubil na Build 2020

20.5.2020
Microsoft včera odstartoval svoji digitální 48hodinovou verzi výroční vývojářské konference Build 2020, která se protáhne ještě na celý dnešní den. Novinek pro programátory je hodně, přičemž mnoho z nich se točí okolo prohlížeče Edge. Toho nového Edge, který je už založený na jádře Chromium. Má

CSS fix for 100vh in mobile WebKit

15.5.2020
A surprisingly common response when asking people about things they’d fix about anything in CSS, is to improve the handling of viewport units. One thing that comes up often is how they relate to scrollbars. For example, if an element is sized to 100vw and stretches edge-to-edge, that’s...

Using CSS Masks to Create Jagged Edges

12.5.2020
I was working on a project that had this neat jagged edge along the bottom of a banner image. Looking sharp… in more ways than one. It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...

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