BlogDesignDevelopmentDev Design BrewTwitter/XDesign ServicesNow

Your Guide to Creating a Landing Page with Framer

Are you having trouble making a landing page that turns visitors into customers? With digital marketing on the rise, a good landing page is key for business success online. So, what's one of the secret to a great landing page? There is right tools and methods. Framer is a top web design platform. It lets you make beautiful, interactive landing pages without needing to know how to code. Enable you design to live faster than ever. In this guide, we'll show you how to make a landing page with F

Updated 6 days ago

Access SSH into Docker Container

Easy way to access SSH into specific Docker container.

Updated 1 year ago

How To Add phpMyAdmin and FTP to the Coolify Docker Compose

Here is how to add phpMyAdmin and FTP into the Coolify Docker compose.

Updated 11 months ago

Granola - One of the Ways to Create Interactive Sections

Granola, an AI-powered meeting transcript app. Inspirations of its interactive section and sleek design, built with Next.js, Tailwind CSS, and Radix components. Explore customizable templates through engaging demos on a clean landing page.

Updated 1 year ago

Picking the Right Email Signature Size

It is important to design a signature that is visually appealing and easy to read and navigate. Here is the best-size email signature.

Updated 1 year ago

How To Manage Multiple Elements In Figma Easy and Fast

Learn of techniques to manage multiple elements inside the Figma. Saving time and boosting productivity.

Updated 1 year ago

How To Use Pm2 For Ghost CMS As The Process Management

Keep your Ghost CMS running smoothly on shared hosting with PM2! Effortlessly monitor, restart, and manage multiple instances, ensuring continuous operation without superuser permissions. Explore how PM2 empowers you to maintain stability and efficiency, even in shared hosting environments.

Updated 1 year ago

5 Steps to Make Your Visuals Work for Your Website

Explore the crucial role of visual elements in captivating audiences and enhancing user experience. Discover how to make your website shine in the vast digital landscape, from creating captivating visuals to seamless navigation and SEO magic.

Updated 1 year ago

How To Make Flexbox Responsive When Using Gap

The efficient method to have a responsive flexbox when using gap. This way, the columns will stack horizontally according to the width assigned.

Updated 1 year ago

6 Best Tools To Make Content Outlining Much Easier

Content outlining is crucial in organizing ideas and structuring your website information. It helps you create a clear roadmap and makes visitors easier to stay focused and catch a coherent message. Here, we will explore various tools that can assist you in streamlining your content-outlining process. These tools will save you time and effort by providing efficient features and intuitive interfaces. So, let's dive in and discover the best tools for content outlining for website design! Imp

Updated 1 year ago

How to Opt-Out of Umami Analytic When Using WordPress

Opting out of Umami Analytics on WordPress made easy! Our simple guide walks you through the steps, keeping your site private and hassle-free. Perfect for WordPress owners who want privacy without the fuss.

Updated 1 year ago

Unleash User Experience Potential: Empower Your Website with Information Architecture

Explore the art of website design as we craft a digital menu for your online presence. Discover how information architecture enhances user experience, ensuring a seamless journey through your digital landscape.

Updated 1 year ago

How To Apply an Image Background and Overlay Gradient Using Tailwind CSS

The simple steps of adding an image background and a beautifully blended gradient overlay to a single div.

Updated 1 year ago

It Is Possible to Import Assets Into the Files Into CSS and JS Used for WordPress Theme Development

In this comprehensive guide to WordPress theme development, we will explain how to import assets into the CSS and JavaScript files used for styling and adding functionality. In this informative article, we'll walk you through a practical solution that will revolutionize your workflow.

Updated 1 year ago

Customize WordPress Password Protected Page

Customize password-protected WordPress pages to suit your needs. Add more elements and style almost everything with or without a plugin.

Updated 2 years ago

How To Install Oh My Zsh on VS Code Windows

The tutorial shows how to customize the VS Code Terminal with oh-my-zsh on Windows. Make your development environment great.

Updated 1 month ago

How to Create Dropdown Components on Figma

Dropdown component on Figma, and how the Figma interaction flow looks like to make it hover to show the dropdown.

Updated 1 year ago

Powerful Developer Note Taking App and Code Playground

Documentation is one of the most important things for a developer to use. This online documentation can save your time as a developer.

Updated 1 year ago

Try This Placeholder Service To Get Dummy Images and Videos.

Front-end developers use dummy images and videos to test their projects quickly. If you are a front-end developer, here is the great service to get free dummy images and videos to speed up your work.

Updated 1 year ago

Realistic Frosted Glassmorphism in CSS With Gradient Borders

Here is a realistic frosted Glassmorphism with CSS. This glass effect is implemented using SVG grainy and Gradient Border.

Updated 3 years ago

Get and Change All Anchor Tags with Prefix of Url Value

Using javascript to add a new attribute to all anchors that match with the prefix of the URL value.

Updated 1 year ago

Convince People To Use Webflow With Pitch Deck Tools

If you are trying to convince a business owner that Webflow is a good choice for their websites. You'll need convincing tools for a great pitch.

Updated 3 years ago

Fun Way To Use Lottie As the Website Preloader or Welcome Screen

Use Lottie animation for website preloader or welcome screen.

Updated 3 years ago

Display Category Name Using Slick Carousel Slider

This tutorial how to integrate Slick Carousel to display category names lists into a WordPress website with the help of Elementor builder.

Updated 1 year ago

Create Custom Shape Divider From Figma to Elementor

When it comes to website performance, SVG takes a huge advantage. Here's how I implemented SVG shape dividers into the Elementors section.

Updated 1 year ago

How To Equal Height Columns on Elementor Page Without Plugin

It’s easy to create an equal height column without a plugin on Elementor, just follow this step-by-step process for each column you want to be the same height.

Updated 1 year ago

How To Change Spacing and Length of Dashed Border Strokes from CSS

These are methods you can use to change the spacing between lines to create a dashed or dotted border stroke.

Updated 1 year ago

NextJs, Libraries for Render Markdown in a Secure Way

remark-react and react-markdown libraries methods to render content from Markdown format. Improve security by using components instead of innerHMTL

Updated 1 year ago

Configure MySQL For Self-Hosted Ghost

Installing Ghost on shared hosting can be though. We have to maintain the media storage, database, even the server by ourselves. Here is how to configure MySQL database for self-hosted ghost CMS.

Updated 1 year ago

Learn Pseudo Element With TailwindCSS Classes

There are a lot of utilities ready on the Tailwind CSS. Here we learn how to add pseudo elements to the tailwind CSS classes.

Updated 1 year ago

Using Cloudinary For Ghost Image Storage

How to integrate Cloudinary for your ghost CMS image storage to make easy to manage your image or video assets.

Updated 1 year ago

Use TailwindCSS For Building HTML Email Template

Building email template means dealing with table, tr, td tags. And need check the compatibility to make sure it will be rendered nice for all email clients.

Updated 2 years ago

Elementor Mixed Content Not Secure After Staging

Accessing the elementor site on Microsoft Edge is HTTPS but getting not secure warning. Mixed content happen on elementor widget.

Updated 1 year ago

Black Friday 2023, best deal list for designer and developer

Black Friday on this 2022, the deal list for designers and developers.

Updated 1 year ago

How to create lightweight social media button

Many libraries or plugins for social media share button reduces the pagespeed of the website. Even bad by the affect for the SEO and SERP listing

Updated 4 years ago

How To Prevent URL Indexing by Robot Crawling

There are a few methods you can use to makes search engines stop crawling your website.

Updated 3 years ago

5 Reasons Why Your Business Needs a Website

Current business competition is increasingly strict, a time when information spread very quickly. Both old and young people are now familiar with smartphones and social media.

Updated 3 years ago

How to Install Ghost from CPanel shared hosting

Ghost is beautiful and fast, here is how to install ghost from cpanel on shared hosting.

Updated 1 year ago

10 Best script font combinations

Script fonts are basically a combination of handwriting and calligraphy styles. Font types of fonts that are easily found, casual, calligraphy, classic and retro.

Updated 1 year ago

7 Best feminine of media kit and brand guidelines PowerPoint template

A solid visual brand that is represented by clean colors and layout. Those clean layout and feminine touch on color picking are strong. The typography also shows its personality.

Updated 4 years ago

LocalWP for a WordPress Local Development Environment

One-click install, mail, WP-CLI, and local environment for developing Wordpress plugins or themes. Local By Flywheel now is LocalWP.

Updated 1 year ago

Dynamic Content Plugin for Your Wordpress Website

Dynamic content on wordpress using plugin, to improve website personalization.

Updated 3 years ago

Create Wordpress Website Faster Using Element Templates Kits

Website creation has many process includes content creation, user interface design, conversion to HTML / CSS and more complicated coding makes dynamic.

Updated 1 year ago

Webflow Free Ecommerce Plan Program

Tighter competition forced many eCommerce takes the initiative in adopting online approaches. Especially local businesses. Here is webflow helpful program.

Updated 3 years ago

Create Shape Divider Fast Using These Tools

Shape dividers have been in website design trends. It makes the website be more modern and fresher. These tools can you help create shape dividers fast.

Updated 1 month ago