Author: Shekhar

  • Free HTML5/CSS3 WordPress Theme – Clin-UPress

    Free HTML5/CSS3 WordPress Theme – Clin-UPress

    After long time we are today releasing a very useful freebie – its a HTML5/CSS3 WordPress theme. Initially I coded this theme for my current blog, (where you’re now) but I came to create another minimal theme which is used now. So the theme was ready and without use in my HD – the reason I came to give it for you.

    Theme is best suited for running personal blogs, community blogs, tech blogs etc. Having excellent typography ensures visitors will enjoy reading. There is Bebas for main headline and secondary headlines are on Arial, rest of the copy is in ‘Sansatin Regular’. I grabbed both fonts from FontSquirrel.

    PSD

    There is no PSD of this theme, I directly coded it in HTML.

    Mark up

    Theme is coded in HTML5/CSS3 on base of HTML5 Boilerplate. Its just a HTML Template, isn’t coded in PHP yet. Currently theme has following pages

    1.) Home page

    Clin-UPress Home Page

    2.) Single post page

    Clin-UPress Single Post Page

    3.) Full width post page
    4.) Contact page

    Browser compatibility:

    Since theme is coded in HTML5 and CSS3 – I have tried to use much less images as I can. This theme is compatible with standard browsers and falls gracefully in IE.

    Copyright

    You can use this template for any kinds of usage – in your personal blog page or may be in commercial projects, but you can not remove the footer link for original theme location.

    Also I am gonna release its working WordPress theme which will be coded in PHP, subscribe our RSS feed or follow me in twitter to get updates.

    Futher, what you can not do is you can not publish its version template in your blog. Let me know if you’re interested to code it in php & release it through this blog.

    Check it out, demo of HTML Theme
    Demo

    You can grab all theme files in a ZIP, for free:
    Download

    If you find it really useful, share it.

  • Iconic Navigation Menu bar PSD

    Iconic Navigation Menu bar PSD

    Today we have got something better freebie for you. Its a sliky, high contrast navingation bar with icon + texts for menu items.

    Preview (Click on image to enlarge)

    Silky Navigation PSD Freebie

    There are Icons used in PSD, I find those icons on my collection, which I had downloaded long time ago, plz remind me who is the icon designer, if you remember.

    All the layered psd is available here to download.
    Enjoy downloading psd.

    Download

    More PSD Freebies

  • Resources to write better resume and cover letter

    Resources to write better resume and cover letter

    First a good Cover letter, and second a better resume – the main weapons for all candidates who are seeking for a good job. This is where you’ve got a chance to prove yourself that you’re the best fit for required position among others. It makes sense, having a good resume, but having better resumes makes more sense and helps you better stand out from the crowd.

    Update: March 2019,  this post is revisited with valid links and removed obsolete resources.

    How are you doing on creating an effective resume? Here I have listed some of the best & proven to work resources that is definitely going to help you get most of it. Write a better resume, you got to read these guidelines.

    Oxford Career Guide

    “A CV (curriculum vitae, or résumé in the US) is a summary of your academic, extra-curricular and work experience. It should be a brief document that illustrates your skills, achievements and interests.”


    Google Guidelines for preparing resumes

    “To make it easier for us to determine where you might best fit within our organization, you can take a few simple steps to help us understand your qualifications.”


    Target Jobs Career Advice

    “Graduate CVs and job applications: they can take as much planning and preparation as an essay or project write up. Here we cover the basics of how to tackle online applications, structure a graduate CV and put together a covering letter.”


    Harvard Business School’s Career Development

    “The resume is an opportunity to market yourself to a prospective employer. It should be succinct, target an employer’s needs, and distinguish you from your competitors.”


    Monster.com’s Career advice

    “In a competitive job market, we have to do everything we can to make our resumes more attractive to hiring managers. This can be difficult for older workers, who fear that even if there’s no bias (subconscious or conscious) against job seekers on the mature side of 40, a resume may make them look overqualified for the positions they want.”


    BusinessBalls Guidelines

    “While the basic rules of a good CV remain constant, the world of work and business changes quickly. This especially impacts on how managers and graduates can best show themselves to be outstanding candidates.”


    Smashing Magazines’s Tips

    “Ah, the dreaded cover letter. Boring to write, difficult to get right, and you’re usually preoccupied with other things (such as the portfolio and resume, which are also really important). Unfortunately, your cover letter is a company’s first exposure to you, and it determines whether your application is trashed or fast-tracked to the company’s to-hire list.”

  • How to remove links dotted border in IE7?

    How to remove links dotted border in IE7?

    Is your head spinning trying a:focus{outline:none;} to remove the dotted outlines in active links in IE7? Well mine was. After a long research and trying a lot test, I came to face a good, well worked trick to remove those ugly dotted borders.

    The myth

    Try out Googling on this topic and you ll find everyone is saying use this:

    	a:focus, *:focus {outline:none;}
    

    A never working fix for IE7.

    But hey, is that property supported in IE7? Simplest and fair answer is “No”. CSS ‘outline’ is not supported in IE7.

    Here you will find a quick trick how you can remove active links dotted outlines from IE7. (Sorry for recommending to use CSS expression, but this is the only solution for IE7.)

    The Solution

    Nothing more, just one lines in needed in your CSS, but its a CSS expression.

    a:focus, *:focus {
    	noFocusLine: expression(this.onFocus=this.blur());
    }
    

    Fix Dotted Borders in IE7

    
    

    Thats it. All those ugly dotted lines are gone. Its tested against IE7 only.

    Do you have another css trick on this? Share with me – comment it down.

  • Create Document Icon with CSS3

    Create Document Icon with CSS3

    Nowadays Im working more on mobile web apps. I have encountered many challenging works which I have accomplished with CSS3. Today I am gonna share a nice trick, how you can create a document icon with pure CSS3 only. I am using a single HTML element <a> (you can use your preferred one) to create this icon.

    Original link.

    Now this post is exclusively available on Nettuts.

    Final CSS3 Document Icon

  • Must read books for Web Desingers/Front End Developers in 2011

    Must read books for Web Desingers/Front End Developers in 2011

    A book list for Web Designers and Front End Developers, one must read to keep your knowledge aligned with current standard of emerging web technology.

    What is your preffered reading method? Reading on screen or reading printed books? I often choose printed books to read. Laying down on ground somewhere in park (or you may choose bed) and turning pages over, reading, makes more enjoyable (than just makign eyes bigger with tears looking at screen) – only possible if you choose to read printed books.

    Web industry is such a emerging field where last things goes (usually, not always) too obsolete and if you dont keep yourself upto date with current standards, it shows there is a high possibility that your competitor will left you behind and steal more clients.

    So, what takes it to be updated, well said staying upto date with current web standards and new technologies?
    In order to answer question above and help you to do so, I have listed a essential books, reading upon, you ll gain good and aligned knowledge with current web trends.

    List goes :

    Smashing Book #2

    By: Smashing Magazine

    Smashing Book 2

    Hardboiled Web Design

    By: Andy Clark

    Not available as of 2019 June.

    hardboiled-web-design

    HTML5 & CSS3

    By: SitePoint

    Getting Good with JavaScript

    By: Andrew Burgess

    Responsive Web Design

    By: ETHAN MARCOTTE

    Responsive Web Design

    Rockstar WordPress Designer 2

    By: Rohan Mehta

    WordPress Designer 2

    Magento Theme Designer

    By: Richard Carter

    Magento1.4 Theme Design

    Distinctive Design

    By: Alexander Dawson

    Distinctive Design

    Introducing HTML5

    By: Bruce Lawson, Remy Sharp

    Introducing HTML5

    Other recommendations:

    Enjoy reading, Happy reading !!!
  • Simple Contact Form (Free PSD Template)

    Simple Contact Form (Free PSD Template)

    A form on the website made to contact the site owner, much simple short it is, the better. More users are likely to leave the form in between if its longer and asks users to fill out 10s, 15s fields.
    Here is Simple Contact Form, actually its a Free PSD Contact Form PSD for you, can help you get more interaction with you site visitors.

    Preview (click on image to see actual size)

    Contact-Form-PSD

    Download PSD Format

    Enjoy contacting.
    If you want more usable resources get in touch @shekhardesigner or subscribe RSS Feed

  • Rating Stars PSD + PNG

    Rating Stars PSD + PNG

    Rating Stars, comes in use time to time when conducting user reviews. You might find a lot Rating Stars, so again I say I made something that mathches your theme.

    Rating Stars PSD + PNG

    I have created rating stars in three color, respectively Gold, Blue and Red Rating stars. Download file contains all stars in PSD file, also exported in PNG Sprite seperatedly. Makign it easy to help you find something that matches you theme.

    Happy reviewing.

    Download PSD + PNG