Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Posted by Guil Hernandez
Guil Hernandez
Treehouse Teacher

Front-End Design Tips & Solutions - Contenteditable and SVG Sprites

Hey everyone,

I've been working on a new "Tips & Solutions" series using many of your questions, requests, and suggestions for tips, and I'm releasing the first one here on the forum.

This week, we'll take a close look at the HTML5 contenteditable attribute and how to make an SVG sprite sheet.

If you have any tip suggestions, let me know in the comments or on Twitter.

Notes

Kelvin Atawura
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points

where can i find past video like this please? (video of teachers explaning into depth questions asked) Guil Hernandez

Richard Duncan
Richard Duncan
5,568 Points
Richard Duncan
Richard Duncan
5,568 Points

Top tips thanks Guil. I was familiar with content editable but not local storage, looking forward to the next installment!

5 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Over on CSS Tricks there's a neat demo on using contenteditable to make an editable/printable invoice

I used that to make a codepen to play with contenteditable a few months back.

Richard Duncan
Richard Duncan
5,568 Points
Richard Duncan
Richard Duncan
5,568 Points

Good example, I gave it a heart.

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Kelvin Atawura and Alex Cevallos - I updated the post with all the Tips I created for the forum. Hope this helps! :)

Constantine Antonakos
Constantine Antonakos
9,741 Points
Constantine Antonakos
Constantine Antonakos
9,741 Points

Just to clarify: this is 'part 1', and we'll see a 'part 2' at some point?

Thanks again. This was an awesome tutorial! More please. ;)

Alex Cevallos
Alex Cevallos
16,551 Points

thanks Guil Hernandez ! I love how clear you explain the topics !

Kelvin Atawura
seal-mask
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points
Kelvin Atawura
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points

where can i find past video like this please?

Alex Cevallos
Alex Cevallos
16,551 Points

It would be awesome if we could get these videos grouped together.. I have to dig to find them. Love how they come out though!

Kartheek Erukulla
Kartheek Erukulla
Courses Plus Student 1,183 Points

I never knew about the contentedible attribute. I learned something new!

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Hey everyone,

The latest "Front-End Design Tips & Solutions" is up! Learn how to use the HTML5 local storage feature and build a CSS dropdown menu. Watch it here!

Alex Cevallos
Alex Cevallos
16,551 Points

Thank you!