Skip to content
  • Instagram
  • Github
  • Twitter
  • Facebook
  • Discord
Code Architects
  • ALL BLOGS
  • WEB DEVELOPMENT
  • CODE PROJECTS
  • TIPS & TRICKS
  • DEVELOPER TOOLS

Frontend

Stay up-to-date on the latest frontend development techniques and trends.

Home » Frontend

calculator with react js | Code Architects
Posted inCode Projects

How to Build a Calculator with React JS

React is a popular JavaScript library for building user interfaces, and it's a great choice for building a calculator. In this tutorial, we'll walk through the steps of building a…
Posted by By Code Architects April 30, 2023
Long Shadow Effect CSS | Code Architects
Posted inCode Projects

Long Shadow Effect with CSS Text Shadow

The long shadow effect is a popular design trend that adds depth and dimension to flat icons and illustrations. It's a simple but effective way to make your designs stand…
Posted by By Code Architects April 26, 2023
Generate color with Javascript | Code Architects
Posted inCode Projects

Generate Random Color with JavaScript

Whether you're a beginner or an experienced developer, this guide will help you generate random color with JavaScript to your web projects in new and exciting ways. Preview (Generate Random…
Posted by By Code Architects January 13, 2023
Profile card with HTML & CSS | Code Architects
Posted inCode Projects

Create beautiful Profile Card with HTML & CSS

In this tutorial, we will learn how to create a simple profile card with HTML & CSS. A profile card is a great way to showcase information about a person,…
Posted by By Code Architects January 12, 2023
Star Rating with HTML and CSS | Code Architects
Posted inCode Projects Web Development

Star Rating with HTML and CSS

In this tutorial, we will learn how to create a simple yet powerful star rating with HTML and CSS. With just a few lines of code, you can add this…
Posted by By Code Architects January 5, 2023
Digital Clock with Javascript | Code Architects
Posted inCode Projects

Build your own digital clock with JavaScript and DOM manipulation

Creating a digital clock with JavaScript is a fun and useful project that can help you understand how to manipulate the DOM (Document Object Model) and how to use JavaScript's…
Posted by By Code Architects December 19, 2022
Mobile Friendly | Code Architects
Posted inTips & Tricks Web Development

7 Improvements to make mobile friendly web development

In today's ever advancing world, almost everyone is owning a mobile phone. Mobile devices accounted for around 54% of global internet traffic (excluding tablets). It's essential for web developers to…
Posted by By Code Architects April 3, 2022
Section Divider with CSS | Code Architects
Posted inTips & Tricks Web Development

Creating professional-looking Section Divider with CSS

Section dividers are a great way to break up your content into manageable chunks and make your website more visually appealing. A fancy is section is always cool. It is…
Posted by By Code Architects March 6, 2022
7 Mistakes to avoid in CSS | Code Architects
Posted inProductivity Tips & Tricks

7 Mistakes to avoid in CSS

CSS is a rather straight-forward language. This article will teach you the mistakes to avoid in CSS. You should not ignore SEO Structure while developing the website. Let's see 7…
Posted by By Code Architects January 16, 2022
Show and Hide password Field
Posted inCode Projects

Show and Hide Password with JavaScript

In this blog you will read about how you can Show and Hide Password field. JavaScript is used to show and hide password visibility. When filling out a form, there…
Posted by By Code Architects December 22, 2021

Posts navigation

1 2 Next page

Follow us on Instagram

Follow

Code Architects is a destination for aspiring web developers to learn and grow. Our Instagram page offers a range of tutorials and resources to help beginners master the art of web development. Join us on our journey to demystify web development and unlock the potential of the web.

Algorithms Angular Code Project CSS Frontend Git HTML JavaScript json list Mobile React SEO Shortcuts webdev Website

Quick Links
  • About us
  • Credits
  • Privacy Policy
Copyright 2023 — Code Architects. All rights reserved. Sinatra WordPress Theme
Scroll to Top