Search
Case Study: Chang Liu Portfolio V4
16.10.2019
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu's portfolio reimplementation.
Case Study: Chang Liu Portfolio V4 was written by Chang Liu and published on Codrops
Collective #551
23.9.2019
The perfect responsive menu * jsonbox.io * rgbShiftSlider * navi * Optimize Images for Web * Resume Builder
Collective #551 was written by Pedro Botelho and published on Codrops
Hamburger Menu with a Side of React Hooks and Styled Components
10.9.2019
We all know what a hamburger menu is, right? When the pattern started making its way into web designs, it was both mocked and applauded for its minimalism that allows main menus to be tucked off screen, particularly on mobile where every pixel of space counts.
CSS-Tricks is all about double...
Mozilla vylepšila Thunderbird. Má tmavý režim, nové menu a další novinky
2.9.2019
E-mailový klient Thunderbird přežil svou vlastní smrt a Mozilla jej nadále vyvíjí. Nyní dochází k vydání verze 68, která přináší vylepšený tmavý režim a další drobné vychytávky.
Thunderbird patří mezi klasické desktopové klienty. Umožňuje tedy kontrolovat poštu z připojených schránek a to i
The Best (GraphQL) API is One You Write
30.8.2019
Listen, I am no GraphQL expert but I do enjoy working with it. The way it exposes data to me as a front-end developer is pretty cool. It's like a menu of available data and I can ask for whatever I want. That's a massive improvement over REST and highly empowering for me as a front-end developer...
Collective #529
4.7.2019
User Inyerface * Menu (or not) * Generative Machines * CodeSandbox Templates * Dark Patterns at Scale
Collective #529 was written by Pedro Botelho and published on Codrops
Menus with “Dynamic Hit Areas”
3.7.2019
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should work with clicks and taps, too. Without that, you've broken the menu for anyone without a mouse. That doesn't mean you can't also use :hover....
Draggable Menu with Image Grid Previews
19.6.2019
A draggable inline menu with a scattered thumbnail preview of an image grid.
Draggable Menu with Image Grid Previews was written by Mary Lou and published on Codrops
Komentář Lukáše Kovandy: Facebook odhalil svoji digitální měnu. Inspiruje se bitcoinem, ale bitcoin to není
19.6.2019
Společnost Facebook odhalila plán na zavedení nové kryptoměny. Ta by se podle Facebooku mohla jednoho dne obchodovat celosvětově, podobně jako dnes americký dolar. Krok Facebooku přiživil zájem o kryptoměny obecně, takže cena nejznámější a nejrozšířenější kryptoměny, bitcoinu, v úterý vylétla...
Animated Image Columns
16.5.2019
An experimental web layout where several image columns get animated out when a menu item is clicked.
Animated Image Columns was written by Mary Lou and published on Codrops
Google začne v Mapách zobrazovat u restaurací menu složené z populárních jídel
3.5.2019
Google v rámci svých map již delší dobu třídí nahrané fotografie uživatelů podle toho, co na nich je. Nyní ale chystá rozšíření, kdy jednotlivé fotografie jídla bude třídit do menu a umožní jejich hodnocení.
Nová položka Menu u profilu restaurace bude obsahovat fotografie populárních jídel,
How to Build an Underwater-Style Navigation Using PixiJS
24.4.2019
A tutorial on how to create a visually distinct and accessible WebGL menu that builds from any given HTML navigation.
How to Build an Underwater-Style Navigation Using PixiJS was written by Liam Egan and published on Codrops
McDonald’s investuje 6,8 miliardy, aby jeho menu sestavovalo strojové učení
28.3.2019
Návštěvy řetězce s rychlých občerstvením McDonald’s se brzy stanou ještě technologičtějšími než doposud. K samoobslužným kioskům přibude menu, které bude sestavovat strojové učení izraelské společnosti Dynamic Yield. Tu řetězec koupí za 300 milionů dolarů (6,8 miliardy korun), informuje agentura
See No Evil: Hidden Content and Accessibility
15.3.2019
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 Algorithms
6.3.2019
I wouldn't say the term "CSS algorithm" has widespread usage yet, but I think Lara Schenck might be onto something. She defines it as:
a well-defined declaration or set of declarations that produces a specific styling output
So a CSS algorithm isn't really a component where there is some parent...
Accessible SVG Icons With Inline Sprites
7.12.2018
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">
...
Find and Change Default App for File Type from Command Line
23.10.2018
There are few things more frustrating to any computer user than files opening in an unwanted application. Sure you can use the Open menu item in the desired application but we all just want to double-click a file and see it open in the application we expect. I recently got to thinking about this...
Programy zdarma: jak přidat náhled obrázků do kontextového menu
17.7.2018
Windows s programem FastPreview zvládnou prohlížet obrázky pravým tlačítkem myši. Užitečné informace o video- a audiosouborech podá PlayTime. Elektronickou skartovačku dat disků najdete v aplikaci Hard Drive Eraser. A Macrium Reflect Free Edition slouží ke kompletní záloze disku či systému...
Building a Complex UI Animation in React, Simply
12.7.2018
Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate.
This is...
Inspecting Animations in DevTools
4.5.2018
I stumbled upon the Animation panel in Chrome’s DevTools the other day and almost jumped out of my seat with pure joy. Not only was I completely unaware that such a thing exists, but it was better than what I could’ve hoped: it lets you control and manipulate CSS animations and visualize...