Search

Nalezeno "interactive": 530

Using Your Own Design System with KendoReact Components

30.10.2020
Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap or Material Design, except the components...

Focus management and inert

19.10.2020
Many forms of assistive technology use keyboard navigation to understand and take action on screen content. One way of navigating is via the Tab key. You may already be familiar with this way of navigating if you use it to quickly jump from input to input on a form without having to reach for your...

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

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