POPULARITY
Panel: Sia Karamalegos Lucas Reis Special Guests: Jordan Eldredge In this episode, the React Round Up panelists talk to Jordan Eldredge about his project Webamp. Jordan’s first introduction to programming had to do with music which led him to work both as a singer to now being an engineer. They talk about how common it is for programmers to have diverse backgrounds, especially in front-end developers, what Webamp and Winamp are, and what he originally wrote Webamp in. they also touch on his inspiration for creating this project, his journey in creating Webamp, and more! In particular, we dive pretty deep on: Jordan intro Studied music (opera) in college Forced himself to learn PHP and MySQL Common in front-end developing to have people with diverse backgrounds Why do you think it’s so common to have diverse backgrounds? Front-end web development is very young Self-taught developers What is Webamp? Reimplementation of Winamp in JavaScript What is Winamp? What did you originally write Webamp in? What was the inspiration for creating Webamp? CSS Sprites Wanting to recreate Winamp skins jQuery originally Rewrote in “vanilla” JavaScript The process of learning real JavaScript Managing transitions VS managing state React with Redux Do you believe your struggle with “vanilla” JS made you more aware of what React really brings? You Might Not Need Redux by Dan Abramov How did you deal with the audio API? The thing he loves about side-projects Not having a deadline Using a Redux middleware And much, much more! Links: Webamp MySQL Winamp JavaScript jQuery React Redux You Might Not Need Redux by Dan Abramov Jordaneldredge.com @captbaritone Jordan’s GitHub Sponsors Kendo UI Digital Ocean FreshBooks Picks: Sia Google Docs Lucas Timing App Jordan @winampskins Inspiring Online WACUP
Panel: Sia Karamalegos Lucas Reis Special Guests: Jordan Eldredge In this episode, the React Round Up panelists talk to Jordan Eldredge about his project Webamp. Jordan’s first introduction to programming had to do with music which led him to work both as a singer to now being an engineer. They talk about how common it is for programmers to have diverse backgrounds, especially in front-end developers, what Webamp and Winamp are, and what he originally wrote Webamp in. they also touch on his inspiration for creating this project, his journey in creating Webamp, and more! In particular, we dive pretty deep on: Jordan intro Studied music (opera) in college Forced himself to learn PHP and MySQL Common in front-end developing to have people with diverse backgrounds Why do you think it’s so common to have diverse backgrounds? Front-end web development is very young Self-taught developers What is Webamp? Reimplementation of Winamp in JavaScript What is Winamp? What did you originally write Webamp in? What was the inspiration for creating Webamp? CSS Sprites Wanting to recreate Winamp skins jQuery originally Rewrote in “vanilla” JavaScript The process of learning real JavaScript Managing transitions VS managing state React with Redux Do you believe your struggle with “vanilla” JS made you more aware of what React really brings? You Might Not Need Redux by Dan Abramov How did you deal with the audio API? The thing he loves about side-projects Not having a deadline Using a Redux middleware And much, much more! Links: Webamp MySQL Winamp JavaScript jQuery React Redux You Might Not Need Redux by Dan Abramov Jordaneldredge.com @captbaritone Jordan’s GitHub Sponsors Kendo UI Digital Ocean FreshBooks Picks: Sia Google Docs Lucas Timing App Jordan @winampskins Inspiring Online WACUP
In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.
In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.
n this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.
n this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.
Dave Shea joins Eric Meyer and Jen Simmons for the third episode of in The Web Behind series. They talk about the CSS Zen Garden, a website Dave created in 2003 which showed the world how radically-different designs could be with just CSS. Dave also reflects on the origins and lasting effects of the CSS Sprites technique he introduced to the world, and reminisces about the web design community of a decade ago.
Compass improves the Sass experience by providing useful mixins, functions, and more. You will also learn how to make CSS sprites with it in this episode.
Compass improves the Sass experience by providing useful mixins, functions, and more. You will also learn how to make CSS sprites with it in this episode.
CSS-Sprites haben längst einen wohlverdienten Platz in dem Werkzeugkoffer eines professionellen Webdesigners erhalten. Höchste Zeit also, dass Technikwürze sich ihrer in einer total-Sendung annimmt. Sascha Postner und Daniel Jagszent erklären, was sie sind, wozu sie verwendet werden und was man bei ihrer Verwendung beachten sollte.
CSS Sprites have been a hot topic for a long time now. The fact is that each image on a web page is a separate server request and you can dramatically increase the performance of a page by combining images and reducing that number of requests. In this screencast I’m going to show you how to do exactly that, by taking what would be 8 different images and combining them into one. As an added bonus, we then expand the … Read article “#43: How to Use CSS Sprites”
Using a variation of the CSS Sprites technique, we can create a “three state” menu using only one image per menu item. This reduces the number of requests on your server as well as eliminates any “pauses” while moving to a different state like some other techniques can have. This tutorial takes you all the way through the process of creating the images to the HTML to the CSS. Links from video: View Demo Download Files … Read article “#7: Three State Menu”