CSS – Peter Dillon

December 23, 2021January 1, 2022

My Prototypes

Canon
Canon Strategic Pricing System
Built with Angular 7 and Angular-Material
Internal Canon CarePak® Management Dashboard
Built with DataTables and jQuery
Automatic Ink Replenishment Service
Built with Angular 6 and custom CSS.
Printer Driver Download Application
Built with jQuery.

39DollarGlasses.com … Read more

March 21, 2018September 25, 2020

Front-End Web Development Questions – David Shariff

Original List

Execution context references the ‘environment’ a function executes in; that is, variable scope (and the scope chain, variables in closures from outer scopes), function arguments, and the value of the this object.
Lexical scope is the concept that

September 29, 2016December 29, 2021

Header Scroll Transition and the Will-Change Property

Recently I needed to make an animated header that slides up when you scroll down the page, and slides down when you scroll up- the idea is to give the user the navigation when you ‘assume’ they are reaching back … Read more

July 13, 2016December 29, 2021

Three ways to use Modernizr

In the CSS:


.no-cssgradients .header {
  background: url("images/gradient.png");
}
.cssgradients .header {
  background-image: linear-gradient(blue, purple);
}

As a JavaScript object:


if (Modernizr.csstransforms) {
    newBrowsersDoThis();
  } else {
    oldBrowsersDoThis();
  }

Check for HTML element class:


 
// Modernizr adds the feature detected

January 11, 2016September 25, 2020

Interview Challenges

I am in the process of interviewing and wanted to document all the code challenges I am confronted with.

For every repeating letter in a string, add a “*” between them.

Check if a given number is a power of … Read more

December 14, 2015December 23, 2015

CSS Attribute Selectors

Finding and selecting

Here is a list of attributes. In my career I’ve used exact values, ^, and * in many applications, so I’m making a personal list because it’s useful to know the other options available.

The three tough … Read more

December 12, 2015January 5, 2016

Style, Layout, Paint and Composite

I am blockquote-ing everything that is referenced, since I’ve borrowed some information from MDN and Google articles that are already worded perfectly.

Basic rules are:

Stick to ONLY transform and opacity changes for your animations.
Promote moving elements (or position:fixed

December 3, 2015September 25, 2020

The Definitive “Front-End Developer Job Interview Questions” And My Answers

As seen on Github.

General Questions:

What did you learn yesterday/this week?
How to develop IOS and Android apps with the AngularJS powered Ionic framework. Read more about Ionic
```
"cordovaPlatforms": [
    "ios",
    "android"
  ]
```
What is a recent technical

December 1, 2015December 6, 2015

Browser Paint Render And CSS The “will-change” Property

Recently a fun article was passed around showing how to achieve silky smooth rendering on box-shadow:
http://tobiasahlin.com/blog/how-to-animate-box-shadow

The next day, (as the internedz are wont to do) a scathing, yet friendly article followed up on the hanky-janky terrible-ness of that … Read more

December 1, 2015December 6, 2015

Traditionally, why has it been better to serve site assets from multiple domains?

Keeping images and assets on a geographically dispersed CDN allows for faster resource requests by reducing round trip time. It also leverages “domain sharding” benefits – which means rather than loading from a single domain, browsers actually load faster when … Read more

#	Name	Price	Market Cap	Change	Price Graph (24h)