Georgios Kaleadis georgiee

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

This is a list of links I have read:

Warning: good quality :)

What is an FRP application.

An FRP application has the following properties

Functional, pure, immutable.
Reactive, your application is a DAG, you react to "core" inputs and from new outputs.

Being an immutable DAG

If your application is an immutable DAG it has certain properties

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

	toRad = (p_angle) ->
	return (p_angle - 90) * Math.PI / 180

	for method in ["drawArc", "drawRoundRect", "drawSlice"]
	if PIXI.Graphics.prototype[method]? then console.warn "PixiJS already has an #{method} method defined. It's recommended that you update your code to use the official implementation."

	PIXI.Graphics.prototype.drawArc = (p_x, p_y, p_radius, p_startAngle, p_endAngle) ->
	totalAngle = p_endAngle - p_startAngle
	segments = Math.ceil Math.abs(Math.sqrt(1 - Math.pow (1 - Math.min(p_radius / 60, 1)), 2) * totalAngle * p_radius * 0.01)
	anglePerSegment = totalAngle / segments

	{
	{I have\|I've} been {surfing\|browsing} online more than {three\|3\|2\|4} hours today, yet I never found any interesting article like yours. {It's\|It is} pretty worth enough for me. {In my opinion\|Personally\|In my view}, if all {webmasters\|site owners\|website owners\|web owners} and bloggers made good content as you did, the {internet\|net\|web} will be {much more\|a lot more} useful than ever before.\|
	I {couldn't\|could not} {resist\|refrain from} commenting. {Very well\|Perfectly\|Well\|Exceptionally well} written!\|
	{I will\|I'll} {right away\|immediately} {take hold of\|grab\|clutch\|grasp\|seize\|snatch} your {rss\|rss feed} as I {can not\|can't} {in finding\|find\|to find} your {email\|e-mail} subscription {link\|hyperlink} or {newsletter\|e-newsletter} service. Do {you have\|you've} any? {Please\|Kindly} {allow\|permit\|let} me {realize\|recognize\|understand\|recognise\|know} {so that\|in order that} I {may just\|may\|could} subscribe. Thanks.\|
	{It is\|It's} {appropriate\|perfect\|the best} time to make some plans for the future and {it is\|i

	/**
	* The width and height to which our graphic assets are designed for
	* Keep in mind retina resolutions and remember to provide 2xWidth 2xHeight assets for them
	*/
	var targetWidth = 1024;
	var targetHeight = 768;

	/**
	* The main (root) container on the stage
	* You should always have a master container on your stage

	require 'net/http'
	require 'json'
	require 'uri'

	@token = ''

	def list_files
	ts_to = (Time.now - 30 * 24 * 60 * 60).to_i # 30 days ago
	params = {
	token: @token,

	<script src="https://unpkg.com/@webcomponents/custom-elements"></script>

	<style>
	body {
	margin: 0;
	}
	/* Style the element from the outside */
	/*
	fancy-tabs {
	margin-bottom: 32px;

	#!groovy
	import groovy.json.JsonOutput
	import groovy.json.JsonSlurper

	def label = "mypod-${UUID.randomUUID().toString()}"
	podTemplate(label: label, yaml: """
	spec:
	containers:
	- name: mvn
	image: maven:3.3.9-jdk-8