Profile

Cover photo
Brenton Klik
Works at Contractor
Attended SUNY IT
Lives in Reston, VA
1,088,998 views
AboutPostsPhotos

Stream

Brenton Klik

Shared publicly  - 
 
A Bit Of Daily Inspiration

I'm not a fan of folk-sy music, but Martin Sexton is a talent that can't be denied. Music just pours out of him so fluidly. Watching him perform is like staring at a beautiful piece of art.
1
Add a comment...

Brenton Klik

Wearables  - 
 
In case you missed it…
 
Mars Watch
Here's all the assets you need to make a Mars watch. I used Watch Maker to put it all together. You can adjust the size of all the components to your liking.

Enjoy!

Watch Maker
http://goo.gl/cYrNd0
View original post
5
Add a comment...

Brenton Klik

Wearables  - 
 
 
Made a Mars watch face. The orbiter is the minutes. The rover is the hours.
3 comments on original post
68
2
Frank Di Cosimo (ANDRAC)'s profile photoBrenton Klik's profile photoJon Scully's profile photodavid d's profile photo
6 comments
 
I made it with watch maker. I'll release the assets tomorrow, or Monday.
Add a comment...

Brenton Klik

Shared publicly  - 
 
Fanboy World Problems
Two men are hospitalized after an alcohol-fueled argument began over which phone is better: iPhone or Samsung.Tulsa police say a woman found a man covered in blood, stumbling around the parking lot...
1
Eli Courtwright's profile photo
 
There but for the grace of God goes +Brenton Klik.
Add a comment...

Brenton Klik

Shared publicly  - 
 
AngularJS: StyleSheetFactory

I've been playing around with the idea of a self contained directive. One, that can be included in just one file, and has everything it needs to exist. To do this, a directive will need to be able to inject it's own CSS into the document's stylesheet.

Angular doesn't have any helper methods to make that happen, so I wrote my own factory!

With StyleSheetFactory, you can add CSS rules, and keyframe animations, find the browser's prefix, etc. Everything you need to manage a directives styles.

Example:

var sheet = styleSheetFactory.getStyleSheet();
var prefix = styleSheetFactory.getPrefix();

styleSheetFactory.addCSSRule(sheet, '.my-class',
    'background-color: blue;' +
    'color: white;' +
    'font-size: 2em;' +
    '-'+prefix+'-user-select: none;' +
    'user-select: none;'
, 1);

Hope you find it helpful!
styleSheetFactory - An AngularJS factory to dynamically add and manage style sheet rules.
1
Brenton Klik's profile photoCooper Faust's profile photo
10 comments
 
No, I'm referring to one I built.  We have unique datagrid needs here and none of what's out there performs well enough for various reasons.  Specifically: 100-5000 rows, 20-50 columns, 10-100 adds/updates/removes per second across an unknown number of rows, lots of icons with tool tips, dynamically-loaded html snippets in cells, resizable/reorganizable/hidable columns, color coded rows, rows jumping position after update due to complex sorting, lock scroll position to selected row even as it moves around, pause/resume updates, horizontal and vertical scrolling concurrently, etc.
Add a comment...

Brenton Klik

Shared publicly  - 
 
Nice article on using JavaScript to inject CSS into the DOM.
Another way we can make our pages efficient and fast is to dynamically add and remove styles directly to a stylesheet instead of constantly querying the DOM for elements and applying styles.
1
1
Cooper Faust's profile photo
Add a comment...

Brenton Klik

Shared publicly  - 
 
Whenever I read some article about developing HTML5 applications, they often recommend using these component libraries like Bootstrap or Ionic. And, I think to myself, "Yeah, why don't I ever look into one of those." So, I start reading the documentaiton and I'm all like…

#pixelpushing  
3
1
Cooper Faust's profile photoKunal Sagar's profile photo
 
The truth is that most libraries are great at making only straightforward applications.  They're also bloated with features you don't need and missing the features you do need.  Performance suffers due to the kitchen sink approach.  And as soon as you have a complicated interaction you're balls deep in somebody else's unreadable code while either extending or monkey patching their stuff to make it do what you want.  By the time you give up and settle on your hacked pile of crap, you've changed your requirements to fit what you can do instead of what you want to do.
Add a comment...

Brenton Klik

Shared publicly  - 
 
Mars Watch
Here's all the assets you need to make a Mars watch. I used Watch Maker to put it all together. You can adjust the size of all the components to your liking.

Enjoy!

Watch Maker
http://goo.gl/cYrNd0
4
2
Mark Robinson's profile photoBrenton Klik's profile photo
Add a comment...

Brenton Klik

Shared publicly  - 
 
Made a Mars watch face. The orbiter is the minutes. The rover is the hours.
15
3
Corry H's profile photoBrenton Klik's profile photoJon Scully's profile photodavid d's profile photo
3 comments
Corry H
 
Alright.
Add a comment...

Brenton Klik

Shared publicly  - 
 
What an amazing talent. So jealous. Makes me want to draw more.

Also, fantastic website.
3
Cooper Faust's profile photoLauren Egan's profile photoRachel Burton's profile photo
4 comments
 
Yeah i likes it!
Add a comment...

Brenton Klik

Shared publicly  - 
 
Damn you touch screen proliferation! I just tried to pause my music with my finger instead of my mouse.
3
J.J. Valenzuela's profile photo
 
there are certain things touch screen should not be on (watches and ereaders come to mind) but they should definitely be on all monitors henceforth. i find myself frequently wanting to do the same because it is quicker or easier.
Add a comment...
 
In case you can't find the download button on the page, I've highlighted it for you… #formoverfunction  

http://studioutline.com/works/mercat-barcelona/
1
Add a comment...
Work
Occupation
Interaction Designer
Skills
Graphic Design (Drawing, Photoshop), Software Design (Persona, Mockups, User Testing), Web Application Development (HTML, CSS, JavaScript, AngularJS), Android Development (Java, XML, SQL)
Employment
  • Contractor
    Interaction Designer, present
  • SAP AG
  • Carrier Corporation
  • Riverwalk Communications
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Reston, VA
Previously
West Chester, PA - Syracuse, NY - Rochester, NY
Story
Tagline
Designer, Developer, Gamer, Android Fanboy
Introduction
Brenton Klik is an Interaction Designer in the Washington DC area. He designs interfaces and experiences for web, mobile, and desktop platforms.

Over the years, Brenton has worked for Carrier Corporation, SAP America, and others to create rich instructional applications, project management solutions, and web based applications. Recently, he has perused interactions in the mobile space, such as data entry and communication.
Education
  • SUNY IT
    Computer Science, 2001
Links
Other profiles
Contributor to