Search

Nalezeno "post": 31296

How to Change Animated GIF Speed


Comedians would tell you that timing is the most important part of any joke. The same could be said about animated GIFs; whether they’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...

The Slow and Steady Refactor


Over the past week or so, I’ve been reading Refactoring by Martin Fowler and it’s all about how to make sweeping changes to a large codebase in a way that doesn’t cause everything to break. I bring this up because there’s a lot of really good notes in this book that have challenged my recent...

Table design patterns on the web


Chen Hui Jing has tackled a ton of design patterns for tables that might come in handy when creating tables that are easy to read and responsive for the web: There are a myriad of table design patterns out there, and which approach you pick depends heavily on the type of data you have and...

prefers-color-scheme: CSS Media Query


One device and app feature I’ve come to appreciate is the ability to change between light and dark modes. If you’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...

Od sledování uživatelů skrze CSS ke Content Security Policy


Jste v bezpečí před sledováním s vypnutým JavaScriptem? Ne. Máte vypnout i kaskádové styly? Tak ano, můžete. Ale opravdu to dáte? Podíváme se na současné hranice a možnosti sledování uživatelů webu skrze kaskádové styly. A řekneme si něco o Content Security Policy

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


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

Creating Your Own Gravity and Space Simulator


Space is vast. Space is awesome. Space is difficult to understand — or so people tend to think. But in this tutorial I am going to show you that this is not the case. Quite the contrary; the laws that govern the motion of the stars, planets, asteroids and even entire galaxies are incredibly simple....

Putting the Flexbox Albatross to Real Use


If you hadn't seen it, Heydon posted a rather clever flexbox layout pattern that, in a sense, mimics what you could do with a container query by forcing an element to stack at a certain container width. I was particularly interested, as I was fighting a little layout situation at the time I...

Using React and XState to Build a Sign In Form


To make a sign in form with good UX requires UI state management, meaning we’d like to minimize the cognitive load to complete it and reduce the number of required user actions while making an intuitive experience. Think about it: even a relatively simple email and password sign in form needs...

Use monday.com to Boost Project Organization and Team Collaboration


(This is a sponsored post.) Front-end development relies on organization and solid communication. Whether you're part of a team that builds large-scale sites or you're flying solo with a handful of quality clients, there are many pieces and steps to get a project from start to finish. And that's...

Successful WordPress Freelancing


Andy Adams released a book for aspiring WordPress freelancers. It's meant to take a lot of the guesswork and the roadblocks that many folks often hit when making the decision to fly solo and rely on WordPress development for a stable source of work and income. Aside from being included in it (and...

React 16.6.0 Goodies


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

Novinky v DevTools Chrome 73


Jaké lepší nástroje pro vývoj a webdesign přinese Chrome DevTools 73? Ukážeme si logpointy, novinku v Inspekt módu, AAA kontrastní linii a folding kódu

Would You Watch a Documentary Walking Through Codebases?


This resonated pretty strongly with people: I’d watch a documentary series of developers giving a tour of their codebases. — Chris Coyier (@chriscoyier) January 6, 2019 I think I was watching some random Netflix documentary and daydreaming that the subject was actually something I was super...

Netlify Makes Deployments a Cinch


(This is a sponsored post.) Let's say you were going to design the easiest way to deploy a static site you can possibly imagine. If I was tasked with that, I'd say, well, it would deploy whenever I push to my master branch, and I'd tell it what command to run to build my site. Or maybe it has...

The Secret Weapon to Learning CSS


For some reason, I’ve lately been thinking a lot about what it takes to break into the web design industry and learn CSS. I reckon it has something to do with Keith Grant’s post earlier this month on a CSS mental model where he talks about a “common core for CSS”: We need common core tricks like...

Who is @horse_js?


Many of us follow @horse_js on Twitter. Twenty-one thousand of us, to be exact. That horse loves stirring up mischief by taking people's statements out of context. It happened to me a few times and almost got me in trouble. I wonder how many people hate CSS because their experience with...

React indeterminate


I’ve fallen in love with React.js and JSX over the years; state-based rendering and a logical workflow have made me see the light of this modern framework. That doesn’t mean I don’t sometimes get a bit frustrated that the “simple” things seem harder than they should...

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