Profile

Cover photo
Matt Smith
Worked at Unum
Attended University of Maine
Lives in Portland, Maine
1,311 followers|14,027,405 views
AboutPostsYouTube

Stream

Matt Smith

JS Demos  - 
 
Clumsy Github Octocat Spiderman

Great demo by +Sarah Drasner animating SVG with GreenSock.

http://codepen.io/sdras/pen/xOjAmV
6
Add a comment...
 
CSS-Only Loading Spinner

I know these are a-dime-a-dozen these days, but thought I'd share nonetheless in case anyone wanted to try their own.

http://codepen.io/AllThingsSmitty/pen/ydtzA
6
Add a comment...

Matt Smith

jQuery UI  - 
 
jQuery Dialog With Tabs Content

Just playing around, I combined a jQuery dialog with the tabs UI. Fork it, rip it apart, do as you like. Enjoy. 🚀

http://codepen.io/AllThingsSmitty/pen/yOVBbg
1
Add a comment...
 
Background Color Based on Image?

You've seen movie search results in Google, right? Notice how the color of movie title/genre box is similar to the overall color of the movie poster image? Is that based on an algorithm? Can anyone demo that feature?
8
Brad Brewer's profile photoJohann Forster's profile photoKevin Boxhoorn's profile photoMauro Amico's profile photo
Add a comment...
 
Dancing Robots

Brilliant JavaScript animation using canvas by +Gerard Ferrandez. Best experience when played to "All the Single Ladies". 💃🏻

http://codepen.io/ge1doot/pen/LkdOwj
88
15
Bander Man's profile photoJohn Seneuneu's profile photoMaksym Dominichenko's profile photo
3 comments
 
Cool! Several clicks/taps turn dance into orgy ;)
Add a comment...
 
The Myth of the "Real JavaScript Developer"

Devs: if you've ever had doubts about your success as a developer, this is for you. Heck, this is for all of us!
2
Add a comment...
Have them in circles
1,311 people
bích phượng bùi's profile photo
Md Monim's profile photo
Rizban Ahmad's profile photo
Jeff Blaisdell's profile photo
Andrew “Poduzdikov” Axedem's profile photo
wan chin's profile photo
Ann Artyushkevich (anyarty)'s profile photo
Scott Stuckey's profile photo
Shamil Weerakoon's profile photo
 
Clumsy Github Octocat Spiderman

Great demo by +Sarah Drasner animating SVG with GreenSock.

http://codepen.io/sdras/pen/xOjAmV
11
Add a comment...

Matt Smith
moderator

CSS Demos  - 
 
CSS-Only Loading Spinner

I know these are a-dime-a-dozen these days, but thought I'd share nonetheless in case anyone wanted to try their own.

http://codepen.io/AllThingsSmitty/pen/ydtzA
8
Add a comment...

Matt Smith

Questions  - 
 
Background Color Based on Image?

You've seen movie search results in Google, right? Notice how the color of movie title/genre box is similar to the overall color of the movie poster image? Is that based on an algorithm? Can anyone demo that feature?
2
Matt Smith's profile photoRobert Khayat's profile photoJoshua Tenner's profile photo
3 comments
 
you create a canvas, then draw the image to the canvas.

After that you call .getImageData() on it, and average up the colors.

The thing is, "bad moms" doesn't have a lot of the "average" color.

Perhaps it picks a highlighting color like the color of the text.
Add a comment...
 
Double Exposure Carousel Slider

Clever technique that someone did to combines two different images into one.

http://codepen.io/mnmxmx/pen/vKxQbm
17
3
Lemuel Botha's profile photo
 
It's just overlaying two images and setting the opacity of the top image. Not very difficult to implement at all
Add a comment...

Matt Smith

JS Demos  - 
 
Dancing Robots

Brilliant JavaScript animation using canvas by +Gerard Ferrandez. Best experience when played to "All the Single Ladies". 💃🏻

http://codepen.io/ge1doot/pen/LkdOwj
30
1
Add a comment...
 
The Myth of the "Real JavaScript Developer"

Devs: if you've ever had doubts about your success as a developer, this is for you. Heck, this is for all of us!
26
12
ramesh elapakurthi's profile photo
 
Super session :) !!! Thanks Brenna!!
Add a comment...
People
Have them in circles
1,311 people
bích phượng bùi's profile photo
Md Monim's profile photo
Rizban Ahmad's profile photo
Jeff Blaisdell's profile photo
Andrew “Poduzdikov” Axedem's profile photo
wan chin's profile photo
Ann Artyushkevich (anyarty)'s profile photo
Scott Stuckey's profile photo
Shamil Weerakoon's profile photo
Work
Occupation
Web dev, mobile strategist, and front-end astronaut
Employment
  • Unum
    Web stuff, fo shiz!
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Portland, Maine
Story
Tagline
Helping to build a better web.
Introduction
Matt Smith is a forward-thinking web developer based in Portland, Maine who builds web applications to deliver engaging user experiences.
Education
  • University of Maine
Links