Web Development
Golang Image Resize and Golang Image Crop: Image Manipulation With Go Programming Language
An introduction to some of the very basic features of iamge cropping with Go.
How To Create A Template Cache For Your Golang Web Application
This is an example of how to create a template cache for a go web application that uses an in-memory map.
Javascript For Countdown Timer | [VIDEO]
A recurring problem that I need to solve for clients are counting down to an event, such as a sale or promotion. Countdown timers can help create a sense of urgency for potential leads so they are often used to instill a “fear of missing out” sense in leads.
If you wanted to, you could go a step further and pass in the DOM elements as part of the updateTime function to make it more reusable. In this particular example I did not do that. This particular version requires you to pass the future date into the function as a date time string formatted: “January 1, 2023 00:00:00”.
Web Hosting Free Sites: Web Hosting For Developers
Web Hosting Free Sites: A Guide To Free Web Hosting Solutions For Web Developers
For new businesses or web developers that are just getting started, choosing affordable, reliable, and performant web hosting can be a challenging experience. The internet has become such an indispensable part of our lives that it’s hard to imagine a world without it. The internet has reshaped the way we do business and communicate, it has revolutionized the way we learn, work, and play, and it has changed the way we live our everyday lives. And yet, most people don’t think twice about the web hosting that houses their personal and business websites.
CSS Grid Gallery: Easy Fluid Gallery With CSS Grid and Javascript
Learn how to create a fluid image gallery with css grid and a few lines of javascript. In the following article, we will learn how to create a grid gallery that is fluid and easy to navigate with CSS Grid and Javascript. First, we will create a container for our grid gallery. Then we will create a row of items. Finally, we need to set up a grid to contain the items in the row. We will then apply some styling for our gallery so that it looks nice on all browsers by using CSS Grid and Javascript’s responsive design techniques.
Custom React Hook Function: Create Custom Reusable React Hooks
If you have found yourself re-writing the same boilerplate React code over and over, You may be able to refactor that into a reusable custom React hook function that will save you time and help clean up your code a bit.
What Is A React Hook
React Hooks are a new feature in React 16.8, which allow us to use state and lifecycle hooks without constructor functions. They enable us to write less code, improve testability of components , and reduce potential side effects . A few weeks ago I was working on a project that had many nested components with lots of state . It became difficult to manage the state because every component depended on each other. The solution was to create higher-order components (HOC). But this caused the codebase to be bloated and become unmanagable quickly.
React State Array: Updating An Array That Is Stored Inside Of State
State is one of the most important concepts in React. It’s what allows us to build components that manage and maintain their own data, and it also enables us to create reusable components that can be shared across projects without duplicating code. But what exactly is State, and how do we use it? A component’s state is simply a JavaScript object with properties and values. The values of these properties can be changed over time (hence the name “state”) by invoking setState().
5 Things You Need To Know Before And After You Build A Website
5 Ways You Can Use Your Website to Grow Your Business
Websites are a great way to grow your business, but you need to make sure that they are properly maintained and optimized for this. In order to help you with that, here are five ways you can use your website for the growth of your business.
Create a blog: Blogging is a great way to create content and generate leads. It gives you a platform for interacting with prospects and customers alike. Moreover, it can improve the search engine visibility of your website by increasing the number of inbound links from other sites. You can also take advantage of content marketing where you upload videos, podcasts or infographics.
Everything You Need To Know About Parallax Scrolling & Javascript
Everything a beginner javascript student needs to know about implementing parallax scrolling on their website. What parallax is, why use it, why not to use, and a few ways that it can be achieved.
What is parallax scrolling effects?
What is parallax scrolling? If you have only come here for a parallax definition then your journey ends here: Parallax scrolling effects is a movement, one that is created by the scrolling of one layer of an image, which creates a sense of depth and keeps the audience’s eyes glued to the screen. It can be done using CSS3 or Javascript. In this blog post, I’ll be going through a beginner Javascript tutorial on how to implement parallax scrolling.
Everything You Need To Know About Content Delivery Networks As A Beginner
Choosing a Content Delivery Network (CDN) is not a decision to be taken lightly. There are several factors to consider, and different factors apply to different types of website. This article guides you through the process of selecting a CDN and the factors you should consider.
What Is A Content Delivery Network
A content delivery network (CDN) is a system of servers that delivers web pages, video, and applications to a user based on their location.A content delivery network (CDN) is a large distributed system of servers that deliver web pages, video, and applications to a user based on their geographical location. A content delivery network consists of servers (known as edge servers) that are placed within the network of a provider. The CDN provider originates the content at the origin server and then caches it on the edge servers which are close to the end user, in a location which will reduce the time to display the content to the end user.
Categories
Analytics
Go
Linux
Personal Coaching Tips
Search Engine Optimization
SEO
Web Design
Web Development
- Docker: Important Topics & Notes
- Go Net Listener Http Server Example
- Using Go Embed Package for Template Rendering
- Notes On Testing Golang Applications
- Custom Golang Http Router With Middleware
- WordPress Self Hosted A Guided Tour To Running Wordpress Independent Of Big Hosting
- Neovim Custom File Extension Syntax Highlighting
- Importing Content From Hugo Into Wordpress
- Why I Dont Recommend Getflywheel or Wpengine for Most Wordpress Hosting
- Javascript Count Up to Number
- Golang Send Multipart Form Data to Api Endpoint
- Create an Accessible Vanilla Javascript Accordion
- Golang Create a Random String
- Go Channels Tutorial - Understanding Goroutines and Channels
- Call, Apply, And Bind Methods In Javascript
- Vanilla Javascript Carousel Slider: A Beginner's Tutorial
- Golang Image Resize and Golang Image Crop: Image Manipulation With Go Programming Language
- How To Create A Website For Your Online Business: Small Business Website Guide
- Frontmatter Data And Hugo Templates: How To Output Data With Hugo Static Site Generator
- Golang Read Environment Variables From File: How To Do It [Code Snippets]
- How To Create A Template Cache For Your Golang Web Application
- Bootstrap A New Hugo Theme From Scratch [video]
- Install Hugo With Chocolatey Package Manager On Windows 10 [video]
- Web Hosting Free Sites: Web Hosting For Developers
- CSS Grid Gallery: Easy Fluid Gallery With CSS Grid and Javascript
- Custom React Hook Function: Create Custom Reusable React Hooks
- React State Array: Updating An Array That Is Stored Inside Of State
- 5 Things You Need To Know Before And After You Build A Website
- 5 Trends For Traverse City Web Development In 2022
Web Devsign
Tags
.Env
A11ty
Accessibility
API Development
Apply
Bind
Blockchain
Business
Call
Call to Actions
Certbot
Channels
CMS
Concurrency
Content Marketing
Cookieless Analytics
Crypto
Css
Data
Data Migration
DevOps
Digital Marketing
Displaylink
Docker
Dotenv
Educational
Ethereum
Fail2ban
FOSS
Frontend
Frontend Web Development
Frontmatter
Go
- Go Net Listener Http Server Example
- Using Go Embed Package for Template Rendering
- Notes On Testing Golang Applications
- Custom Golang Http Router With Middleware
- Neovim Custom File Extension Syntax Highlighting
- Golang Send Multipart Form Data to Api Endpoint
- Unit Testing Json Encode
- Go Channels Tutorial - Understanding Goroutines and Channels
- Golang Image Resize and Golang Image Crop: Image Manipulation With Go Programming Language
- Golang Read Environment Variables From File: How To Do It [Code Snippets]
Go Application Configuration
Golang
- Go Net Listener Http Server Example
- Using Go Embed Package for Template Rendering
- Notes On Testing Golang Applications
- Custom Golang Http Router With Middleware
- Golang Send Multipart Form Data to Api Endpoint
- Unit Testing Json Encode
- Golang Create a Random String
- Go Channels Tutorial - Understanding Goroutines and Channels
- Golang Image Resize and Golang Image Crop: Image Manipulation With Go Programming Language
- Golang Read Environment Variables From File: How To Do It [Code Snippets]
- How To Create A Template Cache For Your Golang Web Application
- Bootstrap A New Hugo Theme From Scratch [video]
- Install Hugo With Chocolatey Package Manager On Windows 10 [video]
Google Analytics
Google Analytics 4
Google Analytics Alterantives
Google Business Profile Optimization
Growth Tips
Hosting
Html
HTTP
Hugo
Image Processing
JAMStack
Javascript
- Javascript Count Up to Number
- Create an Accessible Vanilla Javascript Accordion
- Call, Apply, And Bind Methods In Javascript
- Vanilla Javascript Carousel Slider: A Beginner's Tutorial
- Javascript For Countdown Timer | [VIDEO]
- What Is Blockchain Technology And How Does It Work?
- Hugo Website Tutorial: How To Create A Hugo Website
- CSS Grid Gallery: Easy Fluid Gallery With CSS Grid and Javascript
- Custom React Hook Function: Create Custom Reusable React Hooks
- React State Array: Updating An Array That Is Stored Inside Of State
- Everything You Need To Know About Parallax Scrolling & Javascript
JSON
Local Citations
Local SEO
Manjaro
Mariabdb
Mime-Type Detection
Multipart Forms
Neovim
Nginx
Open Source
Php
Planning
Privacy First Analytics
Privacy Oriented
React
Rune
SCM Injections
SCSS
Scss Cheatsheet
Search Engine Optimization
Security
Self Hosting
SEO
SEO Traverse City
Server
Server Programming
Server Side Go
Small Business SEO
Smart Contracts
Social Media Marketing
Solidity
Ssh
Static Site Generator
Static Website Generators
Static Websites
TCP
TDD
Test Driven Development
Testing
Tools
Traverse City
Traverse City Business
Traverse City Web Design
Treesitter
Trends
UFW
UI
Unit Testing
Universal Analytics
Vanilla Javascript
VPS
Web 3.0
Web Analytics
Web Design
Web Design Traverse City
Web Development
- Golang Image Resize and Golang Image Crop: Image Manipulation With Go Programming Language
- How To Create A Template Cache For Your Golang Web Application
- Javascript For Countdown Timer | [VIDEO]
- Web Hosting Free Sites: Web Hosting For Developers
- CSS Grid Gallery: Easy Fluid Gallery With CSS Grid and Javascript
- Custom React Hook Function: Create Custom Reusable React Hooks
- React State Array: Updating An Array That Is Stored Inside Of State
- 5 Things You Need To Know Before And After You Build A Website
- Everything You Need To Know About Parallax Scrolling & Javascript
- Everything You Need To Know About Content Delivery Networks As A Beginner
- 10 Static Site Mistakes You Should Stop Making: A blog about the common mistakes people make when creating static sites.
Web Development Tips
Web Hosting
Website Builder
Website Conversion
Website Design
WordPress