Search

Nalezeno "Demo": 630

Popular Web Tools and Services Among Designers & Developers (Sponsored)


Today we will present you the most popular 30 web tools and services among designers and developers. We handpicked solutions that are offering the best functionalities, support, and pricing on the market. You will find probably the best logo design creating software, the very well-known Hotjar...

Promises and Static Values


Async can throw a real wrench into the cogs of our programming workflows, all despite the fact that async is the modern JavaScript pattern. While async/await helps, there’s sometimes confusion about the way to have a single function that returns a value whether it exists or needs a Promise...

EOS Finds Music Partner, Deloitte Releases 'Blockchain in a Box'


While many blockchain projects, which involve major banks, exchanges and technology firms, have not gone beyond the testing phase, almost every day new blockchain-related announcements show that the industry is not giving up. This time, we found EOS and Deloitte in the news. It seems that EOS,...

Mercurial Tips


While most of the world seems to be using git for version control, Mozilla continues to use Mercurial (hg) to manage the Firefox source code. As a git and GitHub lover, it took me a while to get used to Mercurial. I don’t consider myself a hg expert but I know enough to complete...

Data URIs


We’re all familiar with traditional URI protocols like https, http, ftp, and file, but data URIs have become a large part of our online strategy. We can use them to display images, the Mac camera and webcams, and more. But what if we simply want to use a data URI to convey basic data? Typing...

Draggin’ and Droppin’ in React


The React ecosystem offers us a lot of libraries that all are focused on the interaction of drag and drop. We have react-dnd, react-beautiful-dnd, react-drag-n-drop and many more, but some of them require quite a lot of work to build even a simple drag and drop demo, and some do not provide...

Awesome Demos Roundup #7


The seventh edition of our monthly demos roundup that will get your creative coding juices flowing. Awesome Demos Roundup #7 was written by Mary Lou and published on Codrops

How to Crop Videos


During a recent episode of the Script and Style podcast, I had noticed that the video recording had showed a bit of our internal chat that wasn’t necessary for our viewers to see. While there’s nothing wrong with giving viewers a peek into the show preparation, presenting the best...

SSCCE


You know what a "reduced test case" is, right? We've talked about it here. I imagine the concept is useful in many walks of life, but in the world of front-end development, you can think of it like: A reduced test case is a demo/example page you create which reproduces the problem you are having...

then on Objects


Promises were a revelation in JavaScript development, allowing us to enjoy async processing and avoid callback hell. Many new APIs like Battery API, Cache API, and others use the promise API. One fact you may not know is that you can add a then method to any object to make it Promise-like!...

A More Accessible Portals Demo


The point of the <portal> element (behind a flag in Chrome Canary) is that you can preload another whole page (like <iframe>), but then have APIs to animate it to the current page. So "Single Page App"-like functionality (SPA), but natively. I think that's pretty cool. I'm a fan...

CSS prefers-reduced-motion Media Query


When I started in the web development industry, media queries were limited — screen and print were the two media queries I was most often using. More than a decade later, media queries have advanced to various screen units, feature checking, and even color scheme preference. I’ve been...

Creating Dynamic Routes in a Nuxt Application


In this post, we’ll be using an ecommerce store demo I built and deployed to Netlify to show how we can make dynamic routes for incoming data. It’s a fairly common use-case: you get data from an API, and you either don’t know exactly what that data might be, there’s a lot of it, or it might change....

Optional Chaining


For all of the improvements that the JavaScript language has added over the past few years, like the spread operator, default argument values, and arrow functions, there are still a few features I’d love to see implemented. On such feature is optional chaining. Optional chaining allows...

JavaScript Proxy with Storage


The JavaScript Proxy API provides a wealth of “magic” within JavaScript, allowing you to use any object as sort of an alias that allows a wall of validation, formatting, and error throwing. Did you know that you could also employ the Proxy API as an abstraction to different types...

Grab a .DEV Domain from Hover! (Sponsored)


I can say that the biggest and best changes in my professional life came from starting this blog — it was the springboard for conference speaking, open source, and joining Mozilla. I’ve always urged ever developer to have a blog to showcase talent, explore new technology, and to network. What’s...

Detect Cryptocurrency by Wallet Address


I’ve always been a massive advocate of cryptocurrency. I love the technology, the ease of use, and the freedom that cryptocurrencies bring to the world. Despite my love of crypto, I know that adoption will take a long time and that the state of crypto is not friendly to new adopters. One scary part...

Awesome Demos Roundup #6


The sixth edition of our creative web experiments roundup that collects the most interesting demos from around the web. Awesome Demos Roundup #6 was written by Mary Lou and published on Codrops

CSS Gradient Text


Web developers know the fight we’ve all had to improve fonts on the web. Whether it be load time, odd strategies for using custom fonts (Cufon, anyone?), or just finding the right font itself, beautifying text on the web has never come easy. That got me thinking about fonts and CSS gradients, since...

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