Search

Nalezeno "Interactive": 527

The :focus-visible Trick

16.10.2020
Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element. But if you use :focus alone for this, it has a side effect that a lot of people don’t like. It means that when you click (with a mouse)...

Layoutit Grid: Learning CSS Grid Visually With a Generator

15.10.2020
Layoutit Grid is an interactive open source CSS Grid generator. It lets you draw your designs and see the code as you go. You can interact with the code, add or remove track lines and drag them around to change the sizing — and you get to see the CSS and HTML change in real time! Add some tracks...

ztext.js

22.9.2020
Super cool project from Bennett Feely! It makes any web type into 3D lettering with a mouseover effect that moves the 3D objects in space. It’s reminiscent of Zdog, but for type. It works its magic by stacking a bunch of copies of the glyphs on top of each other that are offset by some...

Crypto Pro Portfolio Tracker Gets a Major Update

13.8.2020
Crypto Pro app has extended its Apple device support and is now available on Mac, iPhone, iPad, and Apple Watch. What is Crypto Pro? Crypto Pro tracks cryptocurrency prices in real-time and displays interactive charts with indicators. Users can also read the latest crypto news, set custom price...

CSS Vocabulary

27.7.2020
This is a neat interactive page by Ville V. Vanninen to reference the names of things in the CSS syntax. I feel like the easy ones to remember are “selector,” “property,” and “value,” but even as a person who writes about CSS a lot, I forget some of the others....

Learn Z-Index Using a Visualization Tool

12.6.2020
There are some neat interactive demos in here from Thiru Manikandan. There are a couple of very tricky things with z-index that never fail to confuse. In addition to things like requiring positioning and source order, the trickiest are the stacking contexts and parent/child relationships. z-index...

Bohemii Interactive kupují Číňané. Majoritní podíl získal Tencent

3.6.2020
Českou společnost Bohemia Interactive, která vyvíjí a vydává videohry, podle zdrojů listu The Information koupil Tencent. Čínský gigant údajně za 260 milionů dolarů (6,2 miliardy korun) získal 70- až 80% podíl. Tencent ani Bohemia Interactive zatím informace nepotvrdily. Tencent je pro Čínu něco

“The Modern Web”

22.5.2020
A couple of interesting articles making the rounds: Tom MacWrite: Second-guessing the modern web Rich Harris: In defense of the modern web I like Tom’s assertion that React (which he’s using as a stand-in for JavaScript frameworks in general) has an ideal usage: There is a sweet spot...

Creating a Gauge in React

3.5.2020
You should really look at everything Amelia does, but I get extra excited about her interactive blog posts. Her latest about creating a gauge with SVG in React is unreal. Just the stuff about understanding viewBox is amazing and that’s like 10% of it. Don’t miss her earlier posts like...

React Integration Testing: Greater Coverage, Fewer Tests

1.5.2020
Integration tests are a natural fit for interactive websites, like ones you might build with React. They validate how a user interacts with your app without the overhead of end-to-end testing.  This article follows an exercise that starts with a simple website, validates behavior with unit...

Interactive WebGL Hover Effects

14.4.2020
A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps. Interactive WebGL Hover Effects was written by Yuriy Artyukh and published on Codrops

Collective #601

9.4.2020
LCH colors in CSS * Frontend Mentor * Responsive Images the Simple Way * Button?Design * Interactive Timetable Collective #601 was written by Pedro Botelho and published on Codrops

Animated Custom Cursor Effects

24.3.2020
Some ideas for interactive custom cursor animations using SVG filters. Animated Custom Cursor Effects was written by Mary Lou and published on Codrops

How to Make a Line Chart With CSS

11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

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