Feed
Pro
Search

Author

Write
Drafts

Bug0 - The AI-native e2e QA regression testing Bug0 Browsers - Cloud Chromium on demand, per-minute, live preview Passmark - The open-source AI framework for regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap
Sign in

Search Hashnode

Search posts, tags, users, and pages

@alicalimli

Ali Calimli

@alicalimli

Front-end Developer and Content Creator

Fatsa, TurkeyJoined February 2022

About

I'm a frontend developer and i create web development content to help you out with your journey.

Available for

Nothing here yet.

Ali Calimli's blogs

Ali Calimliblog.alicalimli.com5 posts

About

I'm a frontend developer and i create web development content to help you out with your journey.

Available for

Nothing here yet.

Ali Calimli's blogs

Ali Calimliblog.alicalimli.com5 posts

Articles Comments8

Recently published

ACAli Calimliinblog.alicalimli.com·Apr 30, 2023 · 3 min read

Windows 10 Setting Hover Effect: A Step By Step Tutorial

HTML Structure <div> <div class="container"> <div class="box"> <div class="box-content">Lorem Ipsum</div> </div> <div class="box"> <div class="box-content">Lorem Ipsum</div> </div> <div class="box"> <div cl...

ACAli Calimliinblog.alicalimli.com·Apr 27, 2023 · 3 min read

Cool Button Hover Effect: A Step By Step Tutorial using HTML, CSS and JavaScript

Behind The Scenes Preview To help you understand how this hover effect really works, here's what it looks like behind the scenes: Starting HTML Structure <button class="btn"> Hover me </button> CSS Styles body{ background: #111; } .btn { bac...

ACAli Calimliinblog.alicalimli.com·Apr 25, 2023 · 3 min read

Windows 10 Calendar Hover Effect: A Step By Step Tutorial

HTML Structure Let's start by creating the HTML structure, We will create four boxes only to keep this tutorial simple. <div> <div class="container"> <div class="box"> <div class="box-content">1</div> </div> <div class="box"> ...

ACAli Calimliinblog.alicalimli.com·Apr 23, 2023 · 2 min read

Learn how to create this awesome border hover effect

HTML Setup <button class="btn"> Hover me </button> CSS Styles body { background: #111; } .btn { cursor: pointer; background: none; border: none; color: white; border-radius: 100vmax; padding: 1rem 2rem; position: relative; } Th...

ACAli Calimliinblog.alicalimli.com·May 18, 2022 · 1 min read

Different ways to load JavaScript in HTML

Regular Script Loading Inside of the head tag Browser fetches and executes the script first before parsing the HTML body. An error might occur here when you're manipulating the DOM because script is executed first and DOM doesn't exist yet. Regu...