threepointone

https://twitter.com/snookca/status/1073299331262889984?s=21

‪“‬In what way is JS any more maintainable than CSS? How does writing CSS in JS make it any more maintainable?”

‪Happy to chat about this. There’s an obvious disclaimer that there’s a cost to css-in-js solutions, but that cost is paid specifically for the benefits it brings; as such it’s useful for some usecases, and not meant as a replacement for all workflows. ‬

‪(These conversations always get heated on twitter, so please believe that I’m here to converse, not to convince. In return, I promise to listen to you too and change my opinions; I’ve had mad respect for you for years and would consider your feedback a gift. Also, some of the stuff I’m writing might seem obvious to you; I’m not trying to tell you if all people of some of the details, but it might be useful to someone else who bumps into this who doesn’t have context)‬

So the big deal about css-in-js (cij) is selectors.

udezekene

Free O'Reilly Design Books and convenient script to just download them.

HUGE thanks to O'Reilly for making this resource free. Visit the design page if you want to learn more about the design resources. Also, they do have FREE resources for other topics like: Data, IoT, Programming, Security, Web Development, and WebOps.

Thanks @augbog for the initial gist. If you are a developer or looking for software engineering books, headover to the source of this fork.

How to use:

1. Take the download.sh file and put it into a directory where you want the files to be saved.
2. cd into the directory and make sure that it has executable permissions (chmod +x download.sh should do it)

StfBauer

// store this file as .csscomb.json in the root of your project
{
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": "\t",
    "color-shorthand": true,
    "element-case": "lower",
    "eof-newline": false,
    "leading-zero": false,
    "quotes": "double",

elijahmanor

Comparison of npm scripts vs Gulp

npm scripts

Pros

• npm scripts are low-level and leverage the actual library you want to use (example: "lint": "eslint ./")
• package.json is a central place to see what scripts are available (also npm run will list all scripts)
• When things get too complicated you can always defer to another file (example: "complex-script": "babel-node tools/complex-script.js")
• npm scripts are more powerful than one might first think (pre/post hooks, passing arguments, config variables, chaining, piping, etc...)

email.mjml

  <mjml>
  <mj-body>
    <mj-container background-color="#ccc">

      
      <!-- Company Header -->
<mj-section padding-bottom="0" background-color="#fff">
  <mj-column width="100%">
    <mj-image align="left" src="https://avatars0.githubusercontent.com/u/16115896?v=3&s=200" width="50px"/>

AnalogGhost

Emmet - Additional HTML Shortcuts

Script with Source

script:src

chinchang

<!--
Example: A simple list component with each item as a block one below other with some padding and border.
-->

<!-- Atomic CSS -->
<ul class="MB(baseSpacing)  Bgc(#0280ae)">
  <li class="P(halfBaseSpacing) BdB(1px)"></li>
  ...
</ul>

dehuszar

/* Move this file into src/ folder */
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var atImport = require('postcss-import');
var nested = require('postcss-nested');
var reference = require('postcss-reference');
var mqpacker = require('css-mqpacker');

gulp.task('css', function () {
  return gulp.src('./src/*.css')

paulmsmith

'atom-text-editor[data-grammar="text html nunjucks"]:not([mini])':
    'tab': 'emmet:expand-abbreviation-with-tab'

'atom-text-editor[data-grammar="source nunjucks"]:not([mini])':
    'tab': 'emmet:expand-abbreviation-with-tab'

#https://github.com/atom/autocomplete-plus/issues/86#issuecomment-82661027
'atom-text-editor.autocomplete-active:not([mini])':
  'tab': 'autocomplete-plus:confirm'

jareware

Long Live Icon Fonts!

or, a Quick PSA on icon fonts and ligatures.

tl;dr: keep using icon fonts, they are nice, just enable ligatures

These are my talking notes at the http://wwweeklies.com/ on 2015-12-04:

• This Seriously, Don’t Use Icon Fonts post came out
• This I agree with: SVG is really nice for the Web