alekseykulikov

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;

isaacs

// See comments below.

// This code sample and justification brought to you by
// Isaac Z. Schlueter, aka isaacs

// standard style
var a = "ape",
  b = "bat",
  c = "cat",
  d = "dog",

eins78

echo "................................................................................" &&
echo "Hi! This will update 2 .plist files to disable Adobe Updates as recommended by" &&
echo "Adobe on http://kb2.adobe.com/cps/408/kb408711.html" &&
echo "and http://kb2.adobe.com/cps/404/kb404813.html." &&
echo "Therefore you have to enter your password here. Open this file in TextEdit to see for yourself if you don't trust me." &&
echo "................................................................................" &&
sudo defaults write /Library/Preferences/com.adobe.AdobeUpdater.Admin 'Disable.Update' -bool 'YES' &&
sudo defaults write /Library/Preferences/com.adobe.CSXSPreferences 'UpdatesAllowed' -string '0' &&
echo "Settings updated. Reboot and have fun."
echo "................................................................................"

chantastic

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

isaacs

echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
. ~/.bashrc
mkdir ~/local
mkdir ~/node-latest-install
cd ~/node-latest-install
curl http://nodejs.org/dist/node-latest.tar.gz | tar xz --strip-components=1
./configure --prefix=~/local
make install # ok, fine, this step probably takes more than 30 seconds...
curl https://www.npmjs.org/install.sh | sh

chrismdp

# You don't need Fog in Ruby or some other library to upload to S3 -- shell works perfectly fine
# This is how I upload my new Sol Trader builds (http://soltrader.net)
# Based on a modified script from here: http://tmont.com/blargh/2014/1/uploading-to-s3-in-bash

S3KEY="my aws key"
S3SECRET="my aws secret" # pass these in

function putS3
{
  path=$1

bluegraybox

#!/bin/bash

# Interactive wizard to walk the user through a process.
# Tracks steps completed; allows user to exit at any point and pick back up there.

function step1 () {
    read -p "step 1 ok, $1? " ok
}

function step2 () {

swalkinshaw

Moved to Shopify/graphql-design-tutorial

merlinmann

⌨️ Official Cursor-Resting Area:
╭―――――――╮
│  >_<  │
╰―――――――╯

gipi

#!/bin/sh
### BEGIN INIT INFO
# Provides:          php-cgi
# Required-Start:    $remote_fs $syslog
# Required-Stop:     $remote_fs $syslog
# Default-Start:     2 3 4 5
# Default-Stop:      0 1 6
# Short-Description: Make available a cgi for nginx
# Description:       primarly is used for the wordpress installation
### END INIT INFO