Search
How to Code a Crosshair Mouse Cursor with Distortion Hover Effect
26.5.2021
A quick tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion hover effect.
The post How to Code a Crosshair Mouse Cursor with Distortion Hover Effect appeared first on Codrops
Mass Effect Legendary Edition Has A Calibration Menu
14.5.2021
Mass Effect Legendary Edition released today, and if you’re a long-time fan of the series, you’ll find a nice Easter egg before you even start your first campaign.Read more
Rotated 3D Letters and Image Hover Effect
28.4.2021
A rotated 3D like letters hover effect combined with a tilted image for a menu.
The post Rotated 3D Letters and Image Hover Effect appeared first on Codrops
In Praise of the Unambiguous Click Menu
18.3.2021
I still remember my excitement when I learned how to build a hover-triggered submenu with just CSS. (It was probably after reading this 2003 article from A List Apart.) At the time, it was a true CSS trick. Seriously. …
The post In Praise of the Unambiguous Click Menu appeared first...
Call Of Duty: Black Ops Cold War's Menus Suck
11.3.2021
Booting up the newest Call of Duty, I was greeted by terrible-looking menus, an overwhelming amount of options, too much information, and some ugly-looking ads. It’s not a great first impression and feels like a cobbled-together mess. In other words: It bad.Read more
How We Improved the Accessibility of Our Single Page App Menu
25.2.2021
I recently started working on a Progressive Web App (PWA) for a client with my team. We’re using React with client-side routing via React Router, and one of the first elements that we made was the main menu. Menus …
The post How We Improved the Accessibility of Our Single Page App Menu...
Persona 5 Strikers’ Menus Are As Vibrantly Alive As Its Cast
24.2.2021
Video game menus are like assholes—every game has them and more often than not, they stink. They are often the least-pretty, least splashy part of an otherwise beautiful game, partly because they aren’t central to gameplay (unless it’s Crusader Kings or something). But Persona 5 Strikers shows us...
Otázky k přístupnosti webů – 5
23.2.2021
Jak je to s přístupností mobilního menu z klávesnice? Používáte odkazy “více” a “zde”? Znáte rozdíl mezi aria-label, aria-labelledby a aria-describedby? Je PDF strojově čitelný formát z pohledu zákona o přístupnosti?
A Dynamically-Sized Sticky Sidebar with HTML and CSS
20.11.2020
Creating page content that sticks to the viewport as you scroll, something like a jump-to-anchor menu or section headings, has never been easier. Throw a position: sticky into your CSS ruleset, set the directional offset (e.g. top: 0) and you’re ready to impress your teammates with minimal effort....
Čokoláda nad zlato: Staří Mayové nepoužívali jako měnu mince, ale kakaové boby!
12.11.2020
Čokoláda nad zlato: Staří Mayové nepoužívali jako měnu mince, ale kakaové boby!
Inline Menu Layout with Gallery Panel
11.11.2020
An inline menu layout with a playful hover animation and a gallery content preview panel.
The post Inline Menu Layout with Gallery Panel appeared first on Codrops
[aktualita] Bahamská centrální banka spustila vlastní digitální měnu Sand Dollar
21.10.2020
Centrální banka na Bahamách (The Central Bank of the Bahamas, CBOB) dnes prostřednictvím Twitteru oznámila oficiální spuštění před rokem poprvé avizované digitální měny Sand Dollar. Sand Dollar představuje oficiální celostátní digitální měnu vydávanou bahamskou centrální bankou a spadá tak...
Balancing on a pivot with Flexbox
8.10.2020
Let me show you a way I recently discovered to center a bunch of elements around what I call the pivot. I promise you that funky HTML is out of the question and you won’t need to know any bleeding-edge CSS to get the job done.
I’m big on word games, so I recently re-imagined the main menu...
BurgerSwap frying high — Binance offers up the latest dish on DeFi menu
18.9.2020
BurgerSwap has pumped BNB price, but how long can it last, and what does that mean for Binance? Cointelegraph talks to the Burger King
Menu to Inner Page Animation with Image Grid Background
16.9.2020
A layout with a menu and background image grid that animates to an inner content page.
The post Menu to Inner Page Animation with Image Grid Background appeared first on Codrops
Creator leaves SushiSwap in hot water as multisig revival is on the menu
8.9.2020
SushiSwap’s community will take charge of the platform once it completes its migration to a multisignature contract from Uniswap
Menu Reveal By Page Rotate Animation
8.9.2020
There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even additional approaches on how hidden menus reveal their menu items. Some...
Can you get valid CSS property values from the browser?
19.8.2020
I had someone write in with this very legit question. Lea just blogged about how you can get valid CSS properties themselves from the browser. That’s like this.
CodePen Embed Fallback
That gives you, for example, the fact that cursor is a thing. But then how do you know what valid values...
Kdo nechce čekat na podzim, může mít nové menu Start ve Windows 10 už teď. Poradíme, jak na to
3.8.2020
Jedna z větších novinek podzimní aktualizace Windows 10 je i nová nabídka Start, která přináší pozměněný design dlaždic. A byť je finální vydání až za několik měsíců, můžete si novinku vyzkoušet již nyní.
Podzimní aktualizace, podobně, jako loni, pravděpodobně nepřinese mnoho novinek.
Three CSS Alternatives to JavaScript Navigation
14.7.2020
Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most folks, it’s probably the “hamburger” menu that, when clicked, uses a little JavaScript to expand a vertical list of navigation links.
But that’s...