Lucas Westermann lswest

## find-elem-with-breakout-width.js
function findBreakoutElem(rootElem = document.body) {
  function checkElemWidth(elem) {
    if (elem.clientWidth > window.outerWidth) {
      console.log("The following element has a larger width than the window's outer width");
      console.log(elem);
      console.log('<-------------------------------------------------------------------->');
    } else if (elem.scrollWidth > window.outerWidth) {
      console.log("The following element has a larger width than the window's scroll width");
      console.log(elem);
      console.log('<-------------------------------------------------------------------->');

## README.md

      
              1 file
            
          
              21 forks
            
          
              68 comments
            
          
              216 stars
            
          
                tannerlinsley
                / README.md
            
            
              Last active
              April 12, 2024 17:04
            
              
                Replacing Create React App with the Next.js CLI
              
          
    Replacing Create React App with the Next.js CLI

How dare you make a jab at Create React App!?

Firstly, Create React App is good. But it's a very rigid CLI, primarily designed for projects that require very little to no configuration. This makes it great for beginners and simple projects but unfortunately, this means that it's pretty non-extensible. Despite the involvement from big names and a ton of great devs, it has left me wanting a much better developer experience with a lot more polish when it comes to hot reloading, babel configuration, webpack configuration, etc. It's definitely simple and good, but not amazing.
Now, compare that experience to Next.js which for starters has a much larger team behind it provided by a world-class company (Vercel) who are all financially dedicated to making it the best DX you could imagine to build any React application. Next.js is the 💣-diggity. It has amazing docs, great support, can grow with your requirements into SSR or static site generation, etc.
So why


## useGlobalMemo.js
const cache = {}

export default function useGlobalMemo (key, fn, deps) {

  if (!cache[key]) {
    cache[key] = {
      subs: 0,
      deps,
      value: fn(),
    }

## .eleventy.config.js
const { PurgeCSS } = require('purgecss');

/**
 * Remove any CSS not used on the page and inline the remaining CSS in the
 * <head>.
 *
 * @see {@link https://github.com/FullHuman/purgecss}
 */
eleventyConfig.addTransform('purge-and-inline-css', async (content, outputPath) => {
  if (process.env.ELEVENTY_ENV !== 'production' || !outputPath.endsWith('.html')) {

## fix-infinality.md

      
              1 file
            
          
              50 forks
            
          
              157 comments
            
          
              725 stars
            
          
                cryzed
                / fix-infinality.md
            
            
              Last active
              June 24, 2024 02:24
            
              
                A set of instructions on how to fix the harfbuzz + Infinality issue and restoring good-looking, Infinality-like font rendering.
              
          
    Disclaimer: Please follow this guide being aware of the fact that I'm not an expert regarding the things outlined below, however I made my best attempt. A few people in IRC confirmed it worked for them and the results looked acceptable.
Attention: After following all the steps run gdk-pixbuf-query-loaders --update-cache as root, this prevents various gdk-related bugs that have been reported in the last few hours. Symptoms are varied, and for Cinnamon the DE fails to start entirely while for XFCE the icon theme seemingly can't be changed anymore etc.
Check the gist's comments for any further tips and instructions, especially if you are running into problems!
Screenshots

Results after following the guide as of 11.01.2017 13:08:

  
## .Xresources
 Xft.dpi: 120
 Xft.antialias:  true
 Xft.hinting:    true
 Xft.rgba:       rgb
 Xft.hintstyle:  hintslight

rofi.color-enabled: true
rofi.color-window: #282828, #282828, #268bd2
rofi.color-normal: #282828, #ffffff, #282828, #268bd2, #ffffff
rofi.color-active: #282828, #268bd2, #282828, #268bd2, #205171

## mac-arch.md

      
              1 file
            
          
              21 forks
            
          
              1 comment
            
          
              111 stars
            
          
                gilbertw1
                / mac-arch.md
            
            
              Last active
              July 6, 2024 08:54
            
              
                Macbook Arch Guide
              
          
    Macbook Arch Guide


Installation
General Setup
System Time
Display
Keyboard
Touchpad
Sound
Bluetooth


## live-code.css
<style contenteditable>
  * {
    display: block;
  }
</style>

## topkeywords.js
var request = require("request"),
	cheerio = require("cheerio"),
	url = "https://www.google.com/search?q=data+mining",

	corpus = {},
	totalResults = 0,
	resultsDownloaded = 0;

function callback () {
	resultsDownloaded++;

## extension.php
<?php
// JsonInterface Extension for Bolt, by Bob den Otter

namespace JsonInterface;

use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\Response;

class Extension extends \Bolt\BaseExtension
{
	function findBreakoutElem(rootElem = document.body) {
	function checkElemWidth(elem) {
	if (elem.clientWidth > window.outerWidth) {
	console.log("The following element has a larger width than the window's outer width");
	console.log(elem);
	console.log('<-------------------------------------------------------------------->');
	} else if (elem.scrollWidth > window.outerWidth) {
	console.log("The following element has a larger width than the window's scroll width");
	console.log(elem);
	console.log('<-------------------------------------------------------------------->');
	const cache = {}

	export default function useGlobalMemo (key, fn, deps) {

	if (!cache[key]) {
	cache[key] = {
	subs: 0,
	deps,
	value: fn(),
	}
	const { PurgeCSS } = require('purgecss');

	/**
	* Remove any CSS not used on the page and inline the remaining CSS in the
	* <head>.
	*
	* @see {@link https://github.com/FullHuman/purgecss}
	*/
	eleventyConfig.addTransform('purge-and-inline-css', async (content, outputPath) => {
	if (process.env.ELEVENTY_ENV !== 'production' \|\| !outputPath.endsWith('.html')) {
	Xft.dpi: 120
	Xft.antialias: true
	Xft.hinting: true
	Xft.rgba: rgb
	Xft.hintstyle: hintslight

	rofi.color-enabled: true
	rofi.color-window: #282828, #282828, #268bd2
	rofi.color-normal: #282828, #ffffff, #282828, #268bd2, #ffffff
	rofi.color-active: #282828, #268bd2, #282828, #268bd2, #205171
	var request = require("request"),
	cheerio = require("cheerio"),
	url = "https://www.google.com/search?q=data+mining",

	corpus = {},
	totalResults = 0,
	resultsDownloaded = 0;

	function callback () {
	resultsDownloaded++;
	<?php
	// JsonInterface Extension for Bolt, by Bob den Otter

	namespace JsonInterface;

	use Symfony\Component\HttpFoundation\Request;
	use Symfony\Component\HttpFoundation\Response;

	class Extension extends \Bolt\BaseExtension
	{