search browser cache

Here is a neat way to generate images from the DOM https://github.com/tsayen/dom-to-image

Here is a great checklist for testing your knowledge about web development https://twitter.com/umaar/status/963161780787798016

function $(def){
	try{
		if(def.charAt(0) == "#"){
			return document.getElementById(def.replace("#",""))
		}else if(def.charAt(0) == "."){
			return document.getElementsByClassName(def.replace(".",""))
		}else if(def.charAt(0) == "@"){
			return document.getElementsByTagName(def.replace("@",""))
		}else if(def.charAt(0) != "#" && def.charAt(0) != "."){
			console.error("bad define with >>> " + def)
		}
	}catch(err){
		console.error(err)
	}
}
HTMLElement.prototype.text = function(str){
	this.innerHTML = str
}
HTMLElement.prototype.click= function(eve){
	this.addEventListener("click",function(){
		setTimeout(eve,0)
	})
}
function keyevent(key,eve){
	try{
	if(key.charAt(0) == "@"){
		window.addEventListener("keydown",function(){
			if(event.code == key.replace("@","")){
				setTimeout(eve,0)
			}
		})
	}else if(key.charAt(0) == "#"){
		window.addEventListener("keyup",function(){
			if(event.code == key.replace("#","")){
				setTimeout(eve,0)
			}
		})
	}else if(key.charAt(0) == "."){
		window.addEventListener("keypress",function(){
			if(event.code == key.replace(".","")){
				setTimeout(eve,0)
			}
		})
	}
	}catch(err){
		console.error(err)
	}
}

Select all Open in new window

i made something like jquery
the using like almost like jquery
$("") for define the Elements use the dot for classes and # for id and @ for tags
and click method to make click event Ex.. > element.click(function(){//code here})
and text() like jquery edit the innerHTML value
keyevent to do event with press key and upkey and downkey
use the @ for keydown
use the # for keyup
use the . for keypress
and more coming

who can help me to add cool ideas

More on the two "villians" too. It has a nice description, not overly technical (though inevitable at times) for understanding. Crux of it is remediation is really for CPU vendors to issue firmware updates to protect against these attacks. The OS and affected vendor will "support" with their release to reduce the attack surface or make it harder to exploit.

Unfortunately, there are no software patches or operating system mitigations that can fully mitigate the impacts of the Spectre attacks and the flaws being abused. Only saving grace is browser vendors have begun updating their browsers to disable certain features which make the Spectre attack feasible via JavaScript. If really paranoid, back to basic to disable active scripting like Javascript.

https://research.kudelskisecurity.com/2018/01/04/meltdown-spectre-attacks-on-cpu-flaws/

Frontend in 2017  https://blog.logrocket.com/frontend-in-2017-the-important-parts-4548d085977f

200 universities just launched 560 free online courses. Here’s the full list

This is the best selling point I've seen for updating to ES2017. Callbacks and promises were annoying as can be. https://css-tricks.com/using-es2017-async-functions/

Nuxt is a great Vue.js starter kit. Vue.js is another javascript framework like React or Angular. I wasn't a fan of Vue until I saw this kit. https://www.sitepoint.com/nuxt-js-universal-vue-js/ 

The other day Rourke told me about a game called Screeps where you code your AI units in Javascript. I'm surprised I haven't heard about these types of games before! The reviews say there's a barrier to entry for novice programmers but hopefully that won't scare too many off.

Here's a simple primer about what GraphQL is and does:

https://medium.freecodecamp.org/so-whats-this-graphql-thing-i-keep-hearing-about-baf4d36c20cf 

I've started hacking together a project in Typescript and now I keep thinking my Sublime linter is broken when I open a regular js file. Static checking ftw.

Using a WebRTC data channel it's possible for a mobile device to peer share content similar to torrents. This is an interesting approach for scaling user generated content in mobile apps and on the web.