For the web server, a localhost is a standard hostname which is provided to the address of your local computer, it means your computer is your web server. Setting a local web server allows you to do your experiments without harming anyone’s hope. There are many Platforms by which you can setup local web server on windows 10. The best of them is WAMP because that is free. But unfortunately, WAMP is only available for Windows. But Mamp is available for both Windows and Mac. Wamp and MAMP in a local computer work perfectly, but their setting is little different from each other. That’s why today, I will show you How to setup localhost on Windows using MAMP. Not only that, at the end, I have also introduced, How to setup localhost on MacOS High Sierra using MAMP. I hope You will enjoy it.

Related Posts:

• Install WordPress on WAMP Server Windows 10
• Create and Configure Local Web Server

Setup Localhost on Windows 10

Step 1. To setup localhost first, download Mamp from its site. It is free but if want the complete features, you have to buy the pro version.

Step 2. Double click on the setup and start the installation process. The installation process is so easy, all you need is to select your language and click next, next up to the last window.

After installing MAMP, it depends on you, which platform you need to work on, but I’m setting up WordPress. Download WordPress from wordpress.org and follow the procedures.

Step 3. Extract WordPress htdocs inside the MAMP folder where you have installed. In this case, I have installed MAMP in Drive C:\mamp\htdocs

Step 4. Now run the MAMP application which you have installed.

Note: If you manually want to set up the preferences, select preferences and create your custom settings. But, I’m not interested in, I will go to the Default settings.

Step 5. Now select start the servers.

Step 6. When the server started select open start page or you can search for it manually localhost/mamp on the browser.

Create Database for Installing WordPress

Many users are having trouble with installing WordPress. The only reason is the database, which manually must be created inside the server. Otherwise, you won’t be able to use the local web server services. So, to install the WordPress, there are two ways which can perform to created data in order to install WordPress.

1. Just create a simple database on the server.
2. Create a new user, which will its own database.

Step 1. When you open the localhost/mamp, select Tools> PHPMyAdmin.

Step 2. Click on the database and create a new database. Name it whatever you want, I will name it WordPress.

Note: If you want to create a new user, head over to users and create a new user with the custom name and password. I suggest you create a new user because the basic method name and password is root which everyone knows. If you create a custom user, no one knows what your password is.

Install WordPress on Windows 10 Using MAMP

Step 1. Open a new tab and search there for localhost.

Step 2. Under the index selected, WordPress and the process of installing WordPress starts.

Step 3. Now you have to type the name of the database and the password. If you have just created a database username and password is root, just type the database name and submit.

Step 4. Select run the installation.

Step 5. Now fill out the information for your local site. When you are done click install WordPress.

Step 6. Once the installation goes successfully, login and enjoy the localhost.

Setup Local Web Server with MAMP

If you are using Apple OS, Again MAMP can do the job. Download the MAMP package and start installation. Installing MAMP on is also so easy. Believe you will do it perfectly. After installing open MAMP by visiting the applications or open it from Launchpad.

Download WordPress and paste that into the htdocts folder located in MAMP folder. If you are struggling to find it, just search in the spotlight for htdocs. When it appears, extract the WordPress in it.

Other steps are the same as I explained. Just visit the MAMP application and select open the web or search in safari localhost/mamp. Then select tools and create a new database or create a new user. After that search for localhost/WordPress and install WordPress.

Also Read: Get macOS Mojave Features on WIndows 10

Conclusion:

This was all about How to Setup Local web server on Windows 10 and MacOS High Sierra Using Mamp. I hope this Article was helpful to You. If you have any idea or suggestion Please comment on the article or visit the Forum.

The post Setup Local Web Server on Windows 10 & MacOS with MAMP appeared first on TECHNIG.

As a web designer, you always look for the best CSS frameworks to build your project. There are many CSS frameworks, but most of them don’t have the features that you want. Besides, some of them do not have proper documentation or proper coding. Also, some of them are too heavy. Therefore, we have collected seven inspiring and creatively design CSS framework. These frameworks have a clean design, code, and documentation. Additionally, they are lightweight CSS frameworks. So, you can use them for your next project and create something spectacular.

7 Inspiring CSS Frameworks

In a nutshell, below are the seven the best CSS framework you don’t know about yet.

1. Spectre.css
2. Tailwind CSS
3. Primer
4. Bulma
5. Vuetify
6. UIkit
7. Pure CSS

These frameworks are not popular, but they have amazing features.

Spectre.css

A very clean and small CSS framework. Spectre.css is a lightweight, responsive and contemporary CSS framework. Besides, it’s open-source and completely free. Also, it is a side project based on years of CSS development work on a massive web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with SASS/SCSS compiler.

The features are a lot. Besides, the design is very clean and user-friendly.

Browser support:

Spectre uses Autoprefixer to make most styles compatible with earlier browsers and Normalize.css for CSS resets.

• Chrome (LAST 4)
• Microsoft Edge (LAST 4)
• Firefox (EXTENDED SUPPORT RELEASE)
• Safari (LAST 4)
• Opera (LAST 4)
• Internet Explorer 10+

This framework support almost most modern browsers.

Tailwind CSS

A little different framework. As the documentation says, ” Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it’s not a UI kit.”. Also, it doesn’t have built-in UI components. On the flip side, it also has no opinion about how your site should look and doesn’t impose design decisions that you have to fight to undo.

If you’re looking for a framework that comes with a menu of predesigned widgets to build your site with, Tailwind might not be the right framework for you. But if you want a vast head start implementing a custom design with its own identity, Tailwind might be just what you’re looking for.

How does it work then?

It’s pretty simple. It has a lot of classes that you can call utility. You combine those classes and make something fresh like navigation or button.

Primercss

Do you like Github design? Well, this framework by Github team with Github design styles. Primer is the basecoat of GitHub, made by nerds just like you who share a passion for HTML and CSS. Besides, it’s open-source and free under MIT license. Also, it Includes a small Gruntfile for compiling our SCSS, Autoprefixer for vendor prefixes, and Parker for CSS stats.

It has everything and every feature you see on Github.

Bulma

Bulma is a free and open-source CSS framework based on Flexbox. If you know about Flexbox in CSS3, you see how beautiful it is. So, Bulma is a clean, fast, creative and inspiring CSS Framework.  It’s an alternative to Bootstrap Framework.

There is no JavaScript included in Bulma. People want to use their own JS implementation. Therefore, Bulma can be considered “environment agnostic”: it’s just the style layer on top of the logic.

Browser Support

Bulma uses Autoprefixer to make (most) Flexbox features compatible with earlier browser versions. According to Can I use, Bulma is compatible with recent versions of:

• Chrome
• Edge
• Firefox
• Opera
• Safari

Internet Explorer (10+) is only partially supported since it uses CSS3 features.

Vuetify

This one doesn’t look like a CSS framework, but it does the same thing that other CSS frameworks do. If you know about Vuejs, this CSS framework seems familiar to you. Additionally, it requires Vuejs knowledge. Also, Vuetify helped you create a fantastic application. The Vuetify is built from the ground up to be semantic. Easy to learn.

How does it work?

It’s effortless to use. The way it works is like this; Vuetify is made of components. Those components are like custom HTML tags. Then, you use those tags and give some attributes. It will provide you with a sweet and beautiful element.

GETUIkit

If you are looking for a lightweight and modular front-end framework for developing fast and powerful web interfaces, UIkit is for you. Besides, the design is so clean and creative. It’s like IOS design concept. So, if you want to develop a mobile application, it’s an excellent choice. It’s not the UIkit by Apple developer for IOS; it’s just a web designing framework. Also, it has clear documentation, and you start learning and using it now. You don’t need any extra knowledge to get started.

PureCSS

It’s a set of small, responsive CSS modules that you can use in every web project. Also, Pure is ridiculously only to use a subset of these modules and tiny. The entire collection of modules clocks in at 3.8KB minified and gzipped. Besides, it’s crafted with mobile devices in mind, it was necessary for us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you’ll save even more bytes.

If you are developing a custom web application, it’s an excellent starter framework. Because the size is too small and you can easily customise it for your self.

Conclusion

All in all, there are many other significant and popular CSS frameworks on the web, but these were also worth checking out. Most of this framework function as a great framework, it’s because no-one has used them and talked about them. Finally, we hope it has been informative for you.

The post 7 Inspiring CSS Frameworks You Don’t Know About appeared first on TECHNIG.