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;
}
[".NET",".NET Core",".NET MVC","3D Graphics","3P APIs & Libraries","A/B Testing","Acceptance Testing","Access","Administration","ADO.NET","Adobe Air","Adobe Illustrator","Adobe InDesign","Adobe Photoshop","Adobe XD","AdonisJS","AEM","AES/RSA Encryption","Agile","Airflow","AJAX ","Akka","AL Programming","Algorithms and Data Structures","Alteryx","Amazon Firehose","Amazon Kinesis","Amazon Redshift","AMP (Accelerated Mobile Pages)","Android","Android - Java","Android Hybrid App Development","Android SDK","Android Studio","Android Testing","Android/Java","Android/Kotlin","Angular","Angular 2+","Angular CLI","AngularJS","Ansible","Ant Design","Apache","Apache Beam","Apache Flume","Apache Kafka","Apache Mesos","Apache NiFi","Apache Pulsar","Apache Solr","Apache Spark","Apache Storm","Apex Programming","API Design","API Documentation","API Integrations ","Apollo","Apollo Client","Apollo Server","ArcGIS JavaScript API","Arduino","Arista","Artificial Intelligence","Artificial Neural Networks","AS3","ASP.NET","ASP.NET |
// Some configrable constants we need to do our work: | |
/** | |
* Past this number of days we'll no longer display the | |
* day of the week and instead we'll display the date | |
* with the month | |
*/ | |
const DATE_WITH_MONTH_THRESHOLD_IN_DAYS: number = 6; | |
/** |
import { Injectable, Inject } from '@angular/core'; | |
import { ReplaySubject, Observable, forkJoin } from 'rxjs'; | |
import { DOCUMENT } from '@angular/common'; | |
@Injectable({ | |
providedIn: 'root' | |
}) | |
export class QuillEditorService { | |
private _loadedLibraries: { [url: string]: ReplaySubject<any> } = {}; |
/* global chrome, MediaRecorder, FileReader */ | |
chrome.runtime.onConnect.addListener(port => { | |
let recorder = null | |
port.onMessage.addListener(msg => { | |
console.log(msg); | |
switch (msg.type) { | |
case 'REC_STOP': | |
console.log('Stopping recording') | |
if (!port.recorderPlaying || !recorder) { |
@Directive({ | |
selector: '[requiredIf]', | |
providers: [ | |
{provide: NG_VALIDATORS,useExisting:RequiredIfDirective, multi: true} | |
] | |
}) | |
export class RequiredIfDirective implements Validator { | |
@Input("requiredIf") | |
requiredIf: boolean; |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
<!--[if !mso]><!--> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<!--<![endif]--> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title></title> | |
<style type="text/css"> |
// Forked from https://codepen.io/gapcode/pen/vEJNZN | |
// Get IE or Edge browser version | |
var version = detectIE(); | |
if (version === false) { | |
document.getElementById('result').innerHTML = '<s>IE/Edge</s>'; | |
} else if (version >= 12) { | |
document.getElementById('result').innerHTML = 'Edge ' + version; | |
} else { |