Skip to content

Instantly share code, notes, and snippets.

View cibulka's full-sized avatar
🧅

Petr Cibulka cibulka

🧅
View GitHub Profile
@cibulka
cibulka / cls.md
Last active July 20, 2023 09:26
Guide how to prevent CLS with skeleton elements

CLS - Suggestions how to fix the issue

CLS stands for “content layout shift”: When the elements are added dynamically during the page load (or their size changes), it can cause the page to jump unexpectedly.

This guide shows how to fix this issue with practical code examples written in React.

Simple example

const data = fetch(‘https://example.com');
@cibulka
cibulka / Wordpress: Remove hwstring from images (and keep srcset)
Last active August 31, 2020 18:34
Hardcoded `width` and `height` to Wordpress image functions is INSANE! This is my current sollution to the problem, that removes `hwstring` and keeps `srcset`, `sizes` and other responsive image attributes.
<?php
class Picture {
public function init_remove_hwstring() {
add_filter('image_downsize', array($this, 'remove_hw_from_downsize'), 10, 3);
add_filter('wp_get_attachment_image_attributes', array($this, 'add_srcset_sizes'), 10, 3);
}
public function add_srcset_sizes($attrs, $attachment, $size) {
{
"name": "cibulka/divnamista-wp",
"type": "project",
"license": "MIT",
"description": "A modern WordPress stack",
"homepage": "https://roots.io/bedrock/",
"authors": [
{
"name": "Scott Walkinshaw",
"email": "scott.walkinshaw@gmail.com",
This file has been truncated, but you can view the full file.
8004 silly gunzTarPerm extractEntry test/pad.js
8005 silly gunzTarPerm extractEntry test/order.js
8006 silly gunzTarPerm extractEntry test/nested.js
8007 silly gunzTarPerm extractEntry test/sequence.js
8008 silly gunzTarPerm extractEntry test/negative-increment.js
8009 silly gunzTarPerm extractEntry test/bash-results.txt
8010 silly gunzTarPerm extractEntry test/generate.sh
8011 silly gunzTarPerm extractEntry test/cases.txt
8012 info install repeating@1.1.3
8013 silly gunzTarPerm extractEntry wrappy.js
@cibulka
cibulka / npm-debug.log
Created March 6, 2015 13:51
npm ERR! Darwin 14.1.0
This file has been truncated, but you can view the full file.
94047 verbose rebuildBundles commander@2.4.0
94048 silly install resolved []
94049 verbose about to build /Users/Cibulka/Documents/_00-Web-WP/tvar.dev/web/app/themes/cibulka-wp-theme/node_modules/grunt-contrib-imagemin/node_modules/imagemin/node_modules/imagemin-jpegtran/node_modules/jpegtran-bin/node_modules/bin-build/node_modules/download/node_modules/decompress-tarbz2/node_modules/seek-bzip/node_modules/commander
94050 info build /Users/Cibulka/Documents/_00-Web-WP/tvar.dev/web/app/themes/cibulka-wp-theme/node_modules/grunt-contrib-imagemin/node_modules/imagemin/node_modules/imagemin-jpegtran/node_modules/jpegtran-bin/node_modules/bin-build/node_modules/download/node_modules/decompress-tarbz2/node_modules/seek-bzip/node_modules/commander
94051 verbose linkStuff [ false,
94051 verbose linkStuff false,
94051 verbose linkStuff false,
94051 verbose linkStuff '/Users/Cibulka/Documents/_00-Web-WP/tvar.dev/web/app/themes/cibulka-wp-theme/node_modules/grunt-contrib-imagemin/node_modules/imagemin/node_modules