How to Create Simple Web Page Design in HTML and CSS
16 Apr 2022Start with the HTML starter template. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Simpl... Read more
All blog posts
Get your nagging questions on HTML and CSS answered through articles and tutorials.
How to Create a Round Corner Div in HTML CSS
09 Apr 2022You can add round corners to all four corners of a div using CSS’s border-radius property. Start by creating your div. HTML Code <div class="rounded-corners"> <p>Div With Rounded C... Read more
How to make a button disabled in CSS & HTML
02 Apr 2022You can make a button disabled by adding the disabled attribute to the button in HTML. When the button is disabled, it is unclickable and you cannot use it to do anything. However, you can remove t... Read more
How to use React Without Nodejs
26 Mar 2022Start by creating a simple HTML web page. You can also use an existing HTML website. Simple HTML webpage code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ... Read more
How to create Transparent Buttons in HTML and CSS[10 Examples]
19 Mar 2022Transparent buttons are great when you want buttons that blend with the background instead of covering it. Creating Fully Transparent Buttons Start by creating a simple button in HTML and CSS. HT... Read more
How to Create React App Using Yarn
12 Mar 2022Requirements For React App with Yarn Node Version >=14 Yarn 0.25+ You can check if you already have Node and Yarn by running node –version and yarn –version respectively. If you don’t ha... Read more
How to Center Button In CSS & HTML[Horizontally and Vertically]
05 Mar 2022First you need to create a simple button in HTML and CSS. HTML <div class="container"> <button class="button-1"> Centered Button </button> </div> CSS .button-1 { ... Read more
How to Create a Close Button in HTML CSS[With Examples]
26 Feb 2022Close buttons also called cancel buttons can be used to dismiss items on a website like menus, modals, and popups. 1. Close Button CSS 1: Times You can make a close button using the times(&ti... Read more
How to Make Circle Buttons in CSS[2 Methods]
19 Feb 2022You can make circle buttons in CSS by first making square buttons. Then, you can turn the square buttons into circles using the border radius. Create Circle Button Using Button HTML Tag Create ... Read more
29 Modern CSS Button Examples From Popular Websites
12 Feb 2022Buttons are one of the most useful components on websites. They are one of the tools readers can use to interact with your websites. Clear and well labeled buttons, can direct users to take the ap... Read more
How to Make a Simple Button in HTML & CSS
05 Feb 2022Buttons are an important part of any website. You can use them to allow readers to interact with your website, submit information, and link to other websites and pages. You can create three types ... Read more
How to Make Horizontal Scrolling Div in CSS
29 Jan 2022You can create a div that scrolls horizontally using white-space and overflow CSS properties. Let’s start by using HTML to create a div with some links. <div class="scrollable-div"> <a ... Read more
How to Make a list in HTML[Number & Bullet Lists]
22 Jan 2022You can create lists of one or more related items in HTML. HTML has a set of tags that allows you to create different types of lists. You can make bullet lists, number lists, lists within other l... Read more
How to add one or more Paragraphs in HTML
15 Jan 2022You can easily add a paragraph in HTML by using the paragraph HTML tags. Code <p>This is a simple HTML paragraph.</p> Result This is a simple HTML paragraph. How to create a single ... Read more
Css Border
14 Jan 2022I. Introduction Definition of the CSS border property and its purpose in web design II. Setting the border width, style, and color How to use the border-width, border-style, and border-color pr... Read more
How to center align text in HTML & CSS
08 Jan 2022You can center text in HTML by setting the text-align property to center. Center Text in HTML & CSS To start of you should have some HTML content you want to center. <p>Text content tha... Read more
Where to Put Javascript Script in HTML
11 Dec 2021You can add Javascript script in the <head>…</head> section or in the <body>…</body> section of your HTML website. Add the script in the head section if you want it to be l... Read more
How to Create a Simple Responsive Navbar in HTML CSS
20 Nov 2021A simple navbar allows you to add links that are accessible throughout your whole website. Adding a navigation bar to your HTML website might feel like a complicated task. Instead, you can make... Read more
How to add Youtube video in HTML
23 Oct 2021Youtube provides a great way to add videos to your HTML website that works on all browsers. You just need to get the embed code from the video and add it to your HTML code. No more worry about unsu... Read more
How to add and change text color in HTML
16 Oct 2021You can add or change text color on your website using the CSS color property. The color property can take three types of values: color keyword, HEX color code, rgb and rgba values. We are going ... Read more
How to Add and Change Fonts in HTML and CSS
09 Oct 2021You can make a website to look great by applying a font that fits the design. With websites, you can choose to use the inbuilt system fonts, or you can apply external fonts. We are going to cover... Read more
What are CSS Animations? A Beginner's Guide
02 Oct 2021Whether it’s bouncing buttons or flipping cards, CSS animation makes websites feel more interactive. CSS animations are a set of CSS properties you can use to add simple to complex animations on a ... Read more
How to put a shadow on a button in HTML & CSS
25 Sep 2021You can add a shadow on any side of a HTML button. You can put it on top, left, bottom and right side of the button. Also, you can put the shadow on two sides or all sides of the button. Bottom ... Read more
How To Make Websites For Beginner Web Developers[6 Methods]
18 Sep 2021As a beginner web developer, you already know at least one way of making websites. However, some clients will come to you with website requirements that your current method cannot achieve. Inst... Read more
Clickable image: How to link HTML image to URL
11 Sep 2021You can make an image clickable by wrapping the image html tag(<img>) with link html tag(<a></a>). First, start off by adding an image using HTML. code: <img class="linked-im... Read more
Front End Developer Newsletter
Receive a monthly Frontend Web Development newsletter.
Never any spam, easily unsubscribe any time.