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.
Related Posts
Check out some more great tutorials and articles that you might like
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.
User Comments
( ADD YOURS )Aqib Mushtaq September 17th
Looks cool, need to definitely check the rounded corners one.
( )Juan C Rois September 17th
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.
( )arnold September 17th
I love these quick tips…keep it coming
( )Stoian Kirov September 17th
THANK YOOOOUUUU JEFFREEEYY
)))))))))))
( )Al September 17th
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
( )Jeffrey Way September 17th
Yeah. I’m favoriting every submission to twitter.com/nettuts/favorites for that very reason.
( )David Ferguson September 17th
@JW: Don’t ya just love having to talk 90 mph to try to get everything in, in less than 5 minutes?
( )Jeffrey Way September 17th
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.
( )Alexander September 17th
Great stuff Jeffrey! So when is the CI day 7 coming up?
( )Joe September 17th
Fantastic Jeff!
( )Yorick Peterse September 17th
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
( )Waseem September 17th
amazing , I need the text-shadow across all browsers
Thanks
( )Nikolius September 17th
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?
( )Ramon September 17th
Yup, doesn’t work in IE 8 for me too
( )Al September 18th
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.
Hasanga September 17th
Wow! thanks a lot nettuts!
( )Santana September 17th
Wow Jeffrey very nice tips!! thank u man!
( )Althalos September 17th
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!
( )Sumeet Chawla September 17th
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
Looks quite interesting..
( )Saifu September 17th
amazing……..thanks….
( )Jeroen September 18th
rounded corners are so yesterday
( )Al September 18th
I am beginning to think the same of the cycling of images as well
modern day version of marquee
( )W. Rast September 18th
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.
( )Andreas September 18th
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?
Cody September 18th
Nice Videos – Thanks!
( )Mike Schneider September 18th
Awesome stuff. I like these quick tips a lot =D Nice job Jeff
( )rizq September 18th
Thanks Jeff….. Cool !
( )Rich September 20th
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.
( )Cian Foley September 21st
Very good Jeff, I must put a few vids together for my blog, thanks for the inspiration!
( )Dario Gutierrez September 22nd
Excellent list for my inspiration, thanks Jeff!
( )ercell September 23rd
vaov! thanks Jeff!
( )Jiert September 27th
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?
( )Paal October 5th
I like it, keep it comming
( )MrSuitUp October 16th
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!
( )flash October 27th
I dont use twitter or FB, so thank you for posting them here.. very helpful too!
( )