Working on a WordPress project where client demands all images within a post should extend and touch window borders, actually full size images. The wrapper has margin of 20px on both sides and its not possible to remove the margin otherwise, all other elements will required 20px margin. I got this working with following JS code: $('.content img').each(function() { $(this).css({ 'position': 'relative', 'min-width': $(window).width(), 'margin-left': '-20px', }); }); In case you have better code for this and in CSS, please share.

Continue Reading

Sometimes server act weird and stop some services due to any issue I faced this issue with my a href http cssjockey net target blank CSSJockey net a WordPress demo sites server where MySQL service stops after running the clean script to remove demo demo sites after three days So I created a Cron Job on my a href https goo gl tNcE l target blank DigitalOcean a Ubuntu Droplet to check if and start MySQL service if its not running I scheduled this to run the check every minute Here's the code and steps to setup this cron job...

Continue Reading

Today we spend most of our time online either on our personal computers office work-station and most of the times on mobile phones Today there's a web or mobile app for almost everything and we use almost all of them in our daily routine Most of the application store our information to personalize the content as per our profile and interests To keep our data secure and hidden from others they provide us with a form to create a username and password strong Do you use a super-strong password or just an easy one which you can remember and someone...

Continue Reading

Typography is strong the strong key element in the design process While designing a web page business card brochure or a newspaper advertisement fonts and text style plays an important role to get user attention To design stunning elements we need fonts and fortunately the big daddy provides a lot of them for free We can use strong Google Web Fonts strong in our designs and they are pretty awesome and very easy to use h How to use Google Web Fonts on a web page h Its pretty easy to use Google Web Fonts on your website You can...

Continue Reading

strong Links Links Links strong That's what we have all over the internet On our website and blog posts we have a lot of links to point a user to another page Today I will share a small trick to stylise the links with CSS Animation That's what I've used on this website and you can apply the same as well to change the link color with style on hover h CSS Animation h With CSS animation we can add some effects when changing from one style to another without using any flash or javascript We will use CSS animation...

Continue Reading

Today we have a quick tip for those who feel depressed and cry when they see the holy grail of CSS in one single line in their website theme stylesheets Recently I started hearing from a lot of people complaining about their theme developers using minified CSS in their themes for maximizing performance without any consideration for their ease of use customization People keep asking me if there are tools that convert minified CSS back to normal human-readable form and recently someone even asked me to do a job normalize some minified stylesheets of course I didn t do it...

Continue Reading

Web standards are prevailing guidelines used on the World Wide Web to ensure web sites and information is accessible to all in the most efficient manner Most Web browsers have different default settings for the base margin and padding This means that if you don't set a margin and padding on your body and xHTML tags you could get inconsistent results on the page depending upon which browser your users are using to view the page A simple way to solve this is to set all the margin and padding on the xHTML and body tags to pre class lang...

Continue Reading

h style text-align center One sometimes finds what one is not looking for h This quote by strong Alexander Fleming strong explains all what I am going to share with you today I am pretty sure that you are aware of strong Google Search Suggest strong and strong Yahoo Search Assist strong feature This feature helps you effortlessly find exactly what you re looking for No doubt it lists a few suggestions to keep the user looking for more and more As you type something in the search box it automatically offers search terms and phrases in real time How...

Continue Reading

p style text-align center strong People count up the faults of those who keep them waiting strong Seems like I kept them busy decoding this loading bar D p a href https cssjockey com wp-content uploads loading-bar png img class aligncenter size-full wp-image- title loading-bar src https cssjockey com wp-content uploads loading-bar png alt width height a Recently while browsing I landed on a page on a title How is the loading script on this website implemented href http stackoverflow com questions how-is-the-loading-script-on-this-website-implemented target blank StackOverflow com a where people were discussing about how I implemented this loading bar on...

Continue Reading

Hello readers I hope you are benefiting from a title Google Juice Hard To Get But Tasty To Drink Part- href https cssjockey com seo search-engine-optimization-google-juice-hard-to-get-but-tasty-to-drink target self Part a and a title Update Services and Optimize Link Structure href https cssjockey com seo google-juice-ping-update-services-optimize-link-structure target self Part a of em strong Google Juice Hard to Get but Tasty to Drink Series strong em As promised I am here with the Part of this Google Juice Series in which I am going to share with you a very effective trick to place your website quicker and higher up in strong...

Continue Reading