Search
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...
Exploring Animations for Menu Hover Effects
8.7.2020
A couple of ideas for creative menu hover animations with images.
The post Exploring Animations for Menu Hover Effects appeared first on Codrops
Creating a Menu Image Animation on Hover
1.7.2020
A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.
The post Creating a Menu Image Animation on Hover appeared first on Codrops
Line-Animated Hamburger Menu
26.6.2020
This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and fun by controlling the SVG properties in CSS.
CodePen Embed...
Nové Start menu ve Windows 10 je na spadnutí. Microsoft jej ukázal v novém tématu
24.6.2020
Microsoft novou nabídku Start představil již před několika měsíci, prozatím se ale do Windows nedostala. Nyní se objevila na ukázkách nového tématu, které je ke stažení. Oficiální vypuštění novinky se tak zřejmě blíží.
Novou nabídku Start ukázal již Panos Panay, v produkční verzi systému
Riskantní menu: Pětice potravin, u kterých se vyplatí zpozornět
23.6.2020
Riskantní menu: Pětice potravin, u kterých se vyplatí zpozornět
An Infinitely Scrollable Vertical Menu
23.5.2020
A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.
An Infinitely Scrollable Vertical Menu was written by Mary Lou and published on Codrops
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:...
List Style Recipes
5.5.2020
Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a navigation menu. Not only are they an opportunity for styling, but they have accessibility implications. For example, the number of items in a list...
Morphing Gooey Text Hover Effect
28.4.2020
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
Morphing Gooey Text Hover Effect was written by Mary Lou and published on Codrops
CSS-Only Marquee Effect
31.3.2020
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.
CSS-Only Marquee Effect was written by Mary Lou and published on Codrops
Ideas for Distorted Link Effects on Menus
18.3.2020
Some examples of how to use decorative distortion effects on big typography menu links.
Ideas for Distorted Link Effects on Menus was written by Mary Lou and published on Codrops
Stop Using “Dropdown”
16.3.2020
Adrian Roselli notes that it might actually mean:
A <select> menu
An ARIA Listbox, Combobox, Menu, or Disclosure Widget
An input with a <datalist>
An input with autocomplete
A <details><summary> block
An accordion
Flyout navigation
In my own usage, I tend to mean...
Animating CSS Width and Height Without the Squish Effect
6.3.2020
The first rule of animating on the web: don't animate width and height. It forces the browser to recalculate a bunch of stuff and it's slow (or "expensive" as they say). If you can get away with it, animating any transform property is faster (and "cheaper").
Butttt, transform can be tricky. Check...
Beyond the Law Star Steven Seagal Settles With SEC + More News
27.2.2020
Beyond the Law movie poster. Steven Seagal is in the middle.
Crypto Briefs is your daily, bite-sized digest of cryptocurrency and blockchain-related news – investigating the stories flying under the radar of today’s crypto news.
Legal news
The U.S. Securities and Exchange Commission (SEC) settled...
Kam dnes zajít na oběd? Seznam.cz a Firmy.cz nově zobrazují u restaurací aktuální denní menu
4.2.2020
Seznam přidal užitečnou funkci do své služby Firmy.cz. Nově v rámci informací o podniku zobrazuje denní menu restaurací pro aktuální den.
Seznam novinku představil na stránce Vychytávky, které nově umíme. Zde uvádí: „Nově je možné si na Firmy.cz prohlédnout i nabídky denního menu v restauracích.
Hamburger ☰ Heaven
22.1.2020
A pleasant little romp through iconography and culture from Sophia Lucero. The "hamburger" menu icon we're familiar with now is really a sign from Taoist cosmology.
Besides ☰, which represents heaven 天, we have ☱ for lake/marsh 澤, ☲ for fire 火, ☳ for thunder 雷, ☴ for wind 風, ☵ for water 水,...
How Auto Margins Work in Flexbox
6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party.
Say you have a flex container with some flex items inside that don't fill the whole area.
See the Pen
ZEYLVEX...
Building a Physics-based 3D Menu with Cannon.js and Three.js
10.12.2019
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
Building a Physics-based 3D Menu with Cannon.js and Three.js was written by Arno Di Nunzio and published on Codrops