It occurred to me that many of you might not be aware that, once a week or so, I post a five minute web development video quick tip for our Twitter followers. From now on, I’ll make a posting on Nettuts+ after every five new quick tips – for the rest of you. Here’s the first set. We cover a variety of neat CSS3 features, Photoshop, and more!
Creating Your First Template With CodeIgniter
Preview a Tiling Background Image Directly from Photoshop
Learn how to use the CSS3 Property: text-shadow
How to Add a Drop-Shadow Across All Browsers
How to Make Rounded Corners with CSS and JavaScript
- Follow us on Twitter, or subscribe to the Nettuts+ RSS Feed for more daily web development tuts and articles.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Jeffrey Way
I'm the editor of Nettuts+, and help out on the Envato marketplaces.. I also (very infrequently) blog on my personal site. Feel free to check that out as well...if you're bored. Follow us on Twitter, and subscribe to the official Nettuts+ YouTube page if you want to live.
Join our newsletter!
Freelance Jobs
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Looks cool, need to definitely check the rounded corners one.
Jeff, thanks a lot for this quick tips. And you are right, I was not aware of this because I try to stay away from most social media sites like twitter or facebook.
I would especially pay attention to the “First template with Code Igniter” since I already got hooked with your previous CI series.
Once again, thanks for making this tuts available.
I love these quick tips…keep it coming
THANK YOOOOUUUU JEFFREEEYY :))))))))))))
Jeff, love your screencasts BUT screenr does not make it very easy to find the screenr competition screencasts. the general search on #nettuts just shows too much data, including all the tweets where all of the other tweets are repeated. not usually very interested in all of those.
thanks for the link http://twitter.com/nettuts/favorites which works very nicely. just too much stuff on any other search, which is just clutter.
Al
Yeah. I’m favoriting every submission to twitter.com/nettuts/favorites for that very reason. :)
@JW: Don’t ya just love having to talk 90 mph to try to get everything in, in less than 5 minutes? :)
It’s really damn hard. :) I had to completely redo the screencast at the very top because I didn’t realize that I had gone way over 5 minutes.
Great stuff Jeffrey! So when is the CI day 7 coming up? :)
Fantastic Jeff!
About the CodeIgniter screencast :
It’s much easier to just create a templates directory and use the following PHP code : http://pastie.org/621030
There’s no need for another PHP file to load the header and footer :)
amazing , I need the text-shadow across all browsers
Thanks
Thanks again for this great tutorial.
i have a question, i already try the rounded corner tutorial.
just it doesn’t work in IE 7 and Opera 10.
i already check my code, and it’s already exactly like in this tutorial..
everyone have same problem?
Yup, doesn’t work in IE 8 for me too
I noticed that too! although if you go to the plugin info page, then that does work with IE7. not sure what the difference is. have not been able to work it out.
Wow! thanks a lot nettuts!
Wow Jeffrey very nice tips!! thank u man!
I did not know you did that! Thx a lot for posting it here… I might even sign up to the twitter feed just because of this!
I really enjoyed the first tip where you are creating templates in codeignitor. The best part of that tip was the codeexpander thingy.. I never knew such thing existed :P Looks quite interesting..
amazing……..thanks….
rounded corners are so yesterday ;)
I am beginning to think the same of the cycling of images as well
modern day version of marquee
Man, that solution for IE is way overcomplicated. Just use IE’s proprietary filter CSS property to drop a shadow in behind your element. Like so:
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color=’#333333′, Positive=’true’)
Problem solved. All the other browsers will ignore it. No need to use the clunky js solution.
Were can I write a tutorial suggestion?
My problem:
I would like to have a three colum layout and then when the user clicks on the middle it will rotate it 90 degresse, any ideas?
Nice Videos – Thanks!
Awesome stuff. I like these quick tips a lot =D Nice job Jeff
Thanks Jeff….. Cool !
If you’re going to have to use JS to get rounded corners or shadows to work in IE, why bother with the CSS3 as well? atleast at the moment anyway.
Very good Jeff, I must put a few vids together for my blog, thanks for the inspiration!
Excellent list for my inspiration, thanks Jeff!
vaov! thanks Jeff!
Okay, so I know this is one of those instances where I’m going to end up looking stupid, but in the tut about previewing background images in PS, I don’t actually have the “Preview” button on my “save for web and devices” dialog. Working with CS3.
Is there something I’m missing?
I like it, keep it comming
Just found out about your site from a friend…
Gotta say I’m in love!
Surprised how easy and _fun_ it is to learn from videos!
I dont use twitter or FB, so thank you for posting them here.. very helpful too!
I tend to agree with your post. I’ve had difficulty finding any worthwhile information on this subject. Thanks for your thourough and informitive post.