| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> | |
| <plist version="1.0"> | |
| <dict> | |
| <key>Ansi 0 Color</key> | |
| <dict> | |
| <key>Alpha Component</key> | |
| <real>1</real> | |
| <key>Blue Component</key> | |
| <real>0.0</real> |
Perfect horizontal AND vertical centering in CSS, at any width or height!
Works with percentage based width/height, min-/max- width, images, position: fixed and even variable content heights.
Updated Aug 13: Added a comparison table, an explanation, more documentation, and a Modernizr test for variable height
Updated Aug 16: Minor corrections and clarifications
| Harassment of a sexual or other nature is the worst case scenario. I'm sure you can find plenty of stories online of people in tech who have experienced this with a quick google search. | |
| However there is so much more to being a professional developer as a non-man than harassment in the workplace. | |
| It comes down to being treated with less respect than your male colleagues. | |
| Thankfully I am on a team currently here I do not experience this, but I've heard countless stories of | |
| - men repeating ideas that a woman has brought up and then being praised for that idea | |
| - men taking credit for work a woman has done and all the other men being cool with that | |
| - men simply *not listening* to women | |
| - women getting turned down for jobs/promotions for being "too junior" or having not enough experience, and then a man at the same or less experience level getting the job | |
| - women finding out they're paid less than their male colleagues in the same role | |
| - women receiving the feedback in reviews that they are "not assertive enough" o |
| "New React Component": { | |
| "prefix": "nrc", | |
| "body": [ | |
| "import React, { Component } from 'react';", | |
| "import PropTypes from 'prop-types';", | |
| "", | |
| "class ${1:name} extends Component {", | |
| " render() {$2}", | |
| "}", | |
| "", |
| "New Container Component": { | |
| "prefix": "ncc", | |
| "body": [ | |
| "import { connect } from 'react-redux';", | |
| "import ${1:name} from './${1:name}';", | |
| "", | |
| "const mapStateToProps = state => {", | |
| " return {$2};", | |
| "};", | |
| "", |
CSS3 Glitch Effect inspired by Kikk.be and Year in review.
Related tutorial: https://ihatetomatoes.net/how-to-create-css-glitch-effect/
A Pen by Petr Tichy on CodePen.
dasdadasfafafassa gfjfkfky asafafssa
A Pen by Rachel Smith on CodePen.
##Playing with stylus functions.
A Pen by Kyle Shanks on CodePen.