Brain  Crist

Brain Crist

1606894455

Make a Lyrics Finder Application with Nuxt.js and Tailwind CSS

In this article, we are going to make a simple lyrics finder application with Nuxt.js and Tailwind CSS.

Pre-requisites

  • Have Node.js installed
  • Basic knowledge of Vue.js
  • Basic knowledge of Nuxt.js
  • Tailwind CSS

#web-development #vue #tailwindcss #javascript #nuxt

What is GEEK

Buddha Community

Make a Lyrics Finder Application with Nuxt.js and Tailwind CSS

Learning Vue JS by creating a Quiz application: Part 1

Table of Contents

  • Comparing Vue JS to Vanilla JavaScript in the way they work with the DOM
  • Basic Vue JS features
  • Creating our Quiz project
  • Creating the quiz container
  • Creating the quiz structure with Vue
  • Creating the data elements of our Vue data option
  • Displaying our Quiz data in the user interface
  • Creating functions in the methods option
  • Updating our tailwind CSS template(index.html)

#tailwind css #vue js #quiz application #tailwind css

Brain  Crist

Brain Crist

1606894455

Make a Lyrics Finder Application with Nuxt.js and Tailwind CSS

In this article, we are going to make a simple lyrics finder application with Nuxt.js and Tailwind CSS.

Pre-requisites

  • Have Node.js installed
  • Basic knowledge of Vue.js
  • Basic knowledge of Nuxt.js
  • Tailwind CSS

#web-development #vue #tailwindcss #javascript #nuxt

Dylan  Iqbal

Dylan Iqbal

1626920160

A Simple CV Generator Built with Nuxt.js and Tailwind CSS

CvFy

CvFy is a simple CV maker that makes CV creation faster and easier in both English and Spanish.

It’s built with NuxtJs and deployed in Netlify.

I usually enjoy styling from scratch but this time I’ve used TailwindCSS for the first time to see what all the fuss was about.

PDF creation is client-side only, so results may differ among browsers. Chrome desktop has the best print as the PDF created is exactly as the preview one.

It’s also a PWA so it can be used offline.

Demo: https://cvfy.netlify.app/

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

Download Details:

Author: claudiabdm
The Demo/Documentation: View The Demo/Documentation
Download Link: Download The Source Code
Official Website: https://github.com/claudiabdm/cvfy

Shirts and Gifts for You, Your Friends & Loved ☞ https://bit.ly/36PHvXY

#nuxt #tailwind #css #tailwindcss #vue

Benefits of Angular JS based Applications

AngularJS was introduced in the year 2009, by Google. AngularJS is a software framework used worldwide by developers. The entire base of this framework is open source. AngularJS has gained popularity among developers because of how it has become for them to create web applications. AngularJS helps in building apps that require less work and reduces the use of unnecessary codes. AngularJS application development is a javascript framework. AngularJS has a clear goal to make the entire process simpler, it also helps app development process and operations as much as it could. AngularJS is used for building applications that support MVC (model view controller) and SPAs (single page web apps) coding and programming structures. AngularJS has been used by some of the top companies in the world to simplify their app development process, like, Google, Paypal, Udemy, mobile site in iPad for HBO, etc. To read more click on the link.

#hire angular js developer #hire dedicated angular js developer #angular js application development #hire dedicated angular js team #hire best angular js application developer

Replicating `$.slideToggle` with Tailwind CSS & Alpine.js

I think jQuery’s greatest feature is all of the animation / transition utilities. These methods truly changed how fast you can build a clean and interactive UI with some nice animations along the way.

As people move away from jQuery though, it is hard to find a solid answer on how you can achieve a similar effect to slideToggle. I’m going to be using Tailwind v1.2+ alongside Alpine, using some modern CSS transformation rules.

#tailwind css #css #c #tailwind