dennyferd’s gists

dennyferd / index.html

Created January 23, 2022 15:44

Native HTML details element styled via CSS – customized

	<div class="card">
	<h1>Coronavirus - Facts, advice and measures</h1>

	<details class="warning">
	<summary>Facts and knowledge about COVID-19</summary>
	<p>Some text to be hidden.</p>
	<p>Some text to be hidden.</p>
	<p>Some text to be hidden.</p>
	<p>Some text to be hidden.</p>
	</details>

dennyferd / bar-label-rotation-apache-echarts-demo.markdown

Created June 17, 2022 02:33

Bar Label Rotation - Apache ECharts Demo

dennyferd / bar-label-rotation-apache-echarts-demo.markdown

Created June 17, 2022 02:37

Bar Label Rotation - Apache ECharts Demo

dennyferd / index.html

Created June 17, 2022 06:17

World Population - Apache ECharts Demo

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>World Population - Apache ECharts Demo</title>
	</head>
	<body>
	<div id="chart-container"></div>
	<script src="https://fastly.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script>
	</body>

dennyferd / glassmorphism-creative-cloud-app-redesign.markdown

Created October 28, 2022 03:02

Glassmorphism Creative Cloud App Redesign

dennyferd / index.html

Created October 28, 2022 03:08

Side Sliding Menu CSS

	<!DOCTYPE html><html class="menu">
	<html>

	<head>

	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content=="IE=edge"/>
	<meta name="google" value="notranslate"/>
	<title>Side Menu</title>

dennyferd / index.html

Created October 28, 2022 03:11

Interactive SVG with popups and micro-animations

	<div class="cd-popup cd-popup-industrie" role="alert">
	<div class="cd-popup-container">
	<h2>Industrie</h2>
	<p>Wenn Bauteile eigenständig mit der Produktionsanlage kommunizieren und bei Bedarf selbst eine Reparatur veranlassen oder Material nachbestellen - wenn sich Menschen, Maschinen und industrielle Prozesse intelligent vernetzen, dann sprechen wir von Industrie 4.0. Nach Dampfmaschine, Fließband und Computer stehen wir nun mit intelligenten Fabriken vor der vierten industriellen Revolution. Durch die Verzahnung von Produktion mit modernster Informations- und Kommunikationstechnik können Produkte kostengünstiger, effizienter und nach individuellen Kundenwünschen hergestellt werden. Gleichzeitig stellt die Digitalisierung die Industrie vor große Herausforderungen: Neue Daten, Vernetzung, Automatisierung und die digitale Kundenschnittstelle erfordern von Unternehmen, ihre Geschäftsprozesse und -modelle zu hinterfragen, um neue Möglichkeiten zu erkennen, zu entwickeln und umzusetzen.
	</p>
	<div c

dennyferd / bootstrap-lightbox-image-gallery.markdown

Created October 28, 2022 07:12

Bootstrap Lightbox Image Gallery

dennyferd / index.html

Created November 5, 2022 08:57

Snap.svg Menu animation

	<!-- Cette source est librement inspirée du bon article tympanus https://tympanus.net/codrops/2014/12/15/elastic-svg-elements/
	-->
	<nav class="nav">

	<button class="nav-toggle"><span>Menu</span></button>

	<ul class="nav-menu">
	<li>Home</li>
	<li>Favorites</li>
	</ul>

dennyferd / calendar-app.markdown

Created August 9, 2023 16:54

Calendar App

This is a calendar application. It allows for browsing dates and selecting individual dates. You can schedule events on future days.