Home >Web Front-end >JS Tutorial >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!