shhdharmen

Ultimate @angular/material update guide - All versions!

Update from	Update to	Links
v10	v11	Article
v11	v12	Article
v12	v13	Article
v13	v14	Article
v14	v15	[Article](https://angular-material.dev/courses/m2-ng-components/m2-ng-components/upda

getaaron

• Call 1-800-829-1040
• Press 1 for English (or other language as desired)
• Press 2 for personal tax
• Press 1 for form / tax history
• Press 3 for other
• Press 2 for other
• Ignore 2 SSN prompts till you get secret other menu
• Press 2 for personal tax
• Press 3 for other
• Wait for agent!

hasokeric

Nx

https://nx.dev/

Nx is a suite of powerful, extensible dev tools to help you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries while providing a robust CLI, caching, dependency management, and more.

It has first-class support for many frontend and backend technologies, so its documentation comes in multiple flavours.

Principles

JoeyBurzynski

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

hasokeric

Effective Engineer - Notes

• By Edmond Lau
• Highly Recommended 👍
• http://www.theeffectiveengineer.com/

What's an Effective Engineer?

• They are the people who get things done. Effective Engineers produce results.

Adopt the Right Mindsets

rrotter

// ==UserScript==
// @name        Jira Better Search
// @namespace   tools.lib.umich.edu
// @description Makes the useless Jira search bar into a palette for saved queries and query fragments
// @include     *tools.lib.umich.edu/jira*
// @require     https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
// @require     https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js
// @version     1
// @grant       none
// ==/UserScript==

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

paulirish

/* bling.js */
window.$ = document.querySelector.bind(document);
window.$$ = document.querySelectorAll.bind(document);
Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
NodeList.prototype.__proto__ = Array.prototype;
NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

grvhi

.btn-primary {
    background-color: #08c;
    border-color: #08c;
    color: #fff;
    background-color: #007ab8;
    background-image: -moz-linear-gradient(top, #08c, #006699);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#006699));
    background-image: -webkit-linear-gradient(top, #08c, #006699);
    background-image: -o-linear-gradient(top, #08c, #006699);
    background-image: linear-gradient(to bottom, #08c, #006699);

ericlbarnes

@foreach (array_slice($posts->toArray(), 0, 5) as $post)

  <h1>{{ $post['title'] }}</h1>

@endforeach