You can also download a trial version to test all the features which is good for 7 days after that you can buy the theme or simply de-activate.

Check out more details at NetChillies.com/Magazine

Live Demo: White / Black

As you know I love sharing so here’s the stuff I created today morning and you are free to use the same on your personal or commercial projects as its totally free

Download the PSD file here..

Moreover you can customize the fields you want on registration or profile page.

Frontend Membership WordPress Plugin

Check it out and let me know what you think!!

Resources:

1. Smashing Magazine – Push Your Web Design Into The Future With CSS3

A good intro to CSS3 by Smashing Magazine

2. CSS3.Info – Introducing the Flexible Box Layout Module

Know more about the one aspect of CSS3, that hasn’t received a lot of attention so far, i.e., Flexible Box Layout module in action.

3. W3C – Introduction to CSS3

Let the Big Guys show you the road map of CSS3 and how it works.

4. Desizn Tech – 20 Must Know Recent CSS and CSS3 Resources and Tools

Presenting 20 recent CSS & CSS3 tools and resources you need to be aware of as a web designer/developer.

5. Smashing Magazine – CSS 3 Cheat Sheet (PDF)

Get the main features of CSS3 in a handy, printable reference card with this download-able Free PDF.

6. Design Shack -Introduction to CSS3

Start from the very beginning – from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted.

7. Smashing Magazine – Stronger, Better, Faster Design with CSS3

Use CSS3 techniques like gradients, border-radius and drop-shadows to create compelling, flexible and buttons (and a little JavaScript) to create some practical elements and layouts.

8. CSS.Info – CSS3 Resource: Preview Custom Web Fonts with Font Dragr

Font Dragr is a HTML5/CSS3 powered web app for testing custom web fonts. This useful app allows web designers to preview how embeddable fonts will render in their target browsers without having to code a single line of html/css and without having to upload any files via ftp.

9. Smashing Magazine – 50 Brilliant CSS3/JavaScript Coding Techniques

50 useful and powerful CSS3/jQuery-techniques that can strongly improve user experience, improve designer’s workflow and replace dirty old workarounds used in Internet Explorer 6 & Co.

10. CSS.Info – CSS3 Demos

CSS3 . Info is an enormously comprehensive site about all things CSS3-related. They share news, interviews, and resources from around the web regarding CSS3.

11. Six Revisions – 20 Useful Resources for Learning about CSS3

As a web developer, it’s crucial to be well-informed about modern and future web standards. To help you stay ahead of the curve Six Revisions brings you 20 excellent resources on the topic of CSS3.

12. A List Apart – CSS @ Ten: The Next Big Thing

Revisit the past and chart the future of CSS.

13. Smashing Magazine – Mastering CSS, Part 2: Advanced Techniques and Tools

Mastering CSS is one of the most important things a web designer can do, and has really become an essential criterion for being a successful designer.

14. Inspect Element – A Look at Some of the New Selectors Introduced in CSS3

Everyone who has been using CSS is immediately familiar with selectors as they are what is used to target elements on a page and style them. CSS3 brings even more options as far as selecting elements goes. Here is a run-down of just some of the things that is possible with CSS3 selectors.

15. W3Avenue – CSS3 Unleashed: Tips, Tricks and Techniques

A quick look at the numerous new features incorporated in CSS3 that will get you up to speed and bring you closer to the cutting edge of CSS development.

Tutorials:

1. Net Tuts – 5 Techniques to Acquaint You With CSS 3

CSS is a well-known, widely used language to style websites. With version three in the works, many time-saving features will be implemented. Although only the most modern browsers currently support these effects, it’s still fun to see what’s around the corner! In this tutorial I’ll show you five techniques.

2. CSS3.Info – CSS3 Opacity

The most widely implemented feature of CSS3 up till now is opacity. It’s probably also the one people have been waiting for the most.

3. Dev Opera – CSS Text Shadows and Background Sizing

Learn how CSS properties: text-shadow and background-size can add unique twists to everyday Web design with minimal effort.

4. Net Tuts – CSS Fundamentals: CSS 3 Transitions

As CSS3 rolls out around the web, it is bringing some interesting new presentational techniques along with it. Today, we’ll review the basics of using CSS3 transitions and animations to add an extra layer of polish.

5. 24 Ways – Rounded Corner Boxes the CSS3 Way

Learn to add not one, not four, but eight background images to a single element with CSS3.

6. A List Apart – Introducing the CSS3 Multi-Column Module

While most computer screens are wider than tall, most websites are the exact opposite: longer than wide.

7. Net Tuts – Design a Prettier Web Form with CSS

Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a dull web form into something beautiful – with minimal effort. Learn how in this interesting tutorial!

8. Smashing Magazine – 50 Brilliant CSS3/JavaScript Coding Techniques

50 useful and powerful CSS3/jQuery-techniques that can strongly improve user experience, improve designer’s workflow and replace dirty old workarounds used in Internet Explorer 6 & Co.

9. Desizn Shack – Introduction to CSS3 User Interface

CSS3 brings some great new properties relating to resizing elements, cursors, outlining, box layout and more. This tutorial focuses on three of the most significant user interface enhancements.

10. Max Design – CSS Centering: Fun for all!

How do you center a containing block on a page using CSS? There are two main methods and the choice should be made based on whether your page layout is liquid (will move in and out depending on the size of the browser window) or fixed width.

11. Apples to Oranges – CSS For Bar Graphs

Learn to create flexible, inexpensive and interesting visualizations, coded in xHTML and CSS.

12. The Wojo Group – CSS Stacked Bar Graphs

Learn to create a stacked bar graph in a one of its type tutorial.

13. Arc90 – Link Thumbnail

A picture’s worth a thousand words, right? So, spice up those plain old text links with Link Thumbnail, this great tool from the arc90 lab.

14. 3point7designs – Advanced Typography techniques using CSS

This is an example of what you can do by combining and tweaking type using CSS.

15. A List Apart – Mountaintop Corners

Learn to create the widely loved rounded corners with a new look.

So, here I did my bit to share the best of resources and tutorials on the web. If you know better resources or tutorials for any of the above features or more than the above, be kind & share your best knowledge!

1. Photoshop Tutorial: How to Make a Web 2.0-Style Logo -ALLEBA

Learn to make simple, glossed, gradient, bright-colored logos with this 6-minute video tutorial.

2. Creating a logo from start to finish – Sitecritic

A showcase of designing process from the good ol’days. The author portrays one of his creations for a big brand starting from scratch.

3. How to Design the Firefox Logo in Photoshop – Henry Hoffman

Learn to create the widely loved FireFox logo in a scalable Photoshop format.

4. EURO 2008 Logo design – Eyes on Tutorials

Create the EURO 2008 championship logo with Jeka.

5. How to Design a Logotype from Conception to Completion – Blog Spoon Graphics

Learn to create logos from concepts to finalize.

6. Planet Logo – Mopacity

Learn to create a planet shaped ribbons logo.

7. Creating a Crazy Cool Logo – Abduzeedo

Creating a unique and modern logo with a bunch of circles.

8. Making of Metallic Transformers Logo – 10 Steps.SG

Create a cool looking mettalic transformers logo using brushes and textures.

9. Papercraft Text Effect – Photoshop Roadmap

Creating a simple and beautiful typeface logos with Photoshop effects.

10. Create an Origami Logo – Zen Elements

Create an Origami Logo in Photoshop with this tutorial.

11. Create a Cool Music Logo on a Grunge Background – PSD Tuts

Create a cool grunge-style Web site logo

12. Creating a Retro Logo – Aviva Directory

Learn to make logos with retro look.

13. Dew In Photoshop Tutorial – Voidix

This simple tutorial shows you how to make a cool dew drop in Photoshop.

14. Tutorial: Web 2.0 Logo Reflection in Vector format with Illustrator – Bitt Box

Make a scalable vector graphics with reflection in Illustrator.

15. Photoshop Star Logo – Logo Tutorials

Basic and simple tutorial for starters.

16. Quick Logos with Live Trace in Adobe Illustrator – Layers Magazine

Learn and create logos with the most underutilized feature in Illustrator – Live Trace.

17. Create a 3D Glossy Box Logo in Photoshop – Tutorial 9

Learn to make a 3D glossy logo in Photoshop.

18. Designing a Cake Shop Logo – Invano

Create cheesy logo with this cool tutorial.

19. Fitness Logo Photoshop Tutorial – Photoshop Tutorials Blog

This tutorial explains a simple way of creating a fitness related logo using mostly shapes.

20.  Tutorial: Transform, Style, Blend – Free Transform

Create logo with a bit of randomness and an element of surprise.

21. How to make an awesome logo – Gary Simon

Make an awesome logo in simple and easy to follow steps.

22. Logo Design – Planet Photoshop

Create amazing logos with Corey Barker, Executive Producer of PlanetPhotoshop.com

23. Mac – Colorful Design – Adobe Tutorials

Create a colorful mac logo.

24. Design a Logo in Illustrator – how.todesignyour

Learn just how easy it is to design a great looking logo in Adobe Illustrator, as with any other software package.

25. Not as easy as it looks: A beveled star – Free Transform

Create a beveled star in 7 simple steps.

Rockwell Extra Bold

Classification: Slab Serif | Designer: No Data Available
Source: http://www.fontemple.com/free-download/10947-Rockwell-Extra-Bold.html

Rockwell Extra Bold

Bebas

Classification: Sans Serif | Designer: Flat-It
Source: http://www.dafont.com/bebas.font

Bebas

Delicious Heavy

Classification: Sans Serif | Designer: Jos Buivenga
Source: http://www.josbuivenga.demon.nl/delicious.html

Delicious Heavy

Colaborate

Classification: Sans Serif | Designer: Ralph Oliver du Carrois
Source: http://www.fontsquirrel.com/fonts/Colaborate

Colaborate

Liberation Sans

Classification: Sans Serif | Designer: Red Hat
Source: http://www.fontsquirrel.com/fonts/Liberation-Sans

Liberation Sans

Blue Highway

Classification: Sans Serif | Designer: Ray Larabie
Source: http://www.urbanfonts.com/fonts/Blue_Highway.htm

Blue Highway

Steelfish

Classification: Sans Serif | Designer: Ray Larabie
Source: http://www.1001fonts.com/font_details.html?font_id=1171

Steelfish

Hit the Road

Classification: Sans Serif | Designer: Matthew Welch
Source: http://www.fontspace.com/i-shot-the-serif/hit-the-road

Hit The Road

Kenyan Coffee

Classification: Sans Serif | Designer: Ray Larabie
Source: http://www.dafont.com/kenyan-coffee.font

Kenyan Coffee

Mashburn

Classification: Info Not Available | Designer: Robert Cortez
Source: http://www.dafont.com/mashburn.font

Mashburn

Louisiana

Classification: Handwritten | Designer: Borges de Oliveira, Charles , Snedeker, Melanie
Source: http://www.fonts.com/FindFonts/detail.htm?pid=4339699

Louisiana

Bellerose

Classification: Retro | Designer: James M. Harris
Source: http://www.dafont.com/bellerose.font

Bellerose

Helvetica

Classification: Sans Serif | Designer: Max Miedinger with Eduard Hoffmann
Source: http://www.fontseek.com/fonts/helvetica.htm

Helvetica

Adobe Caslon

Classification: Old Style Serif | Designer: Caslon, William , Twombly, Carol
Source: http://www.fonts.com/FindFonts/detail.htm?pid=202065

Adobe Caslon

Bembo

Classification: Old Style Serif | Designer: Morison, Stanley
Source: http://www.fonts.com/FindFonts/detail.htm?pid=201963

Bembo

Clarendon

Classification: Clarendon Serif , Geometric Sans | Designer: Besley, R. , Eidenbenz, Hermann
Source: http://www.fonts.com/FindFonts/detail.htm?pid=201488

Clarendon

Lucida

Classification: Clarendon Serif , Grotesque Sans , Slab Serif | Designer: Bigelow, Charles , Holmes, Kris
Source: http://bit.ly/9QPKHK

Lucida

Times New Roman

Classification: Old Style Serif | Designer: No Info
Source: http://www.ascenderfonts.com/font/times-new-roman-regular.aspx

Times New Roman

Avenir

Classification: Geometric Sans | Designer: Frutiger, Adrian
Source: http://www.linotype.com/72/avenir-family.html

Avenir

Franklin Gothic

Classification: Grotesque Sans | Designer: Benton, Morris Fuller , Berlow, David , Caruso, Victor , Gadeau, Bernard
Source: http://bit.ly/9BphTB

Franklin Gothic

Myriad

Classification: Grotesque Sans | Designer: No Info
Source: http://www.fontseek.com/fonts/myriad.htm

Myriad

Gentium

Classification: Serif | Designer: SIL International
Source: http://www.fontsquirrel.com/fonts/Gentium-Basic

Gentium

Anivers

Classification: Sans Serif | Designer: Exljbris
Source: http://www.fontsquirrel.com/fonts/Anivers

Anivers

Fontin Sans

Classification: Sans Serif | Designer: Exljbris
Source: http://www.fontsquirrel.com/fonts/Fontin-Sans

Fontin Sans

MGOpen Cosmetica

Classification: Sans Serif | Designer: MAGENTA Ltd
Source: http://www.zvr.gr/typo/mgopen/index

MGOpen Cosmetica

Nadia Serif

Classification: Slab Serif | Designer: Nadia Knechtle
Source: http://www.fontsquirrel.com/fonts/Nadia-Serif

Nadia Serif

Sidewalk

Classification: Grunge | Designer: Last Soundtrack
Source: http://www.dafont.com/sidewalk.font

Sidewalk

Day Roman

Classification: Serif | Designer: Apostrophic Labs
Source: http://www.dafont.com/day-roman.font

Day Roman

Garamond

Classification: Old Style Serif | Designer: Stan, Tony
Source: http://bit.ly/cx6IYH

Garamond

BodoniXT

Classification: Slab Serif | Designer: Manfred Klein Fonteria
Source: http://www.fontsquirrel.com/fonts/BodoniXT

BodoniXT

Trebuchet MS

Classification: Humanist Sans Serif | Designer: Microsoft Corporation
Source: http://bit.ly/bEtbv4

Trebuchet MS

Harabara

Classification: Sans serif | Designer: André Harabara
Source: http://www.dafont.com/harabara.font

Harabara

Journal

Classification: Handwritten | Designer: Fontourist
Source: http://www.dafont.com/journal.font

Journal

Antipasto

Classification: Sans serif | Designer: Studio Kmzero
Source: http://www.dafont.com/antipasto.font

Antipasto

Gabrielle

Classification: Script, Calligraphy | Designer: Dieter Steffmann
Source: http://www.fontsquirrel.com/fonts/Gabrielle

Gabrielle

Odstemplik

Classification: Calligraphy | Designer: Gluk
Source: http://www.dafont.com/odstemplik.font

Odstemplik

Androgyne

Classification: Script | Designer: Dimitri Castrique
Source: http://www.dafont.com/androgyne-tb.font

Androgyne

Ubuntu-Title

Classification: Sans Serif | Designer: Andrew Fitzsimon
Source: http://www.fontsquirrel.com/fonts/Ubuntu-Title

Ubuntu-Title

Arial

Classification: Grotesque Sans , Monospaced | Designer: Nicholas, Robin , Saunders, Patricia
Source: http://bit.ly/bxCeVf

Arial

Stint – Bang-up your daily chores!

We’re all caught up in the multitasking web and missing on a few deadlines here and there is a forgivable sin, but, for the first few times only. No matter how much harmonized you’re to your daily chores, forgetting is something no medicine or exercise in the world can beat up a 100%. A single incident of forgetting deadlines or simple tasks can leave you paying heavily for your tort. Then, you sit back squatting and wishing you had trusted a tool or a device to keep you posted about the up-coming deadline.

Well, cell phones and alarm clocks are obsolete in keeping us posted, because when you’re in a creative flow of thoughts totally engrossed to your workstation, even a buzz can be disturbing, and if you’re like me, you’d simply put it to silent. So, I thought of a simple solution to this problem, why not get a task manager that does it all right on your desktop. There were many available replicas of what I was looking for, but not the least closest to what I needed.

Finally, the developer inside me itched and I began building me own piece. Now, I’d also been longing to try my hands on adobe air, but due to the volume of client projects, I’d been keeping it at bay. Now was the time to put on my adventurous learning hat and mix it up with the creative being inside my head. The result was so exciting and beautiful; I just knew I had to share it with my peers and readers online. So here I’m, thrilled and enthralled to show you my very first hands on experience with Adobe Air and my very own Stint, fabricated to help you excel your daily chores.

Grab your copy here

[airapp src="http://www.cssjockey.com/files/downloads/air-apps/stint/index.php"]

PS: Since like I said, its my first hand-on experience with Adobe Air, I may have left room for improvement. Feel free to share your thoughts and feedback in the comments below.

With hopes for your acceptance and encouragement, I am on to building another exciting solution

Among many studies conducted to find out just what influences people’s perception of a website’s credibility, one interesting finding is that users really do judge a book by its cover… or rather, a website by its design.

Rapid changes in design trends are driving focus towards its usability. More and more features are being zipped into a plain and simple design for users to get bountiful results without spending more than a jiffy. The back-end coding is the key device to achieve this simplicity in design.

Keeping this mind, I’ve designed a small script to introduce a sliding login box into your website, just as you see in Twitter login page. The script comprises jQuery & CSS techniques to display this arty feature. Checkout the code below and try it yourself or simply download the ready to use files.

View Demo | Download Code

xHTML Code

Clients Area




Username:
  
Password:
 

Press ESC to close

CSS Code

jQuery Code

What more features can I zip for you? Do let me know in the comments.

What’s the news after all?

Though Google has been intimidating its users for long to stop using IE6, it finally declared to set its foot down, saying, “In order to continue to improve our products and deliver more sophisticated features and performance, we are harnessing some of the latest improvements in web browser technology.  This includes faster JavaScript processing and new standards like HTML5.  As a result, over the course of 2010, we will be phasing out support for Microsoft Internet Explorer 6.0 as well as other older browsers that are not supported by their own manufacturers … Later in 2010, we will start to phase out support for these browsers for Google Mail and Google Calendar.”

Finally, Google fully joined the war with Microsoft and the rest of the world against IE6 users with this bold step. For this Google deserves a round of applaud!

The news brings hope for an end to the usage of IE6, if not by the end of year 2010, at least somewhere between the years 2011-12. It’s no news that Google rules the World Wide Web with the maximum number of market share, and with this step it will definitely act as an eye opener for the IE6 users and bring relief to businesses and people suffering because of them.

Great News! No IE6.

This will be great news for developers, as they’ll save a lot of production time bypassing the extra styling and fixes needed to work upon, just to render same look for all the apps and websites on IE6. They will finally implement newer technologies and render web experience, which in turn will undoubtedly raise the web standards and their awareness among users.

Great news for users, as they’ll surf the web more securely and can welcome newer technologies; applications that will enhance their browsing experience. Users will then get more features and functionality from newer browsers, which means they can actually speed up their business or work online and deliver more in lesser time. And above all, they will have one look for all applications on all browsers.

Also for website owners, as they will be relieved from the merciless charge by developers, not me!! to have their websites support users of IE6.

Well, it’s more than important for everyone to support Google in their efforts against IE6. I say, be it developers or designers, we should all follow the footsteps of these great leaders and from this point, stop any and every support and fix for IE6.

What’s your take on this news? Share your views below..

Well well well, we aren’t here just to convey our wishes through words we got you some nice presents too. After all, we love our community and are always working to make it a better place for us all. With this wish, we present to you a token of our good wishes and loads of love: A Christmas Twitter Background, to color your twitter page with the Season’s best colors and gifts and a CJ Christmas Message Plug-in, to welcome your user’s with a custom message/news for the season. Now, whether you’re ready for this Christmas or not, it’s raining gifts already!!!

As someone truly said, It is Christmas in your heart, that puts Christmas in the air! We’ve put together our hearts and soul to flaunt your screens and websites with the season’s best festive spirit. Hoping you enjoy this season to the best and get everything you wish for yourself or your loved ones, here’s where you can download our gifts.

CJ Christmas Message WordPress Plug-in:

If you love to spread the Christmas cheer around, we’re sure you’d wanna get your hands on this first. This plug-in helps you setup a custom message with cool graphics for all your visitors. This message can be a welcoming season’s greetings or may be a news flash for the new attractions on your website.

It’s like putting up a placard and be assured to grab your visitor’s attention. It will leave your visitor’s smiling and looking for more on your web-site. The beauty of this plug-in is, once a visitor has come across this message they will not be given the same surprise every time they visit the same page. However, they will see this surprise message the next day they visit the same page. This is because the cookies are set to expire in 24 hours.

So, let us not stop you anymore, go ahead and be the first to flaunt it to your visitors.

Screenshot »

Installation »

1. Extract the Plugin Folder from the downloaded ZIP file.
2. Upload cj-xmas-message folder to your /wp-content/plugins/ directory.
3. Activate the plugin from the “Plugins” page in your Dashboard.
4. Configure the plugin from Settings > CJ X-mas Message options page.

Important: For trouble free execution, this plugin requires your theme to have wp_head() and wp_footer() functions.

Download

Plugin Support »

Report any Bugs or Request more Features at our Support Forums.

Be nice and don’t hesitate to share these goodies with your friends and peers. Remember Santa loves nice people