Introduction to Foundation UI framework

I am not the first person to eat crabs

In recent years, the front end has been very popular. It’s not unreasonable that it’s popular, there are a lot of things in it. It’s worth digging deeper. Native HTML is no longer as viable as I thought it would be. The emergence of frameworks, automation and other tools is like a catalyst that accelerates the development of the front-end.
If you don’t study, you will eventually be eliminated

What can Foundation do

I still remember many years ago, a lady asked Faraday: " Sir, what is the use of the electromagnetic induction you discovered?" Faraday replied: "Madam, do you know what the use of a newly born child is?"
Of course, this example may not be appropriate here, but The point I do want to make is that when some frameworks appear and become popular, it is not unreasonable. We need to learn, including technology, including concepts, etc.
So, as a front-end UI framework, what can Foundation do?
RWD and Mobile First.
Responsive design and mobile first are the basic principles of web design now. We pursue a set of codes and run anywhere. We will save a lot of energy and we will gain more.

How to start my first Foundation instance

Here we use npm and git to build a development environment:
Install foundation globally

npm --global foundation-cli

Use Open the command line with the git tool, cd where you want to create the project:

foundation new

Enter basic information according to the command line prompts:
1. Select the project to be built, select website here, and press Enter
2. Give Give the project a name
3. Select the basic template

cd to the project root directory, start foundation

npm start

The project configuration is complete, go try your first Foundation program Bar

The above is the detailed content of Introduction to Foundation UI framework. For more information, please follow other related articles on the PHP Chinese website!