Royce Redfearn royce002

Card UI Skeleton Screen

This creates a skeleton of a card component using CSS custom properties to draw different gradients on the background-image. Skeleton screens can be used to improve perceived performance while loading.

A Pen by Royce Redfearn on CodePen.

License.

GSAP - 頁面捲動動畫效果 (week4 scrolling challenges June 2020)

利用 GSAP ScrollTrigger Pluging 製作簡單頁面捲動動畫效果

A Pen by RayPan on CodePen.

License.

	font-family: ui-monospace,
	Menlo, Monaco,
	"Cascadia Mono", "Segoe UI Mono",
	"Roboto Mono",
	"Oxygen Mono",
	"Ubuntu Mono",
	"Source Code Pro",
	"Fira Mono",
	"Droid Sans Mono",
	"Consolas", "Courier New", monospace;

	# Canonical HTTPS/non-WWW
	<IfModule mod_rewrite.c>
	RewriteCond %{HTTPS} off [OR]
	RewriteCond %{HTTP_HOST} ^www\.example\.com [NC]
	RewriteRule (.*) https://example.com/$1 [L,R=301]
	</IfModule>

	# Redirect to https and non-www
	# Canonical HTTPS/non-WWW
	<IfModule mod_rewrite.c>
	RewriteCond %{HTTPS} off [OR]
	RewriteCond %{HTTP_HOST} ^www\.example\.com [NC]
	RewriteRule (.*) https://example.com/$1 [L,R=301]
	</IfModule>

	<body>

	<nav>
	<img src="https://bit.ly/2NKLFXr" alt="">
	<div>
	<ul id="ul-menu">
	<li><a id="menu_link" href="#section_beaches">Beaches</a></li>
	<li><a id="menu_link" href="#section_temples">Civlization</a></li>
	<li><a id="menu_link" href="#section_places">Places</a></li>
	</ul>

	<?php
	if (!empty($_GET['variable'])) {
	// Do something.
	}
	?>

	<?php
	function isRussian($text) {
	return preg_match('/[А-Яа-яЁё]/u', $text);
	}
	?>

	<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
	<div class="carousel-inner">
	<div class="carousel-item active">
	<img src="..." class="d-block w-100" alt="...">
	</div>
	<div class="carousel-item">
	<img src="..." class="d-block w-100" alt="...">
	</div>
	<div class="carousel-item">
	<img src="..." class="d-block w-100" alt="...">