Search

Nalezeno "values": 210

Datalist is for suggesting values without enforcing values

26.7.2019
Have you ever had a form that needed to accept a short, arbitrary bit of text? Like a name or whatever. That's exactly what <input type="text"> is for. There are lots of different input types (and modes!), and picking the right one is a great idea. But this little story is about something...

Animating with Clip-Path

9.7.2019
clip-path is one of those CSS properties we generally know is there but might not reach for often for whatever reason. It’s a little intimidating in the sense that it feels like math class because it requires working with geometric shapes, each with different values that draw certain shapes...

Exploring Sets and Maps in JavaScript

3.7.2019
Let’s take a look into two new constructs that were introduced in the JavaScript ES6 specification: Set - The Set object allows you to store unique values of any type

Level up your .sort game

10.6.2019
Sorting is a super handy JavaScript method that can display the values of an array in a certain order. Whether that’s real estate listings by price, burger joints by distance, or best nearby happy hours by rating, sorting arrays of information is a common need. If you’re already doing this with...

Prioritizing

27.5.2019
You're faced with a lot of decisions in everyday work. There are multiple tasks calling for your focus, and you can burn daylight or even burn out trying to decide what comes first. There's a phenomenon called decision fatigue. There have been many studies that you can make poor choices when you're...

Type Conversion with JavaScript Arrays

7.5.2019
JavaScript’s loose nature allows developers to employ amazing tricks to do just about anything you’d like. I’ve detailed how you can filter falsy values in arrays using a filter(Boolean) trick, but reader David Hibshman shared another trick for typecasting array values the same...

Flow Object.values(…)

2.5.2019
JavaScript typing utilities, like Flow and TypeScript, have become popular in JavaScript apps of all sizes. As I mentioned in our Script & Style Show typing podcast, typing is a great way to implicitly implement documentation and validation. Flow isn’t always easy to perfect, however,...

Faking env() to Use it Now

18.4.2019
There is already an env() function in CSS, but it kinda came out of nowhere as an Apple thing for dealing with "The Notch" but it has made it's way to be a draft spec. The point will be for UAs or authors to declare variables that cannot be changed. Global const for CSS, sorta. That spec doesn't...

7 Useful JavaScript Tricks

16.4.2019
Just like every other programming language, JavaScript has dozens of tricks to accomplish both easy and difficult tasks. Some tricks are widely known while others are enough to blow your mind. Let’s have a look at {x} JavaScript tricks you can start using today! Get Unique Values of an Array...

Native Lazy Loading

9.4.2019
IntersectionObserver has made lazy loading a lot easier and more efficient than it used to be, but to do it really right you still gotta remove the src and such, which is cumbersome. It's definitely not as easy as: <img src="celebration.jpg" loading="lazy" alt="..." /> Addy Osmani says...

JavaScript Glossary: String match()

27.3.2019
Basics This method is a called against a regular expression and returns the matching values in the string. The return value is an array containing the matched values. If no matches are fo

Did you know that CSS Custom Properties can handle images too?

27.2.2019
So you might be aware of CSS Custom Properties that let you set a variable, such as a theme color, and then apply it to multiple classes like this: :root { --theme: #777; } .alert { background: var(—-theme); } .button { background: var(—-theme); } Well, I had seen this pattern so often...

What We Want from Grid

27.2.2019
We felt spoiled with CSS grid for a minute there. It arrived hot and fast in all the major browsers all at once. Now that we're seeing a lot more usage, we're seeing people want more from grid. Michelle Barker lists hers wants (and I'll put my commentary after): Styling row and column gaps. I've...

Responsive Designs and CSS Custom Properties: Building a Flexible Grid System

26.2.2019
Last time, we looked at a few possible approaches for declaring and using CSS custom properties in responsive designs. In this article, we’ll take a closer look at CSS variables and how to use them in reusable components and modules. We will learn how to make our variables optional and set fallback...

JavaScript Glossary: Array unshift() Method

17.2.2019
Basics The unshift array method appends a number of values to the start of a given array. It then returns the new length of the array. This method can take a number of argumen

JavaScript Glossary: Array .map() Method

8.2.2019
Basics The map() method takes a callback method that performs an operation on the elements in the array. It returns a new array containing the resulting values of running the

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