Gar lonelydatum

## Overriding Material UI styles with Styled Components.md

      
              1 file
            
          
              14 forks
            
          
              17 comments
            
          
              97 stars
            
          
                Danilo-Araujo-Silva
                / Overriding Material UI styles with Styled Components.md
            
            
              Last active
              July 26, 2023 09:28
            
          
    For example, to override the AppBar (https://material-ui-next.com/api/app-bar/) root class we can do the following:
First method (override Material UI classnames):

1 - Add the property classes in the AppBar component:
    <AppBar classes={{root: 'my-root-class'}}

  
## web_inspiration_list.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                threequal
                / web_inspiration_list.md
            
            
              Last active
              July 1, 2021 07:10
            
              
                Web Inspiration List
              
          
    Web Inspiration

In no particular order

Awwwards
TypeWolf
Trendy.af
FWA
HTTPster
CSSDSGN


## graph paper.tex
%%-----------------------------------------------------------------------
%% Make your own quadrille, graph, hex, etc paper!
%% Uses the pgf/TikZ package for LaTeX, which should be part of
%% any modern TeX installation.
%% Email: mcnees@gmail.com
%% Twitter: @mcnees
%%-----------------------------------------------------------------------

\documentclass[11pt]{article}

## gulpfile.js
var _ = require('lodash');
var gulp = require('gulp');
var browserify = require('browserify');
var watchify = require('watchify');
var transform = require('vinyl-transform');
var shimify = require('browserify-shim');
var plumber = require('gulp-plumber');
var uglify = require('gulp-uglify');
var notifier = require('node-notifier');
var util = require('gulp-util');

## gulpfile.js
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var browserify = require('browserify');
var watchify = require('watchify');
var babel = require('babelify');

function compile(watch) {
  var bundler = watchify(browserify('./src/index.js', { debug: true }).transform(babel));

## Enhance.js
import { Component } from "React";

export var Enhance = ComposedComponent => class extends Component {
  constructor() {
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {

## trello-css-guide.md

      
              1 file
            
          
              126 forks
            
          
              62 comments
            
          
              1475 stars
            
          
                bobbygrace
                / trello-css-guide.md
            
            
              Last active
              May 15, 2024 16:01
            
              
                Trello CSS Guide
              
          
    Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”
You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

  
## gist:0052fab554b14bbfa3ef
#add 'node_modules' to .gitignore file

git rm -r --cached node_modules
git commit -m 'Remove the now ignored directory node_modules'
git push origin <branch-name>

## gist:10221751
<html>
  <body>
    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '721489701236648',
          status     : true,
          xfbml      : true
        });

## gist:6799520
ValueObject = function(value) {
  this.value = value;
}

$.extend(ValueObject.prototype, {
  get: function() {
    return this.value;
  }
});
	%%-----------------------------------------------------------------------
	%% Make your own quadrille, graph, hex, etc paper!
	%% Uses the pgf/TikZ package for LaTeX, which should be part of
	%% any modern TeX installation.
	%% Email: mcnees@gmail.com
	%% Twitter: @mcnees
	%%-----------------------------------------------------------------------

	\documentclass[11pt]{article}
	var _ = require('lodash');
	var gulp = require('gulp');
	var browserify = require('browserify');
	var watchify = require('watchify');
	var transform = require('vinyl-transform');
	var shimify = require('browserify-shim');
	var plumber = require('gulp-plumber');
	var uglify = require('gulp-uglify');
	var notifier = require('node-notifier');
	var util = require('gulp-util');
	var gulp = require('gulp');
	var sourcemaps = require('gulp-sourcemaps');
	var source = require('vinyl-source-stream');
	var buffer = require('vinyl-buffer');
	var browserify = require('browserify');
	var watchify = require('watchify');
	var babel = require('babelify');

	function compile(watch) {
	var bundler = watchify(browserify('./src/index.js', { debug: true }).transform(babel));
	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {
	#add 'node_modules' to .gitignore file

	git rm -r --cached node_modules
	git commit -m 'Remove the now ignored directory node_modules'
	git push origin <branch-name>
	<html>
	<body>
	<div id="fb-root"></div>
	<script>
	window.fbAsyncInit = function() {
	FB.init({
	appId : '721489701236648',
	status : true,
	xfbml : true
	});
	ValueObject = function(value) {
	this.value = value;
	}

	$.extend(ValueObject.prototype, {
	get: function() {
	return this.value;
	}
	});