#css #www

This guide serves as an introduction to learning JavaScript, covering necessary prerequisite knowledge and addressing common obstacles. It highlights JavaScript’s origins, essential concepts, and practical applications across different environments.

check links in web documents or full websites

Apache Block Bad Bots, (Referer) Spam Referrer Blocker, Vulnerability Scanners, Malware, Adware, Ransomware, Malicious Sites, Wordpress Theme Detectors and Fail2Ban Jail for Repeat Offenders - mitchellkrogza/apache-ultimate-bad-bot-blocker

Box-drawing characters, also known as line-drawing characters, are a form of semigraphics widely used in text user interfaces to draw various geometric frames and boxes. These characters are characterized by being designed to be connected horizontally and/or vertically with adjacent characters, which requires proper alignment. Box-drawing characters therefore typically only work well with monospaced fonts.

The image-rendering CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.

An explainer for doing web development using only vanilla techniques.

Anchor links (also called jump links) are an easy way to provide in-page navigation. For example, a table of contents could use anchor links to take readers...

#js #www

#www

The isolation CSS property determines whether an element must create a new stacking context.

Présentation des principes de base de la création d'un favicon adaptatif.

Discover helpful cross-browser DevTools tips and tricks

Zoomable image downloader for Google Arts & Culture, Zoomify, IIIF, and others

The font-size CSS property sets the majuscule (“uppercase”) text size. The (font-)size-adjust property can set the minuscule (“lowercase”) size independently.

Code snippet that auto closes all non-active details elements on the page, creating a more framework-like experience for accordions

All-in-one Syntax Highlighting solution. Full Gutenberg and Classic Editor integration. Graphical theme customizer. Based on EnlighterJS.

If you use Locomotive Scroll, you might have heard about the new update that includes support for horizontal layouts.

A responsive looping marquee-style animation using HTML and CSS #www

Sometimes we would like to dump all the MySQL databases. MySQL provides an easy solution to this problem: However this will dump stuff into one file. How to dump all databses into separate files? Well, here is my solution. A small bash script: Be aware, that in order to execute this script from cron, you […]

Lots of different techniques to properly set up images for responsive & retina screens.

<picture>
<!-- Put the biggest at the top, because the first appropriate one will be selected -->
<source media="(min-width: 60em)" srcset="large.jpg">
<source media="(min-width: 38em)" srcset="medium.jpg">
<img src="small.jpg" alt="A giant squid swimming deep in the sea">
</picture>

A cheat sheet covering the basic HTML elements and their purpose.

Generate font size variables for a fluid type scale with CSS clamp. Grab the output CSS and drop it into any design system.

Native horizontal scroll with mouse wheel is not so trivial for the user. However, this behavior can... Tagged with html, javascript, webdev, tutorial.

Text animated with JavaScript & anime.js

Javascript animation engine

Horizontal scrolling