DEV Community

Cover image for 4 Life Hacks To Quickly Build A Website
Ordinary Coders
Ordinary Coders

Posted on • Originally published at ordinarycoders.com

4 Life Hacks To Quickly Build A Website

Building a website can take months.

Luckily there are frameworks, minimal coding, and no-code solutions designed to help anyone build a quick website.

Here are 4 hacks to build your own website from the ground up.

Life Hack #1: Use Web Frameworks

Django - features such as user notifications, user login, and dynamic page rendering.

Flask - great if you have a basic knowledge of Python and are looking to create a smaller site with the few features you actually need to complete your project.

Ruby on Rails - flexible syntax and increased speed and efficiency given the development principle of convention not creating.

Life Hack #2: Use CSS Frameworks

Bootstrap - easy to implement with a CDN script and the documentation is full of code snippets designed to copy and paste directly into your code.

Materialize - a pared-down version of Bootstrap with endless color variations.

Tailwind CSS - for the person looking to build their own custom components and go against Bootstrap's cookie-cutter components.

Life Hack #3: Use JS Animation Libraries

React.js - the idea is to make simple views that render the correct UI components when needed.

Typed.js - if you're looking to add a cool typing animation to your site.

ScrollReveal - allows you to reveal parts of your website as the user scrolls down the page.

Life Hack #4: Use no-coding solutions

Bubble - allows for web flows that handle data submissions all without touching a line of code.

Webflow - operates similarly to Adobe programs with the side navbars used to change the color, orientation, and font of components.

Top comments (1)

Collapse
 
ordinarycoders profile image
Ordinary Coders • Edited

Thanks for your feedback. I meant hack as in "life hack" but I see how I dropped the ball on that one...