Search

Nalezeno "button": 157

Chris Coyier’s Favorite CodePen Demos IV

25.2.2019
Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again and again to heart it just that...

Reader Mode: The Button to Beat

7.1.2019
As a young nerd, I loved to immerse myself in digital worlds, learning the ins and outs of the rules someone else had created for me (intentionally or not). But the older and crankier I get, the more I find myself losing patience when navigating these "delightful" experiences. This fascination...

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"> ...

Implementing Smooth Scrolling in React

8.11.2018
Smooth Scrolling, dont know what it is? Well, instead of clicking on a button and being instantly taken to a different part of the (same) page, the user is navigated there via a scroll animation.

Create the Google Button Effect with CSS

27.7.2018
I always found Google’s branding simple but grew to realize that was the beauty in their design; there’s something about “just enough” that is the perfect balance between bland and over the top.  GMail’s design grew old over the years and Google just got around...

Adding Particle Effects to DOM Elements with Canvas

23.7.2018
Let’s take a look at how to make web pages more visually capable by combining the freedom of <canvas> with HTML elements. Specifically, we will be creating a basic HTML-to-particle effect, but the same technique could be used for many kinds of effects. Before we begin, feel free to grab...

Anatomy of a malicious script: how a website can take over your browser

13.7.2018
By now, we all know that the major tech behemoths like Facebook or Google know everything about our lives, including how often we go to the bathroom (hence all the prostate medication ads that keep popping up, even on reputable news sites). After all, we’ve given them permission to do so,...

Ship Map

14.5.2018
Interactive maps can both be functional and, when combined with data, tell a good story. Kiln released this data-driven map (make sure to hit the play button) to show the routes of every cargo ship moving about on the high seas in 2012. Created by London-based data visualisation studio Kiln...

Overriding Default Button Styles

9.5.2018
There are a variety of "buttons" in HTML. You've got: <button>Button</button> <input type="button" value="Button"> Plus, for better or worse, people like having links that are styled to match the look of other true buttons on the site <a href="#0"...

React and autofocus

7.5.2018
While I love ReactJS, I can say that I sometimes find interactions that were easy during the pre-ReactJS are annoyingly difficult or at least “indirect”.  One example is properly ensuring that a given <input> element gets focused when a button in a different component...

Ideas for Proximity Feedback with Progressive Hover Effects

2.5.2018
We're exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it. Ideas for Proximity Feedback with Progressive Hover Effects was written by Mary Lou and published on Codrops

Container-Adapting Tabs With “More” Button

2.5.2018
Or the priority navigation pattern, or progressively collapsing navigation menu. We can name it in at least three ways. There are multiple UX solutions for tabs and menus and each of them have their own advantages over another, you just need to pick the best for the case you are trying to solve....

Finger-friendly numerical inputs with `inputmode`

30.4.2018
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input...

Particle Effects for Buttons

25.4.2018
A little library that can be used for bursting particles effects. The idea is to disintegrate an element into particles and make it disappear (or vice versa). Particle Effects for Buttons was written by Luis Manuel and published on Codrops

Native-Like Animations for Page Transitions on the Web

23.4.2018
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile apps. However, even though the imagination for these types of interactions seem to abound, their presence on actual sites that I visit do not....

Collective #409

23.4.2018
Permit * React in patterns * Sketchize * GitHub Learning Lab * Slugify * pico.js * BBC Sound Effects * VS Code can do that?! Collective #409 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