Techbucket #14

Mastering WordPress hooks: How to customise your theme like a pro

Mastering WordPress hooks: How to customise your theme like a pro

Learn WordPress Hooks. Master Actions, Filters, and Custom Hooks by creating your own extensible plugin. Level up your WordPress dev skills now!

Crafto – The Multipurpose HTML5 Template

Crafto is a versatile HTML5 template designed to suit a wide range of creative projects and businesses. With its clean and modern design, Crafto offers flexibility and functionality for crafting stunning websites.

Crafto – The Multipurpose HTML5 Template
35+ Best multipurpose Shopify themes that help you to boost sales

35+ Best multipurpose Shopify themes that help you to boost sales

Check out the full lists of 35+ best Shopify themes for eCommerce businesses. Grab one to create a stunning online store for your business and give it excellent boost.

Detailed React. Reconciliation, Renderers, Fiber, Virtual Tree

Detailed React. Reconciliation, Renderers, Fiber, Virtual Tree

Today we will look under the hood of the library and try to understand how it works inside, how it stores data, and how Virtual Tree looks like.

5 CSS snippets every front-end developer should know in 2024

5 CSS snippets every front-end developer should know in 2024

In this guide we learn best 5 CSS snippets that every front-end developer should know before they start work on any project. Let’s dive into guide.

Listening for element events with Compose for Web

Listening for element events with Compose for Web

In this article, we will learn how to use element events with Compose for Web. As we know events are the main way to interact with the elements, and most components have a way to listen for them.

Mastering React and OpenLayers Integration: A Comprehensive Guide

Mastering React and OpenLayers Integration: A Comprehensive Guide

Unlock the full potential of interactive maps in your React applications by delving into the seamless integration of OpenLayers.

A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()

A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()

With just CSS you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements and much more.

48 CSS Link Hover Effects Examples

48 CSS Link Hover Effects Examples

Discover the art of CSS link hover effects to captivate users with interactive, engaging web designs that enhance user experience.

Creative website of the week - One clock

Creative website of the week - One clock

This website come in our list because of it has a super-sharp design with slick animations and lovely details. Also, it has amazing typography and lots of interesting micro interactions.

Create Staggered Text Animation with Tailwind CSS and React

Create Staggered Text Animation with Tailwind CSS and React

Let’s explore with this guide, how to recreate one of Linear’s captivating hero section animations: the staggered text animation.

Pppalette

Pppalette

Pppalette is a simple tool to help you generate beautiful color palettes and come up with colors that harmonize well for your design projects.

CSS@scope

CSS@scope

The new @scope rule is here! It’s a better way to keep our component styles contained – without relying on third-party tools or extreme naming conventions.

A Rotating Word Wheel Interaction

A Rotating Word Wheel Interaction

You will learn here how to build a scroll-based rotating menu and creating a hover interaction with Javascript and CSS.

The 3 secrets to Font Pairing

The 3 secrets to Font Pairing

In the article below we explain the basics of choosing great fonts. Here we also seen some of the best font combinations that you can use it in your next design.

A global design system

In this article, we’ll talk about our collective design system journey, the rationale for creating a Global Design System and how it would impact the world’s web designers and developers.

A Quick Guide To The render() Method in React

A Quick Guide To The render() Method in React

In this guide, we’ll try to shed light on what render() is, what it does, and why it’s so important for development process with React.

Common mistakes with the Next.js App Router and how to fix them

Common mistakes with the Next.js App Router and how to fix them

Learn how to use the Next.js App Router more effectively and understand the new model. This post will share why these mistakes can happen, how to fix them, and some tips to help you understand the new App Router model.

Looking for theme / plugin support?

Looking for theme / plugin customization?