Search

Nalezeno "vue": 116

Learn Design for Developers and SVG Animation with Sarah Drasner ✨????


(This is a sponsored post.) Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️! Have you checked out Sarah Drasner's courses yet? She has two awesome courses on Design for Developers and SVG! Plus another introducing Vue.js! Design for Developers In...

Reusable Popovers to Add a Little Pop


A popover is a transient view that shows up on top of a content on the screen when a user clicks on a control button or within a defined area. For example, clicking on an info icon on a specific list item to get the item details. Typically, a popover includes an arrow pointing to the location from...

Collective #537


The Real Dark Web * A Message to GitHub * Truths about digital accessibility * What I Like About Vue Collective #537 was written by Pedro Botelho and published on Codrops

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

What I Like About Vue


Dave Rupert digs into some of his favorite Vue features and one particular issue that he has with React: I’ve come to realize one thing I don’t particularly like about React is jumping into a file, reading the top for the state, jumping to the bottom to find the render function, then following...

How I Created a Code Beautifier in Two Days


I recently drew up a wireframe for a code beautifier. The next day, I decided to turn it into a real tool. The whole project took less than two days to complete. I'd been thinking about building a new code beautifier for a while. The idea isn't unique, but every time I use someone else's tool,...

Protecting Vue Routes with Navigation Guards


Authentication is a necessary part of every web application. It is a handy means by which we can personalize experiences and load content specific to a user — like a logged in state. It can also be used to evaluate permissions, and prevent otherwise private information from being accessed...

The Many Ways to Include CSS in JavaScript Applications


Welcome to an incredibly controversial topic in the land of front-end development! I’m sure that a majority of you reading this have encountered your fair share of #hotdrama surrounding how CSS should be handled within a JavaScript application. I want to preface this post with a disclaimer: There...

How to Increase Your Page Size by 1,500% with webpack and Vue


What we don’t have are enough articles showing you how to increase your page size. In fact, the only article I could find was this one from the Geek Squad which ended up being about making the font size bigger. This is a good start, but I think we can do better. The post How to Increase Your Page...

Handling File Uploads in GraphQL and Vue


In this tutorial, I'll be showing you how to hand file uploads in GraphQL by building a fullstack app. The tutorial will be divided into two main sections: building the GraphQL API and the frontend

Components, yo.


I see VuePress just went 1.0. Explained simply, it's a static site generator based on Vue. But of course, you work in Vue, which means you work in components. All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte...

Collective #523


Function-based Component API in Vue * Brutalist HTML quine * The Anatomy of a Jellyfish * freemium.cc Collective #523 was written by Pedro Botelho and published on Codrops

Integrating Third-Party Animation Libraries to a Project


Creating CSS-based animations and transitions can be a challenge. They can be complex and time-consuming. Need to move forward with a project with little time to tweak the perfect transition? Consider a third-party CSS animation library with ready-to-go animations waiting to be used. Yet, you might...

Making the Move from jQuery to Vue


As someone who has used jQuery for many. years and has recently become a Vue convert, I thought it would be an interesting topic to discuss the migration process of working with one to the other. Before I begin though, I want to ensure one thing is crystal clear. I am not, in any way whatsoever...

Naming things to improve accessibility


I like the this wrap-up statement from Hidde de Vries: In modern browsers, our markup becomes an accessibility tree that ultimately informs what our interface looks like to assistive technologies. It doesn’t matter as much whether you’ve written this markup: in a .html file in Twig, Handlebars...

The Power of Named Transitions in Vue


Vue offers several ways to control how an element or component visually appears when inserted into the DOM. Examples can be fading in, sliding in, or other visual effects. Almost all of this functionality is based around a single component: the transition component. A simple example of this is with...

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