1.5M ratings
277k ratings

See, that’s what the app is perfect for.

Sounds perfect Wahhhh, I don’t wanna

Quick reference: SVG CSS attributes.

It wasn’t as easy to find full reference of all the CSS attributes supported by SVG elements. Mozilla has documentation on how to use. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/SVG_and_CSS

But here we go.

alignContent: “”
alignItems: “”
alignSelf: “”
alignmentBaseline: “”
all: “”
animation: “”
animationDelay: “”
animationDirection: “”
animationDuration: “”
animationFillMode: “”
animationIterationCount: “”
animationName: “”
animationPlayState: “”
animationTimingFunction: “”
backfaceVisibility: “”
background: “”
backgroundAttachment: “”
backgroundBlendMode: “”
backgroundClip: “”
backgroundColor: “”
backgroundImage: “”
backgroundOrigin: “”
backgroundPosition: “”
backgroundPositionX: “”
backgroundPositionY: “”
backgroundRepeat: “”
backgroundRepeatX: “”
backgroundRepeatY: “”
backgroundSize: “”
baselineShift: “”
border: “”
borderBottom: “”
borderBottomColor: “”
borderBottomLeftRadius: “”
borderBottomRightRadius: “”
borderBottomStyle: “”
borderBottomWidth: “”
borderCollapse: “”
borderColor: “”
borderImage: “”
borderImageOutset: “”
borderImageRepeat: “”
borderImageSlice: “”
borderImageSource: “”
borderImageWidth: “”
borderLeft: “”
borderLeftColor: “”
borderLeftStyle: “”
borderLeftWidth: “”
borderRadius: “”
borderRight: “”
borderRightColor: “”
borderRightStyle: “”
borderRightWidth: “”
borderSpacing: “”
borderStyle: “”
borderTop: “”
borderTopColor: “”
borderTopLeftRadius: “”
borderTopRightRadius: “”
borderTopStyle: “”
borderTopWidth: “”
borderWidth: “”
bottom: “”
boxShadow: “”
boxSizing: “”
breakAfter: “”
breakBefore: “”
breakInside: “”
bufferedRendering: “”
captionSide: “”
clear: “”
clip: “”
clipPath: “”
clipRule: “”
color: “”
colorInterpolation: “”
colorInterpolationFilters: “”
colorRendering: “”
columnCount: “”
columnFill: “”
columnGap: “”
columnRule: “”
columnRuleColor: “”
columnRuleStyle: “”
columnRuleWidth: “”
columnSpan: “”
columnWidth: “”
columns: “”
contain: “”
content: “”
counterIncrement: “”
counterReset: “”
cssFloat: “”
cssText: “”
cursor: “”
cx: “”
cy: “”
d: “”
direction: “”
display: “”
dominantBaseline: “”
emptyCells: “”
fill: “”
fillOpacity: “”
fillRule: “”
filter: “”
flex: “”
flexBasis: “”
flexDirection: “”
flexFlow: “”
flexGrow: “”
flexShrink: “”
flexWrap: “”
float: “”
floodColor: “”
floodOpacity: “”
font: “”
fontFamily: “”
fontFeatureSettings: “”
fontKerning: “”
fontSize: “”
fontStretch: “”
fontStyle: “”
fontVariant: “”
fontVariantCaps: “”
fontVariantLigatures: “”
fontVariantNumeric: “”
fontWeight: “”
height: “”
hyphens: “”
imageRendering: “”
isolation: “”
justifyContent: “”
left: “”
length
:
0
letterSpacing: “”
lightingColor: “”
lineHeight: “”
listStyle: “”
listStyleImage: “”
listStylePosition: “”
listStyleType: “”
margin: “”
marginBottom: “”
marginLeft: “”
marginRight: “”
marginTop: “”
marker: “”
markerEnd: “”
markerMid: “”
markerStart: “”
mask: “”
maskType: “”
maxHeight: “”
maxWidth: “”
maxZoom: “”
minHeight: “”
minWidth: “”
minZoom: “”
mixBlendMode: “”
motion: “”
objectFit: “”
objectPosition: “”
offset: “”
offsetDistance: “”
offsetPath: “”
offsetRotation: “”
opacity: “”
order: “”
orientation: “”
orphans: “”
outline: “”
outlineColor: “”
outlineOffset: “”
outlineStyle: “”
outlineWidth: “”
overflow: “”
overflowWrap: “”
overflowX: “”
overflowY: “”
padding: “”
paddingBottom: “”
paddingLeft: “”
paddingRight: “”
paddingTop: “”
page: “”
pageBreakAfter: “”
pageBreakBefore: “”
pageBreakInside: “”
paintOrder: “”
parentRule
:
null
perspective: “”
perspectiveOrigin: “”
pointerEvents: “”
position: “”
quotes: “”
r: “”
resize: “”
right: “”
rx: “”
ry: “”
shapeImageThreshold: “”
shapeMargin: “”
shapeOutside: “”
shapeRendering: “”
size: “”
speak: “”
src: “”
stopColor: “”
stopOpacity: “”
stroke: “”
strokeDasharray: “”
strokeDashoffset: “”
strokeLinecap: “”
strokeLinejoin: “”
strokeMiterlimit: “”
strokeOpacity: “”
strokeWidth: “”
tabSize: “”
tableLayout: “”
textAlign: “”
textAlignLast: “”
textAnchor: “”
textCombineUpright: “”
textDecoration: “”
textIndent: “”
textOrientation: “”
textOverflow: “”
textRendering: “”
textShadow: “”
textSizeAdjust: “”
textTransform: “”
top: “”
touchAction: “”
transform: “”
transformOrigin: “”
transformStyle: “”
transition: “”
transitionDelay: “”
transitionDuration: “”
transitionProperty: “”
transitionTimingFunction: “”
unicodeBidi: “”
unicodeRange: “”
userSelect: “”
userZoom: “”
vectorEffect: “”
verticalAlign: “”
visibility: “”

New window.performance API

New window.performance API provides lower lever high resolution Navigation Timing data that can be used to measure the performance of a website.

https://developer.mozilla.org/en-US/docs/Navigation_timing

The following script calculates how much time to load a page since the most recent navigation.

<html>
<head>
<script type="text/javascript">
function onLoad() {
  var now = new Date().getTime();
  var page_load_time = now - performance.timing.navigationStart;
  alert("User-perceived page loading time: " + page_load_time);
}

</script>
</head>
<body onload="onLoad()">
<!- Main page body goes from here. -->
</body>
</html>
js

Copy public key from Mac to Linux

I always prefer using public key authentication over clear text password. It saves a lot of hassles from typing password to connect to the dev machine and keeping it secure. ssh-copy-id is ideally the best way to go. Unfortunately mac does not have ssh-copy-id included. There are probably tons of alternates available. I chose a method that wont need to install another toolkit but less manual copy pasting. I am a bad copy-paster :)

First copy the ssh public key to remote machine. And then append it to the SSH authorized_keys file. Without having to login to the terminal.

  1. ssh username@servername ‘cat > mykey.pub’ < ~/.ssh/id_rsa.pub
  2. ssh username@servername 'cat mykey.pub >> ~/.ssh/authorized_key’

Then if you are sudo-er, you can change sudoer file to stop asking password every single time. While it makes life easier, it can make things worse on production server.

  1. sudo visudo
  2. Append - username ALL=(ALL:ALL) NOPASSWD:ALL
  3. sudo service sudo restart
ssh sudo tip bash