Building “Renderless” Vue Components css-tricks.com Building “Renderless” Vue Components There's this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. I've always shared this feeling. With Vue’s small learning curve, it's no wonder so many people love it. Since Vue tries to give the developer power over components...

WDRL — Edition 236: Dream Big But Stay Small; Simple,  Correct, Fast; And 4 Days Per Week Work. wdrl.info WDRL — Edition 236: Dream Big But Stay Small; Simple, Correct, Fast; And 4 Days Per Week Work. Hey, Building technology and software has become a very responsible job. We not only need to think about building an inclusive solution but also need to incorporate ethics, reliability and security. As developers we need to stand up for these factors and sometimes even need to stop other from...

CSS: A New Kind of JavaScript medium.com CSS: A New Kind of JavaScript In this wacky and satirical post, Heydon Pickering describes a wild new technology called Cascading Style Sheets that solves a lot of the problems you might bump into when styling things with JavaScript: A good sign that a technology is not fit for purpose is how much we have to rely on workarounds...

Accessibility for Teams accessibility.digital.gov Accessibility for Teams Maya Benari: Accessibility is a crucial part of government product design. First, it’s the law. Federal agencies face legal consequences when they don’t meet accessibility requirements. Second, it affects us all. Whether you have a motor disability, you sprained your wrist playing dodgeball,...

Collective #434 feedproxy.google.com Collective #434 Building the Google Photos Web UI * Color Wheel Generator * Jasper * Totoro Toggle * Grabient * 3D City with Matter.js * Halftone Effect Collective #434 was written by Pedro Botelho and published on Codrops

How to make a modern dashboard with NVD3.js css-tricks.com How to make a modern dashboard with NVD3.js NVD3.js is a JavaScript visualization library that is free to use and open source. It’s derived from the well-known d3.js visualization library. When used the right way, this library can be extremely powerful for everyday tasks and even business operations. For example, an online dashboard. We...

​The State of Headless CMS Market synd.co ​The State of Headless CMS Market (This is a sponsored post.) In March and April 2018, Kentico conducted the first global report about the state of headless CMS market. We surveyed 986 CMS practitioners in 85 countries about their opinions, adoption, and plans for using headless CMS. The survey contains valuable industry insights...

What bit of advice would you share with someone new to your field? abookapart.com What bit of advice would you share with someone new to your field? The most FA of all the FAQs. Here's Laura Kalbag: Find what you love. Don’t worry about needing to learn every language, technique or tool. Start with what interests you, and carve your own niche. And then use your powers for good! And my own: Buy a domain name. Figure out how to put an HTML file...

Automate Your Workflow with Node css-tricks.com Automate Your Workflow with Node You know those tedious tasks you have to do at work: Updating configuration files, copying and pasting files, updating Jira tickets. Time adds up after a while. This was very much the case when I worked for an online games company back in 2016. The job could be very rewarding at times when I had...

CSS-in-JS: FTW || WTF? css-tricks.com CSS-in-JS: FTW || WTF? I enjoyed Bruce Lawson's talk on this holiest of wars. It's funny and lighthearted while being well researched and fairly portraying the good arguments on both sides. … The post CSS-in-JS: FTW || WTF? appeared first on CSS-Tricks

Render Children in React Using Fragment or Array Components css-tricks.com Render Children in React Using Fragment or Array Components What comes to your mind when React 16 comes up? Context? Error Boundary? Those are on point. React 16 came with those goodies and much more, but In this post, we'll be looking at the rendering power it also introduced — namely, the ability to render children using Fragments and Array...

PSA: Yes, Serverless Still Involves Servers. css-tricks.com PSA: Yes, Serverless Still Involves Servers. You clever dog. You've rooted it out! It turns out when you build things with serverless technology you're still using servers. Pardon the patronizing tone there, I've seen one-too-many hot takes at this point where someone points this fact out and trots away triumphantly. And yes, because...

Collective #433 feedproxy.google.com Collective #433 Guppy * CSS: A New Kind Of JavaScript * Font Playground * ramd.js * Track * did.txt file * Seedbank * V8N * Stitches Collective #433 was written by Pedro Botelho and published on Codrops

Create your own Serverless API css-tricks.com Create your own Serverless API If you don’t already know of it, Todd Motto has this great list of public APIs. It’s awesome if you’re trying out a new framework or new layout pattern and want to hit the ground running without fussing with the content. But what if you want or need to make your own API? Serverless can help create...

Remote Conferences; Bridging the Gap, Clearing the Odds css-tricks.com Remote Conferences; Bridging the Gap, Clearing the Odds A few weeks back, I saw one of my esteemed mentors decry the psychological traumas he had experienced, following series and series of refusals at certain embassies. “A child concentrating hard at school” by Les Anderson on Unsplash You would think he went for a contract he did not have the capacity...

8 Digit Hex Colors davidwalsh.name 8 Digit Hex Colors One of the most requested capabilities in my early days of web development was the ability to set opacity on elements and even PNG images without the need for browser-specific CSS or hacks.  Eventually we got native opacity support and even enjoyed rgba(), the ability to cite an opacity level with...

Script & Style Show: Episode 15: CSP with Scott Helme davidwalsh.name Script & Style Show: Episode 15: CSP with Scott Helme In this episode:  Todd dials in from a poppin’ KCDC while David dials in with a massive headache.  Scott Helme dials in from lovely Manchester to discuss web security, specifically the criminally underused CSP API.  Join us to learn what CSP is, why it’s important, how it works,...

Why 'This' in JavaScript scotch.io Why 'This' in JavaScript While JavaScript is a fun and powerful language, it can be tricky and requires a proper understanding of its underlying principles to mitigate common errors. In this post, we shall be introd

The div that looks different in every browser twitter.com The div that looks different in every browser It's not that Martijn Cuppens used User Agent sniffing, CSS hacks, or anything like that to make this quirk div. This is just a plain ol' <div> using the outline property a la: div { inset 100px green; outline-offset: -125px; } It looks different in different browsers because browsers...

Scrolling Gradient codepen.io Scrolling Gradient If you want a gradient that changes as you scroll down a very long page, you can create a gradient with a bunch of color stops, apply it to the body and it will do just that. But, what if you don't want a perfectly vertical gradient? Like you want just the top left corner to change color? Mike...

Anatomy of a malicious script: how a website can take over your browser css-tricks.com Anatomy of a malicious script: how a website can take over your browser By now, we all know that the major tech behemoths like Facebook or Google know everything about our lives, including how often we go to the bathroom (hence all the prostate medication ads that keep popping up, even on reputable news sites). After all, we’ve given them permission to do so,...

WDRL — Edition 235: Colorblind, Grid in IE, Service Worker Quota and Extending Native DOM Elements wdrl.info WDRL — Edition 235: Colorblind, Grid in IE, Service Worker Quota and Extending Native DOM Elements Hey, The web continues to amaze me. With all its variety and different changes to the platform it’s hard to see a straight pattern, if there’s even (just) one. But it’s wonderful to see what is being changed, which features are added to the platform, which ones get deprecated, and how browsers...

Design Systems at GitHub medium.com Design Systems at GitHub Here’s a nifty post by Diana Mounter all about the design systems team at GitHub that details how the team was formed, the problems they've faced and how they've adapted along the way: When I started working at GitHub in late 2015, I noticed that there were many undocumented patterns, I had...

Collective #432 feedproxy.google.com Collective #432 cheat.sh * Font Memory Game * Phenomenon * SCSScale * Tobi * Carbon * Delivering WordPress in 7KB * Un Deux Trois Collective #432 was written by Pedro Botelho and published on Codrops

Building a Complex UI Animation in React, Simply css-tricks.com Building a Complex UI Animation in React, Simply Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate. This is...

Fast, Good, Local Site Search with Jetpack css-tricks.com Fast, Good, Local Site Search with Jetpack If you have, say, 20 posts/pages on your WordPress site, the search functionality that is baked right into your self-hosted WordPress site will probably do a great job. Search is a pretty cool feature to ship with WordPress, truth be told. But as a site grows, you'll find limits. How it works...

Search Git Commits Between Dates davidwalsh.name Search Git Commits Between Dates One of my weaknesses as a developer is relying on UIs to provide me the data I need.  It’s not a fatal weakness but it does hamper me a bit.  One prime example is relying on GitHub’s interface to review changes; git’s command line provides the information needed with commands...

Unused css-tricks.com Unused I recently wrote Here’s the thing about "unused CSS" tools, where I tried to enumerate all the challenges any tool would have in finding truly "unused" CSS. The overarching idea is that CSS selectors match elements in the DOM, and those elements in the DOM come from all sorts of places: your static...

Tento web používá k poskytování služeb, zobrazení reklam a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace