Author: Shekhar

  • Dark HTML CSS Template – Mega ICT Expo 2012 : Friday Freebie

    Dark HTML CSS Template Preview

    Time is to release our ‘Friday Freebie’ and we have HTML CSS Template for this week. I made this template for my college work, its about 6 months ago. I think, this template may be helpful to you, so here I come to give on today’s Friday Freebie.

    HTML Demo.

    Template contains a lot HTML pages, in which you might find some similar pages to each other also. This template usage <table> mark up and normal JavaScript functions.

    Why <TABLE>s?

    If you’re questioning me ‘Why <table>’s, my answer will be:
    My college’s guidelines to develop a site:

    1. Do not use DOCTYPE
    2. Use Plain HTML, less DIV elements as much as possible
    3. Use custom JavaScript functions, instead of plugins and libraries.

    Custom JavaScript Modal Window

    Get Template ZIP

    Though since I came to give this HTML/CSS Template for free, I have placed Doctype on all pages. Some visuals are enhanced by CSS3 also.

    Comming week will bring you extensive PSD Templates, so stay visiting, Subscribe RSS feed.
    Let me know, if this helped you, comment below.

  • Elegant Calculator Icon – Premium Feebie of the day

    Elegant Calculator Icon – Premium Feebie of the day

    Its time for very cool freebie and yet a premium freebie. Today we have Elegant Calculator Icon, a very clean and pixel perfect icon.

    Actual view (Click on the image to see full view.)

    You know, what I’m going to say? ‘Yes’ you’re right. I am going to say, this cool Elegant Calculator Icon is free for you guys. Download contains this Icon’s PSD file, PNG icons of 28 x 28, 64 x 64, 128 x 128, 256 x 256px.

    Download Icon

    Hope you’re enjoying the  freebies. Subscribe RSS feed for more upcoming Freebies.

    More Freebie Icons

  • Black and Red Application Icon Set

    “Aren’t there thousands of icons (definitely free) already for us?” You might be thinking the same. I also did the same, but when it comes to look for your theme matching icons, you need to swim the google like a hell.

    Last time I had to work in black and red theme for a sport based website and I found myself suffering to find that kind of icons.

    This is the reason behind todays freebies. I created some basic application icons in Black and Red theme. As always you’re free like a bird, use it wherever, whenever, however you want. Sell, package, re-distribute, re-post with back link do what ever you like.

    Download Icons
    If you’re crazy about modifying icons and using it, consider downloading icons with PSD included,
    Download Icon with PSD
    You may like to subscribe our RSS Feed for more upcoming good freebies.
    Follow me @shekhardesigner, check out our Facebook fan page blog.cssjunction

    Similar posts

  • Whats new in Firefox 6? For Web Developers?

    Whats new in Firefox 6? For Web Developers? or lets ask for all users? Consider the following lines:

    The most notable addition to this new release are the <progress> element, touch events, Server-Sent Events as well as the return of WebSockets.

    – hacks.mozilla.org

     

    Statement above is taken from hacks.mozilla.org,  first paragraph of about the new Firefox. Since Firefox 5 wasn’t that old, new release of Firefox is supposed to be more productive and useful for Web Developers, yes, as you can guess from the quote above. This time Firefox release is for Web Developers.

    Other considerable new features which might make you happy, continue reading below:

    Even more faster than Firefox 5

    Last release of Firefox (Firefox 5) brought the most valuable changes in Firefox. Major and most loved thing was it is much faster. Current release of  Firefox 6 is again going little faster than Firefox 5.

    Enhanced support for HTML5, CSS3 and DOM

    Good news for Web Designers/Developers. Firefox now supports more HTML5, CSS3 and upgraded DOM manipulations. Check out the Hacks.Mozilla.org ‘s press release page here for in-depth  details.

    Scratchpad – New tool for JavaScript Developers

    Again, if you are a developer, from now on you will not ne relaying on Firebug’s Console for JavaScript debugging. Firefox has implemented new feature for debugging JavaScript, though it is much similar with Firebug’s Console. Scratchpad does not requires any add ons.

    Domain Highlighter

    Have you noticed the domain highlighter in Internet Explorer 9, It highlights the main domain and fade outs the page URL. Now you can experience the same feature on Firefox 6 also.

    Control permission

    Almost each browser allows users to control page securities like Cookies, Password remembering, disabling JavaScript, Popup blocking on page by page basis or on a overall basis. But you may want to do something more restriction on the pages like e-commerce application, business application and loose restriction for Facebook, twitter etc.

    New Firefox allows you do the same. Its new Data Management Window will let you do you choices on site basis.

    Go for it, but…

    You ll obviously likely to upgrading to new Firefox 6, but before doing that consider following things:

    • Check you required add on whether they are compatible with new Firefox 6 or not?
    • Do you really need to upgrade just because it is a little faster than Firefox 5, (which isn’t that slow)?
    • Do the new features really benefits you more?
    Good luck and happy browsing with new Firefox 6
  • HTML5-CSS3-Modal-Window-Template

    Everybody, as promised on last article (Modal Window PSD), here is the HTML5 CSS3 Template for Modal Window, Tested in all modern browsers and graceful degradation on older browsers.

    Have a look
    Ok, now if you find that this is what you’re looking for, hmm go download it now.

    Get Template here

    You know what I will say now? ‘Yes’ use it wherever and whenever you want.

    Say thanx to me, use form below. Stay in touch for more useful resources; follow me in twitter @shekhardesigner. You might also want to subscriber our RSS feed

  • Modal Window PSD

    Update

    This PSD is now available in HTML5 CSS3 Template. Checkout here.

    Modal window, as we all application developer are nowadays using modal window rather the default alert type browser window. It helps us to keep our interface consitence over entire application along with ability to use any kinds of contents inside it.

    So, here is a pixel perfect, clean modal window psd. Freebie for today. ZIP contains layered psd.

    Download ZIP

    Further, be sure to browse on coming Tuesday (that is 16th August), that day I ll publish HTML/CSS Template for this modal window. Stay in touch, follow me @shekhardesigner

    Happy Windowing.

    Some related freebies

  • Free HTML5 CSS3 Login Form


    Last week we have give a Login Form, layered psd. This time we are giving our readers a coded Simple Login Form. Coded in HTML5 and CSS3, which gracefully degrades in olders browsers. Intially this Elegant login form was created by Orman of Premium Pixel back in October 2010. I have co-ordinated with Orman about giving his artwork in form of a HTML/CSS Template. He have agreed. Thank you Orman for allowing me to convert your artwork.

    Check out workign template here:
    Demo

    Original PSD can be download from his website: Elegant Login Form Design (PSD), which is also featured on Creattica.

    Hope this HTML5/CSS3 Login Form will help our readers. Once again Happy Login.
    Download the coded template here:
    Download ZIP

    Keep visiting for more useful Freebies :). and follow me @shekhardesigner

    Related freebies

  • Easy Login Panel – Free layered PSD

    Letting users easily go through your application needs a login panel, which have to be very easy, clean. Todays PSD freebies is to achieve the same result.

    Nothing more, under the hood, this panel has normal  input fields, a field for user name, another for password. And if you forget the password, just in case, log in box contains a link where you can go & recover your password.

    Quick view

    LOGIN-PANEL

    Click on image to see full view.

    Download

    Finally, if you find this can really help you, download it. I am giving you full layered psd.

    Download

    Stay visiting. I am publishing more useful PSD resources sooner.