Front end Engineer’s Manifesto

In the fast paced world of Front End Engineering, change reigns supreme. Dormant for years, the Browser Wars are back and have broken web development wide open. Led by competing vendors championing their own implementations of HTML5, CSS3, and other Web Standards, they’re unchaining us from the desktop computing environment. We’re seeing web browsers in our favorite Mobile Phones, E-Book Readers, and Tablet devices. Does your web site work with the Android Browser? On the iPad? How about the Kindle browser? IE9? Do you even know what version Google Chrome is on?

As web programmers, how do we keep up with this blistering, nauseating pace while still taking time to improve our skills? I’ll go through a set of principles and guidelines I use to simplify the world of Front End Engineering. These criteria will help you write better future-compatible flux-resistant code. They will help you evaluate new toolsets, APIs, frameworks, and even file formats and codecs. They will improve the quality of your web sites and applications. – Front end Engineer Manifesto

Adding Git Bash In Console2

Adding Git bash into console2 is pretty easy as you will see.

First you need to get the path to git bash you can get this in the properties tab in the “target” field. Below is a screenshot of my setup.

Then you will add a new tab and name it “Git Bash”. The previously mentioned target url will go in the “Shell:” field without the quotes. You can set your startup directory to whatever you like. Then hit “Ok” and give it a try.

You should see git bash in a new tab like below.

Dynamic Link Tag Injection

Using jquery to inject a style sheet seems to break IE7/8. The scenario was when a user passed in a custom param via the URL the code would inject that particular css. Ideally I should have gone with the native javascript way to create the element since it’s still clean and simple. This may not be an issue, but for my particular scenario it was the case.

jQuery version:

$('head').append($('<link rel="stylesheet" type="text/css" />')
         .attr('href', ''));

Native version:

var link = document.createElement('link');
    link.href = '';
    link.rel = 'stylesheet';
    link.type = 'text/css';

© 2018 Aldomatic

Theme by Anders NorenUp ↑