CSSJockey

Unique & Practical Digital Presence

Welcome to our virtual office. We specialise in creating unique and practical Web Apps, Hybrid Mobile Apps, WordPress Themes & Plugins and Laravel Applications with latest technology & design trends. Our knowledge supported by 10 years of industry experience, enables us to come up with unique, practical and out-of-the-box solutions.

Contact us today to see if we can help take your project to the next level.

Discuss your project









 

Recent Updates

sharing best practices

Today's freebie is a set of brand and social icons created with pure CSS. In fact, you can use the CSS code any web icon font. In this freebie, I've used fontawesome.io web font icons. This freebie includes HTML/CSS files for the icons in different shapes and sizes. Download Now  

Continue Reading

There are a few times when we want our website visitors to search content in just one category and not the whole website Today I am sharing a simple but effective UI trick to create a category based search box with CSS and jQuery Checkout this demo and then we'll dig into the coding part a class button info href http codepen io cssjockey full ILapH target blank Live Demo a h HTML h pre class lang xhtml decode true title HTML code lt div class search-box gt lt input type text value class search-input placeholder search gt lt div...

Continue Reading

As a web designer I always look for design elements for inspiration So to search for images normally we open Google com Flickr com and other preferred sites apply different search filters and type keywords and then hit enter to view the results Its ok to follow this process if we need to do this for two or three times in a day But for a designer its not the case We look for resources a lot and that wastes a lot of our valuable time What if we can automate this task and reduce a few step I created...

Continue Reading

Custom post types is a great a feature introduced in WordPress and it extended the functionality and practical usage of this awesome CMS While re-designing re-structuring CSSJockey com I have used Custom Post Types for different sections on this website Now I want to add all these custom post types to main WordPress feed so the users get updated content from each section via RSS There are two ways we can do that You can add the below code snippets to the htmltag tag 'code' functions php htmltag file of your theme h Add all Custom Post Types to Main...

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 will play with jQuery CSS class methods such as strong addClass strong strong removeClass strong strong hasClass strong and strong toggleClass strong and learn some basic implementation to modify the HTML styles on the fly a class button info href http codepen io cssjockey pen HoBnv target blank Live Demo a h jQuery CSS Class Methods h Lets understand this a small piece of code First things first You must include the jQuery library in the span class lang xhtml decode true crayon-inline lt head gt lt head gt span tag pre class lang default decode true lt...

Continue Reading

In this tutorial I'll create a CSS Accordion without using any jQuery or Javascript As I mentioned in my previous post a title An easy way to create Tabbed Content with jQuery amp CSS href https cssjockey com code-snippets an-easy-way-to-create-tabbed-content-with-jquery-css target blank An easy way to create Tabbed Content with jQuery amp CSS a displaying a lot of information on one page is a bit difficult and we can use tabbed content or accordions to achieve the same without compromising on user experience We can always use jQuery to include nice effects on our css accordion However we are going...

Continue Reading