Skip to content

Instantly share code, notes, and snippets.

@Da3az
Da3az / index.html
Created May 13, 2024 08:03 — forked from wolz-CODElife/index.html
Meta tags/SEO config HTML snippets
<head>
<meta charset="utf-8" />
<link rel="icon" href="{{IMAGE_URL/IMAGE_PATH}}" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
<meta name="theme-color" content="{{SITE_THEME_COLOR}}" />
<meta name="description" content="{{SITE_DESCRIPTION}}" />
<meta property="og:description" content="{{SITE_DESCRIPTION}}" />
<meta data-react-helmet="true" property="og:title" content="{{SITE_TITLE}}">
<meta data-react-helmet="true" property="og:type" content="Website">
<meta data-react-helmet="true" property="og:url" content="{{SITE_URL}}">
import {
Body,
Column,
Container,
Html,
Img,
Link,
Preview,
Row,
Section,
@Da3az
Da3az / Tailwindcss react-input-range
Last active June 13, 2022 19:44
Tailwindcss react-input-range
/*-------------------------------- globals.css ------------------------------------------- */
.input-range__slider {
@apply top-[50%] w-[1rem] transition duration-300 ease-out absolute outline-none mt-[-0.65rem] ml-[-0.5rem] h-[1rem] block cursor-pointer rounded-full appearance-none bg-text-primary border border-text-primary;
}
.input-range__slider:active {
@apply scale-[1.3]
}
.input-range__slider:focus {
@apply shadow-inputSlideShadow
}
@Da3az
Da3az / useTailwindMediaQuery.ts
Last active June 1, 2022 12:30 — forked from isomorpheric/useTailwindMediaQuery.ts
useTailwindMediaQuery.ts
import { useEffect, useState } from 'react';
interface ItwBreakpoints {
[key: string]: string;
}
// This is straight from default tailwind config.
// Would have loved to use resolveConfig but
// you try to get it to work with ts.
const twBreakpoints: ItwBreakpoints = {

API workthough

  1. Open a browser

    # start an instance of firefox with selenium-webdriver
    driver = Selenium::WebDriver.for :firefox
    # :chrome -> chrome
    # :ie     -> iexplore
    
  • Go to a specified URL
@Da3az
Da3az / README.md
Created April 29, 2022 21:56 — forked from lopspower/README.md
Hexadecimal color code for transparency

Hexadecimal color code for transparency

Twitter

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store