Search

Nalezeno "click": 125

lite-youtube-embed

13.12.2019
A standard copy-and-paste YouTube embed lands on your page as an <iframe> which loads a big ol' pile of other stuff to play that video. But the UX of it is still essentially an image and a play button. Click the play button and the video plays. You can build essentially the same thing with...

How to Create an Interactive 3D Character with Three.js

14.10.2019
In this in-depth tutorial you will learn how to create an interactive 3D character that follows the mouse and performs random animations on click. How to Create an Interactive 3D Character with Three.js was written by Kyle Wetton and published on Codrops

The Many Ways to Link Up Shapes and Images with HTML and CSS

1.10.2019
Different website designs often call for a shape other than a square or rectangle to respond to a click event. Perhaps your site has some kind of tilted or curved banner where the click area would be awkwardly large as a straight rectangle. Or you have a large uniquely shaped logo where you only...

Preloading Pages Just Before They are Needed

27.9.2019
The typical journey for a person browsing a website: view a page, click a link, browser loads new page. That's assuming no funny business like a Single Page App, which still follows that journey, but the browser doesn't load a new page — the client fakes it for the sake of a snappier...

Where should “Subscribe to Podcast” link to?

14.9.2019
For a while, iTunes was the big dog in podcasting, so if you linked "Subscribe to Podcast" to like: https://podcasts.apple.com/podcast/id493890455 ...that would make sense. It's a web URL anyway, so it will work for anyone and has information about the podcast, as well as a list of recent shows...

Trading Cryptocurrencies: Commonly Used Technical Indicators (Part 2)

10.9.2019
Introduction This is the second of our 2-part series on technical indicators commonly used in trading cryptocurrencies. If you have not read our first article, click here for our first article which introduces Simple Moving Average, Relative Strength Index and […] The post Trading...

Lazy load embedded YouTube videos

20.8.2019
This is a very clever idea via Arthur Corenzan. Rather than use the default YouTube embed, which adds a crapload of resources to a page whether the user plays the video or not, use the little tiny placeholder webpage that is just an image you can click that is linked to the YouTube embed. It still...

Can you view print stylesheets applied directly in the browser?

19.8.2019
Yep. Let's take a look at how to do it in different browsers. Although note the date of this blog post. This stuff tends to change over time, so if anything here is wrong, let us know and we can update it. In Firefox... It's a little button in DevTools. So easy! Open DevTools...

Graphical User Interfaces for Git

3.7.2019
Git is command-line-driven software, but that doesn't mean you have to use the command line to make it work. There are lots of options! Some of the deepest programmer nerds I know prefer to use GUIs for Git (Graphic User Interface, or you know, software you can see things and click stuff), and some...

Building a Conference Schedule with CSS Grid

24.6.2019
It’s hard to beat the feeling of finding a perfect use for a new technology. You can read every handy primer under the sun and ooh-and-ahh at flashy demos, but the first time you use it on your own project… that’s when things really click. I gained a new appreciation for CSS Grid when building...

Tabs: It’s Complicated™

19.4.2019
I've said before one quick and powerful thing you can learn as a front-end developer just getting starting with JavaScript is changing classes. const button = document.querySelector(".my-button"); const element = document.querySelector(".content"); button.addEventListener("click", function()...

Under-Engineered Toggles

10.4.2019
Toggles. Switches. Whatever you want to call them, they've been with us for some time and have been a dominant a staple for many form interfaces. They're even baked right into many CSS frameworks, including Bootstrap and Foundation. It's easy to think of them in binary terms: on and off. Off...

Crossroads Slideshow

3.4.2019
An experimental slideshow with an inclined look, three slide previews and a content view on click. Crossroads Slideshow was written by Mary Lou and published on Codrops

Understanding Event Emitters

26.3.2019
Consider, a DOM Event: const button = document.querySelector("button"); button.addEventListener("click", (event) => /* do something with the event */) We added a listener to a button click. We’ve subscribed to an event being emitted and we fire a callback when it does. Every time we click that...

Using Local with Flywheel

19.3.2019
Have you seen Local by Flywheel? It's a native app for helping set up local WordPress developer environments. I absolutely love it and use it to do all my local WordPress development work. It brings a lovingly designed GUI to highly technical tasks in a way that I think works very well. Plus...

A DEX Like No Other

13.3.2019
Liquidity, Speed, and Privacy at the Click of a Button The first generation of decentralized exchanges (DEXs) promised to revolutionize cryptocurrency trading. Finally, users would be able to buy and sell peer-to-peer, without a middleman or any centralized entity threatening […] The post...

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

Styling a Web Component

8.1.2019
This confused me for a bit here so I'm writing it out while it's fresh in mind. Just because you're using a web component doesn't mean the styles of it are entirely isolated. You might have content within a web component that is styled normally along with the rest of your website. Like this: See...

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