Insert Pages [ShortCode]
Insert Pages lets you embed any WordPress content (e.g., pages, posts, custom post types) into other WordPress content using the […]
WP Plugins
WP Plugins
Smart Slider 3
Smart Slider 3 is the most powerful and intuitive WordPress plugin to create sliders which was never possible before. Fully responsive,
Web Optimization
Guide Accessible Web Design Development
https://www.section508.gov/content/guide-accessible-web-design-development Do you know how to create accessible digital products and services? This guide recaps relevant Web Content Accessibility Guidelines (WCAG)requirements
WP Plugins
Essential Addons for Elementor
Enhance your Elementor page building experience with 90+ creative elements and extensions. Add powers to your website builder using our
WP Plugins
WP-Optimize – Clean, Compress, Cache
WP-Optimize is trusted by more than 1 million WordPress website owners to boost performance and reduce page load times to improve your site’s user experiences and SERP rankings
WP Plugins
All-in-One WP Migration
Ready to migrate your website? It’s fast and easy as 1, 2, 3 How to Increase Maximum Upload File Size
Web Optimization
508 Compliance Guidelines
Ensure screen reader compatibilityEnable keyboard accessibilityInclude Alternative (Alt) Text for visualsInclude transcripts and captions for audio and video contentKeep accessibility
WP Themes
Blocksy Integrating Basic WooCommerce Filters
Easy integrate filters on woocommerce with Blockys
Projects
WordPress Custom Theme Build
https://propellermind.com/propellermind-resources/fictional-university/
Wordpress
Block Themes 1: Create
Create new folder under themes folder Create style.css file: Create index.php file, can be blank: Create Templates Folder and inside
Wordpress
Block Themes 1: Setup
The latest version of WordPress has made one key change that we need to be aware of before jumping into
Web Optimization
Serve responsive images
Serve multiple image versions Specify multiple image versions and the browser will choose the best one to use: Before After
Adobe Photoshop, Web Optimization
Save images as WebP in Photoshop
Follow these steps to select WebP as the preferred format for saving your file:
Web Optimization
HTML5 Lazy load images
Syntax <img src=”URL” loading=”eager|lazy”> Attribute Values Value Description eager Default. Loads an image immediately lazy Defer loading of images until
Wordpress
Add manifest.json To WordPress
@functions.php Created a link to a manifest.json file example:
React
Vite + React + Material UI Install
Install Vite Enter Project Name, Framework choose -> React, Variant ->TypeScript Go to https://mui.com/material-ui/getting-started/installation/ https://mui.com/material-ui/getting-started/usage/
Wordpress
How do I turn off comments?
The steps below outline how comments can be turned off in WordPress.
Figma
Coloring: 60 30 10 Rule of Colour Distribution
https://m3.material.io/styles/color/system/overview
Figma
Coloring: Color Inspiration
Checkout https://colorpalettes.net/ https://colorpalettes.net/ https://mycolor.space/ Gradients https://coolors.co/
Figma
Coloring: Pick Mix and Match Colors Like a Pro
Checkout MATERIAL DESIGN Website https://m2.material.io/design/color/the-color-system.html https://m3.material.io/
Figma
Figma Setting up a shared team library
https://www.udemy.com/course/figma-beginner/learn/lecture/40389826#overview
Figma
Figma COURSE PROJECT Part 5: Turning our design into a prototype
https://www.udemy.com/course/figma-beginner/learn/lecture/40860835#overview Finish this course!!!
Figma
Figma Interactive components
https://www.udemy.com/course/figma-beginner/learn/lecture/40389812#overview
Figma
Figma Animation types
FOLLOW LINK FOR MORE INFO https://www.udemy.com/course/figma-beginner/learn/lecture/40389808#overview
Figma
Figma Prototyping Workspace
USE KEYBOARD KEYS left/right to go thru all files Shift + Spacebar => Run Frame (View) Under Pages create a
Figma
Figma COURSE PROJECT Part 4: Making our design responsive
https://www.udemy.com/course/figma-beginner/learn/lecture/40868521#overview Finish this course!!!!
Figma
Figma Which Frame Should I Use?
Check Out In Google Analytics For Data On Witch Is The Most Popular Screen Set On Your Website Desktops: &