Welcome to Miley Tech

Single stop learning hub for digital producers,
digital marketers and entry level developers!

What is ChatGPT?

An artificial intelligence (AI) model developed by OpenAI and launched on November 30, 2022 and stands for Chat Generative Pre-trained Transformer. It uses large language model (LLM) and transformer architecture to generate human-like responses. The basic version of ChatGPT is completely free to use, however paid version also available.

JQuery setup

JQuery is a Javascript framework and to work on Jquery framework, you have to include jQuery library on base HTML file.

Learn more »

Bootstrap setup

Bootstrap is a free HTML, CSS, and JavaScript framework to develop responsive web sites and it comes with precompiled CSS.

Learn more »

Animate on scroll

Animating elements on scroll is a popular technique used in web design to create engaging and dynamic user experiences.

Learn more »

Free Google tools

There are several free Google tools suitable for digital marketers, analytics people and digital producers.

GA 4

Google Analytics 4 (GA4) was the latest version of Google Analytics, representing the next generation of the analytics platform. This is event-driven data model and provides AI-powered insights.

Learn more »

GTM

Google Tag Manager (GTM) is a free tag management system provided by Google that allows you to easily update and manage tags on your website or mobile app without having to modify the code.

Learn more »

Google Ad Sense

Google AdSense is a popular advertising program offered by Google that allows website owners and creators to monetize their online content. Publishers can place the generated ad code on their web pages.

Learn more »

Google Search Console (GSC)

The GSC allows website owners to monitor, maintain, and troubleshoot their site's presence in Google search results. It provides valuable insights into how Google's search engine perceives a website and offers tools to optimize the website's visibility.

Learn more »

Looker Studio

Looker is a business intelligence (BI) and data analytics platform that provides organizations with tools for data exploration, visualization, and insights. It was previously named as a Google studio.

Learn more »

Google Ads

Google Ads is an online advertising platform developed by Google. Google Ads is free of cost to setup the account, however you will be charged when performing advertising or promotional services.

Learn more »

Search Engine Optimization

To improves visibility of the websites and their ranking in search engine results pages (SERPs)

The main goal of SEO is to increase organic (non-paid) traffic to a website by ensuring that the site appears prominently in search results for relevant queries.

SEO involves various strategies and techniques that help search engines understand the content and relevance of a website, thus making it more likely to be displayed to users searching for related information.

On-Page SEO

This type of SEO involves optimizing individual web pages to rank higher and earn more relevant traffic in search engines. It includes optimizing content, meta tags, title tags, URL structure, internal linking, and image optimization.

Off-Page SEO

Off-Page SEO refers to all the activities that you can perform outside of your website to improve its search engine rankings. This includes link building, social media marketing, influencer marketing, and other external optimization efforts

Technical SEO

Technical SEO focuses on improving the technical aspects of a website to help search engines crawl, interpret, and index your site without any problems. It includes site speed optimization, mobile-friendliness, crawling, indexing, structured data, and other technical factors that affect a website's search visibility.

Learn more »

SEO image homepage

Bootstrap

Bootstrap is a popular open-source front-end framework used for developing responsive, mobile-first web projects. Developed by Twitter, it provides a collection of tools for creating websites and web applications. Bootstrap includes HTML and CSS-based design templates for typography, forms, buttons, navigation, and other interface components, as well as optional JavaScript extensions.

Bootstrap 3

The Bootstrap's grid system has 3 has 4-tiers that are xs, sm, md, and lg, while there are 5-tiers in the Bootstrap 4 grid system. The CSS unit in Bootstrap 3 is px. Here, the class .img-responsive is used for creating the responsive images, while this feature has been changed in Bootstrap 4.

Learn more »

Bootstrap 4

Bootstrap 4 has 5-tier grid systems that are xs, sm, md, lg and xl and jQuery is no longer a dependency. It has new many changes, such as the CSS unit in Bootstrap 4 is rem, .img-fluid is used for creating the responsive images. In Bootstrap 4, a user can create dark or inverse tables by using the .table-dark class.

Learn more »

Bootstrap 5

It provides 6 default responsive grid tiers named as xs, sm, md, lg and xl xxl. It comes with Vanilla JavaScript and had removed jQuery.

.

You can also use CDN link. jQuery is no longer a dependency in Bootstrap 5. It gives its own icon library of SVG icons and no jumbotron.

Learn more »

Animate on scroll (AOS)

As per the name suggests, AOS allows to apply various animations to HTML elements while you scroll the web page.

Animating elements on scroll is a popular technique used in web design to create engaging and dynamic user experiences. By triggering animations when elements come into view during scrolling, you can add visual interest and interactivity to your website.

The animation you are experiencing on this website is also because of AOS.

CSS setup for AOS

CDN method

  • Visit the website, scroll down, locate CSS under CDN SOURCES.
  • Copy the whole line as below and paste inside <header> tag as you do for Bootstrap CSS.

    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

JavaScript setup for AOS

CDN method

  • Visit the website, scroll down, locate JS under CDN SOURCES.
  • Copy the whole line as below and paste inside <header> tag as you do for Bootstrap CSS.

    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>