Search

Nalezeno "can": 8245

Writing Animations That Bring Your Site to Life

22.2.2019
Web animation is one of the factors that can strongly enhance your website’s look and feel. Sadly, unlike mobile apps, there aren’t as many websites using animation to their benefit as you would think. We don’t want to count yours among those, so this article is for you and anyone else looking...

Colorful Typographic Experiments

21.2.2019
There have been some interesting, boundary-pushing typography-related experiments lately. I was trying to think of a joke like "somethings in the descenders" but I just can't find something that will stand on its own leg without being easy to counter. Codrin Pavel created a fascinating multi-color...

SVG Filter Effects: Creating Texture with <feTurbulence>

19.2.2019
Learn how you can use the powerful SVG filter primitive &#60;feTurbulence&#62; to create your own textures and distortion effects. SVG Filter Effects: Creating Texture with &lt;feTurbulence&gt; was written by Sara Soueidan and published on Codrops

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

The Magic of React-Based Multi-Step Forms

15.2.2019
One way to deal with long, complex forms is to break them up into multiple steps. You know, answer one set of questions, move on to another, then maybe another, and so on and so forth. We often refer to these as multi-step forms (for obvious reasons), but others also take to calling it a “wizard”...

Getting to Grips with the Airtable API

14.2.2019
The Airtable web app is pretty neat. You can use it like a spreadsheet but it’s useful for all sorts of other things too. The neatest thing about it for me is that it has an API so that you can treat it like a database. I’ve been thinking about making weekly notes for the different teams I work...

Quick! What’s the Difference Between Flexbox and Grid?

12.2.2019
Let's go rapid fire and try to answer this question with quick points rather than long explanations. There are a lot of similarities between flexbox and grid, starting with the fact that they are used for layout and much more powerful than any layout technique that came before them. They...

Revisiting the abbr element

7.2.2019
An irresistible HTML element deep dive from Ire Aderinokun, this time on the &#60;abbr title=""&#62; element for abbreviations. You can kinda just use it (JUI) and it works fine, but if you're hoping to make a tooltip for them (which works on touchscreens as well), then it's much more complicated....

HTML, CSS and our vanishing industry entry points

7.2.2019
Rachel Andrew: There is something remarkable about the fact that, with everything we have created in the past 20 years or so, I can still take a complete beginner and teach them to build a simple webpage with HTML and CSS, in a day. We don’t need to talk about tools or frameworks, learn how...

Using Artificial Intelligence to Generate Alt Text on Images

1.2.2019
Web developers and content editors alike often forget or ignore one of the most important parts of making a website accessible and SEO performant: image alt​ text. You know, that seemingly small image attribute that describes an image: ​​​&#60;img src="/cute/sloth/image.jpg" alt="A brown baby sloth...

The Many Ways to Change an SVG Fill on Hover (and When to Use Them)

31.1.2019
SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using them inline. SVG also gives us another powerful feature: the ability to manipulate their properties with CSS. As a result, we can make quick...

Forms that Move With You with Wufoo

31.1.2019
I've been into the idea of JAMstack lately. In fact, it was at the inaugural JAMstack_conf that I gave a talked called The All-Powerful Font-End Developer. My overall point there was that there are all these services that we can leverage as front-end developers to build complete websites without...

Multiple Background Clip

30.1.2019
You know how you can have multiple backgrounds? body { background-image: url(image-one.jpg), url(image-two.jpg); } That's just background-image. You can set their position too, as you might expect. We'll shorthand it: body { background: url(image-one.jpg) no-repeat top right, ...

How to Change Animated GIF Speed

29.1.2019
Comedians would tell you that timing is the most important part of any joke. The same could be said about animated GIFs; whether they&#8217;re used as a meme or to illustrate a process, the speed of an animated GIF can effect its effectiveness. With that idea in mind, I set about trying to figure...

prefers-color-scheme: CSS Media Query

28.1.2019
One device and app feature I&#8217;ve come to appreciate is the ability to change between light and dark modes. If you&#8217;ve ever done late night coding or reading, you know how amazing a dark theme can be for preventing eye strain and the headaches that result. macOS recently implemented...

Need to Test API Endpoints? Two Quick Ways to Do It.

25.1.2019
Here's a possibility! Perhaps you are testing your JavaScript with a framework like Jasmine. That's nice because you can write lots of tests to cover your application, get a nice little UI to see the output, and even integrate it with build and deploy tools to make your ongoing development work...

React 16.6.0 Goodies

23.1.2019
React 16.6.0 was released October 2018 and with it came goodies that spice up the way we can develop with React. We’re going to cover what I consider the best of those new goodies with examples of how we can put them to use in our work. React.memo() avoids unnecessary re-rendering There...

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