Asset demo for a Blocklevel project
A Pen by Tim Rijkse on CodePen.
Sayyid Shalahuddin sayyidisal
intergalacticspacehighway
/ use-fetch-on-app-foreground.tsx
Created
January 28, 2022 04:10
app fetch request failing in background
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { useEffect, useRef } from "react"; | |
| import { AppState, AppStateStatus } from "react-native"; | |
| export const useFetchOnAppForeground = () => { | |
| const listener = useRef(null); | |
| function fetchOnAppForeground(params) { | |
| if (AppState.currentState === "active") { | |
| return fetch(params); | |
| } else { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <form id="singular-form"> | |
| <button class="shown" type="button" id="trigger">Notify me</button> | |
| <div id="input-container"> | |
| <input type="text" placeholder="E-mail"> | |
| <button type="button">Send</button> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <canvas></canvas> | |
| <button type="button"> | |
| <span>Hover Me</span> | |
| </button> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="cube"> | |
| <div class="plus"> | |
| <div class="plus-horizontal"></div> | |
| <div class="plus-vertical"></div> | |
| </div> | |
| <div class="quadrant"> | |
| <div class="quadrant__item"> | |
| <div class="quadrant__item__content"> | |
| <svg enable-background="new 0 0 32 32" height="26px" id="Layer_1" version="1.0" viewBox="0 0 32 32" width="26px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="arrow-up"><path d="M31.993,6.077C30.816,6.6,29.552,6.953,28.223,7.11c1.355-0.812,2.396-2.098,2.887-3.63 c-1.269,0.751-2.673,1.299-4.168,1.592C25.744,3.797,24.038,3,22.149,3c-3.625,0-6.562,2.938-6.562,6.563 c0,0.514,0.057,1.016,0.169,1.496C10.301,10.785,5.465,8.172,2.227,4.201c-0.564,0.97-0.888,2.097-0.888,3.3 c0,2.278,1.159,4.286,2.919,5.464c-1.075-0.035-2.087-0.329-2.972-0.821c-0.001,0.027-0.001,0.056-0.001,0.082 c0,3.181,2.262,5.834,5.265,6.437c-0.55,0.149-1.13,0.23-1.729,0.23c-0.424,0-0.834-0.041-1.234-0.117 c0.834,2.606,3 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="button"> | |
| <a> | |
| <span>Upload Now</span> | |
| <svg class="load" version="1.1"x="0px" y="0px" width="30px" height="30px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"> | |
| <path opacity="0.3" fill="#fff" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 | |
| s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 | |
| c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/> | |
| <path fill="#fff" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 | |
| C22.32,8.481,24.301,9.057,26.013,10.047z"> | |
| <animateTransform attributeType="xml" |
CodeMyUI
/ card-stack-tutorial-animation.markdown
Created
September 23, 2018 23:27
Card stack tutorial animation
A Pen by Brandon Ward on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container" id="app"> | |
| <div class="add-product" :class="{'open': formOpen}"> | |
| <div class="button-copy" v-show="!formOpen" @click="formOpen = true">Add Product</div> | |
| <form @submit="cancel()"> | |
| <div class="form--field"> | |
| <label>Product Title *</label> | |
| <input type="text" class="form--element" name="title" v-model="productData.title" placeholder="Title" required=""> | |
| </div> | |
| <div class="form--container -inline"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="blog-slider"> | |
| <div class="blog-slider__wrp swiper-wrapper"> | |
| <div class="blog-slider__item swiper-slide"> | |
| <div class="blog-slider__img"> | |
| <img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759872/kuldar-kalvik-799168-unsplash.jpg" alt=""> | |
| </div> | |
| <div class="blog-slider__content"> | |
| <span class="blog-slider__code">26 December 2019</span> | |
| <div class="blog-slider__title">Lorem Ipsum Dolor</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .center | |
| .ear.ear--left | |
| .ear.ear--right | |
| .face | |
| .eyes | |
| .eye.eye--left | |
| .glow | |
| .eye.eye--right | |
| .glow |
NewerOlder