Tristan Harward trisweb

## index.md

      
              1 file
            
          
              17 forks
            
          
              12 comments
            
          
              629 stars
            
          
                alekseykulikov
                / index.md
            
            
              Last active
              April 14, 2024 00:32
            
              
                Principles we use to write CSS for modern browsers
              
          
    Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.
My 3 developers team has just developed React.js application with 7668 lines of CSS (and just 2 !important).
During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.
Here are main principles we use to write CSS for modern (IE11+) browsers:

SUIT CSS naming conventions + SUIT CSS design principles;
PostCSS + CSSNext. Future CSS syntax like variables, nesting, and autoprefixer are good enough;
Flexbox is awesome. No need for grid framework;
Normalize.css, base styles and variables are solid foundation for all components;


## survey.html
<!DOCTYPE html>
<html ng-app="MyApp">

  <!-- Made by Tristan Harward. BSD Licensed (because Berkeley > MIT) -->
  <!--
  Copyright (c) 2014, Tristan S. Harward
  All rights reserved.

  Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

## gist:4d6a09c6cc1ca2e1b14e

      
              1 file
            
          
              14 forks
            
          
              47 comments
            
          
              129 stars
            
          
                chrisb
                / gist:4d6a09c6cc1ca2e1b14e
            
            
              Last active
              November 25, 2022 04:15
            
              
                Homebrew, Ruby, and Rails on OS X 10.10
              
          
    OS X 10.10 Guide

Here's what I did to get things working.
1. Install Xcode 6

Yep, over at: https://developer.apple.com
2. Install the Command Line Tools (CLT)


## sketch-plugins.md

      
              1 file
            
          
              58 forks
            
          
              11 comments
            
          
              687 stars
            
          
                bomberstudios
                / sketch-plugins.md
            
            
              Last active
              February 26, 2024 07:02
            
              
                A list of Sketch plugins hosted at GitHub, in no particular order.
              
          
    NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.


## gist:5307941
if [ -f "$rvm_path/scripts/rvm" ]; then
  source "$rvm_path/scripts/rvm"

  if [ -f ".rvmrc" ]; then
    source ".rvmrc"
  fi

  if [ -f ".ruby-version" ]; then
    rvm use `cat .ruby-version`
  fi

## gist:3243872
class MySinatraApplication < Sinatra::Base
  get "/some-mockup-path" do
    html :somemockup
  end

  helpers do
    def html(template, options = {}, locals = {})
      render :html, template, options, locals
    end

## gist:3118186
# adapted from http://devblog.springest.com/a-script-to-remove-old-git-branches

# This has to be run from master
git checkout master

# Update our list of remotes
git fetch
git remote prune origin

# Remove local fully merged branches

## postgresql.rb
require 'formula'

class Postgresql < Formula
  homepage 'http://www.postgresql.org/'
  url 'http://ftp.postgresql.org/pub/source/v9.2.0beta2/postgresql-9.2beta2.tar.bz2'
  md5 'f23eca70a6de56de73f0005a571c71b0'

  depends_on 'readline'
  depends_on 'libxml2' if MacOS.leopard? # Leopard libxml is too old
  depends_on 'ossp-uuid'

## ffmpeg-avchd-conversion.md

      
              1 file
            
          
              4 forks
            
          
              13 comments
            
          
              9 stars
            
          
                trisweb
                / ffmpeg-avchd-conversion.md
            
            
              Created
              March 5, 2012 18:13
            
              
                ffmpeg commands for converting AVCHD-Lite video to better format(s)
              
          
    FFMpeg Commands for Transcoding MTS video (from AVCHD-Lite Cameras, like Panasonic DMC-TS1/2)

720p -> H.264 (x264) video + AAC 128kbps audio:
Medium quality 720p:

ffmpeg -i 00001.MTS -threads 3 -y -vcodec libx264 -sameq -acodec libfaac -ab 128k -ar 44100 -ac 2 -s 1280x720 -vpre normal -b 1M output.mp4
High quality 720p:


## countCSSRules.js
function countCSSRules() {
    var results = '',
        log = '';
    if (!document.styleSheets) {
        return;
    }
    for (var i = 0; i < document.styleSheets.length; i++) {
        countSheet(document.styleSheets[i]);
    }
    function countSheet(sheet) {
	<!DOCTYPE html>
	<html ng-app="MyApp">

	<!-- Made by Tristan Harward. BSD Licensed (because Berkeley > MIT) -->
	<!--
	Copyright (c) 2014, Tristan S. Harward
	All rights reserved.

	Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
	if [ -f "$rvm_path/scripts/rvm" ]; then
	source "$rvm_path/scripts/rvm"

	if [ -f ".rvmrc" ]; then
	source ".rvmrc"
	fi

	if [ -f ".ruby-version" ]; then
	rvm use `cat .ruby-version`
	fi
	class MySinatraApplication < Sinatra::Base
	get "/some-mockup-path" do
	html :somemockup
	end

	helpers do
	def html(template, options = {}, locals = {})
	render :html, template, options, locals
	end
	# adapted from http://devblog.springest.com/a-script-to-remove-old-git-branches

	# This has to be run from master
	git checkout master

	# Update our list of remotes
	git fetch
	git remote prune origin

	# Remove local fully merged branches
	require 'formula'

	class Postgresql < Formula
	homepage 'http://www.postgresql.org/'
	url 'http://ftp.postgresql.org/pub/source/v9.2.0beta2/postgresql-9.2beta2.tar.bz2'
	md5 'f23eca70a6de56de73f0005a571c71b0'

	depends_on 'readline'
	depends_on 'libxml2' if MacOS.leopard? # Leopard libxml is too old
	depends_on 'ossp-uuid'
	function countCSSRules() {
	var results = '',
	log = '';
	if (!document.styleSheets) {
	return;
	}
	for (var i = 0; i < document.styleSheets.length; i++) {
	countSheet(document.styleSheets[i]);
	}
	function countSheet(sheet) {