Search

Nalezeno "hidden": 231

Collective #510


Svelte 3 * Mozilla WebThings * Tiny Mirror * CORS Tutorial * Inclusively Hidden * What is a Design System? Collective #510 was written by Pedro Botelho and published on Codrops

Inclusively Hidden


Scott O'Hara recently published "Inclusively Hidden," a nice walkthrough of the different ways to hide things on the web. Nothing is ever cut and dry when it comes to the web! What complicates this is that hidden begs the question: hidden for whom? Different answers to that have different...

See No Evil: Hidden Content and Accessibility


There is no one true way to hide something on the web. Nor should there be, because hiding is too vague. Are you hiding visually or temporarily (like a user menu), but the content should still be accessible? Are you hiding it from assistive tech on purpose? Are you showing it to assistive tech...

CSS Triangles, Multiple Ways


I like Adam Laki's Quick Tip: CSS Triangles because it covers that ubiquitous fact about front-end techniques: there are always many ways to do the same thing. In this case, drawing a triangle can be done: with border and a collapsed element with clip-path: polygon() with transform: rotate()...

Chris Coyier’s Favorite CodePen Demos IV


Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again and again to heart it just that...

Nové stavebnice Lego propojují fyzický a virtuální svět


Lego uvádí novou řadu stavebnic nazvanou Hidden Side. Poprvé nabídne propojení fyzického a virtuálního světa pomocí rozšířené reality: speciální aplikace promění telefon v nástroj, s jehož pomocí bude dítě odhalovat paranormální jevy a chytat duchy ve strašidelném městě, které si sestaví

CSS Ellipsis Beginning of String


I was incredibly happy when CSS text-overflow: ellipsis (married with fixed width and overflow: hidden was introduced to the CSS spec and browsers; the feature allowed us to stop trying to marry JavaScript width calculation with string width calculation and truncation.  CSS ellipsis was also very...

Accessible SVG Icons With Inline Sprites


This is a great look at accessible SVG markup patterns by Marco Hengstenberg. Here's the ideal example: <button type="button"> Menu <svg class="svg-icon" role="img" height="10" width="10" viewBox="0 0 10 10" aria-hidden="true" focusable="false"> ...

Stuff you can do with CSS pointer events


Martijn Cuppens (the same fella with the very weird div!) has some more irresistible CSS trickery. Three of the examples are about making a child element trigger an event on a parent element (almost like the magic that is :focus-within). Here's how I reasoned it out to myself: You know how if...

20 Messages Hidden in 20 of the Most Recognizable Logos


There’s a logo on just about everything these days – smartphones, snacks, cars, clothes – you name it. Some of them are simple while others host hidden messages that... The post 20 Messages Hidden in 20 of the Most Recognizable Logos appeared first on Onextrapixel

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