Embed images in stylesheets

Dec 22, 2009

I wanted to try something new this time, so I recorded my blog post as a screencast. Since I mostly write about code I thought it might be a good way to illustrate it in a video instead of in writing. It does add a new level of simplicity and understanding to the message. Please check it out and tell me if you like the video more than a regular blog post.

I hope the video illustrates just how easy it is to embed images in stylesheets and also how to use the online tool for image to base64 conversion.

* $4.95/month BlogEngine.net Hosting – Click Here!

Combine multiple stylesheets at runtimeI often use multiple stylesheets in a single website to keep things nicely separated. The only probl...YSlow: Add expires header to images in IIS 7How to easily improve the performance and YSlow score of your website by tweaking the web.config.Create beautiful thumbnails from gif images in ASP.NETThere are a lot of tutorials on the web about making thumbnails in ASP.NET. I’ve used some my se...

Comments (19) -

Anthony Grace

12/22/2009 2:37:05 PM #

Video was very helpful, keep it up!

Brian Swanson

12/22/2009 2:43:18 PM #

Like the video, but I have to say your resolution is too high for a screen cast. As you are going through the demonstration and highlighting lines of code, it's difficult to understand what's in those lines of code unless you spoke about it.

Mads Kristensen

12/22/2009 2:51:05 PM #

Good point. I'll remember that for the next one

Remy

12/23/2009 1:53:29 AM #

Personally I'm not soo much a fan of Video's. They don't give you the possibilites to quickly glance over something or have a look at the summary/result.

Mads Kristensen

12/23/2009 4:36:38 AM #

Would you think it was better to combine video and regular writing or keep just the writing?

Remy

12/23/2009 5:07:59 AM #

Personally for me, the writing and a few pictures are enough. I almost never look at videos. But maybe that is just me...

Guy

12/23/2009 6:04:16 AM #

Not a big fan of video posts at all.

i want to look at a post and pick out the things i like/need

big NO from me.

Gokhan

12/23/2009 7:58:29 AM #

I would prefer simple text. It's indexable by search engines. You can easily fix it if there's a typo, improvement, changes etc. I can skim through with my eyes. Resolution is my preferred resolution, not your choice during the recording. It's friendly to people with disabilities. So on so forth.

All are IMHO, though.

For example, I can't turn on the sound ATM and text is too small. Although I get how it's done, so I couldn't get the the full trick. I'm now going to google it to find an article in text

Grasshopper

12/23/2009 8:22:18 AM #

I like the video.
My comments on the actual technical part is that it looked like to me your total request time went up even though you had fewer requests. is that within the normal request latency variation, or an actual difference based on the bigger CSS file?

Remy

12/23/2009 8:53:51 AM #

To get back to the technical discussion.
There is an intersting acticle about the performance of Data URI's on Ajaxian:
ajaxian.com/archives/performance-of-data-uris

Jay Cee

12/23/2009 9:25:15 PM #

Mads,

Your articles are among the best on the net, but I only watch video when I really HAVE to ...... text for technical articles is IMHO far superior.

Video/Podcasts are simply too time consuming and too "immersive" ... you MUST concentrate on them rather than "skip-read" and refer to other articles etc.

Tom

12/24/2009 6:26:19 AM #

I think most people in general do not watch videos and would prefer to just see some pics.. however I did not know how to embed images ... so i watched the video

Semicton

12/24/2009 4:53:35 PM #

Thanks for the video. I like videos when I am learning something that I am not very familiar with. I think text and video would be great.

Sikat ang Pinoy

12/25/2009 9:44:38 PM #

I think it will be more effective if you can provide a caption/subtitle on the video. Now regarding the conversion of image to base64, is there a limit in size of image in converting using the tool?

12/27/2009 3:34:39 AM #

I like text, which is useful than video

Peter

12/27/2009 5:59:11 AM #

Interesting video. I think 6 minutes is a long time. Add a time structure as a sort of content page of a book. Would help viewers.

Ahmad Masykur

12/30/2009 8:49:05 AM #

Nice info. The video is helpful to undershand what is you want to deliver instead of regular text. Video is more understandable than regular text for person that not good enough of knowing the English language like me. The disadvantages of video are require huge bandwidth to viewing smoothly. This is not suitable for most Internet users in my country with low bandwidth Internet access.

Yopi

1/1/2010 8:34:50 AM #

I only watch video when I really have to. Too many time and bandwidth consuming

pbhj

1/3/2010 2:37:11 PM #

screencast-o-matic is cool but this info would be better passed on textually IMO. Thanks for the tip though - I'd used base64 before for putting images in the microformat address data as on http://www.barefoot-ceramics.co.uk - but never direct in a CSS file.

Pingbacks and trackbacks (1)+

Comments are closed

Embed images in stylesheets

Related posts

Comments (19) -

Pingbacks and trackbacks (1)+

About the author

Twitter

Month List

Disclaimer