Home  >  CSS

Category: CSS

How to embed custom font using @Font-Face method

Want to embed the custom font into your site but can’t figure out how to do it? In this tutorial, we will be discussing, how to use custom font into your site using CSS3 @Font-Face method. For this, you need to upload the font files into your server then adding it to your theme or template using few snippets of...

Categories CSS/Miscellaneous/Web Design/WordPress

Best CSS tricks every designer should know

We all know CSS is a simple language used to set visual style of web pages. It has simple syntax so it’s easy to understand. Once in a while, there comes a moment where CSS is tricky too. So in such situation, to get the job done easily, various CSS tricks and techniques will be very helpful. Here I have compiled...

Categories CSS/Miscellaneous/Web Design

Awesome CSS Buttons

Are you in need of some button inspiration? In this article, we will list out some awesome buttons made out with CSS which you can use in your websites. These buttons have some awesome hover effects, some contain gradient effect, 3D effects, material design and more. At the end of the article, you can drop your comment on which button design...

Categories CSS/Inspirations/Miscellaneous/Web Design

Switching from CSS to SASS in wordpress

We all know that CSS is a very simple language, very easy to understand but it can be hectic if it’s becoming very long. For eg, If you need to tweak a certain color value for a certain element throughout the whole site, you have to find all CSS for that element from the whole CSS file, then you will...

Categories CSS/Web Design

Bootstrap’s Grid System vs. Susy: A Comparison

What is Susy? Susy is a grid layout engine that was built to help web developers easily create web layouts. Susy gives you the tools to build a custom grid framework that matches the needs of your website. What is Boostrap? There is more to Bootstrap than just a grid system. It is also a full featured toolkit and framework...

Categories CSS/Miscellaneous/Web Design

Harnessing The Power of CSS Ready Classes To Modify Gravity Forms

The advent of “Ready Classes” in Gravity Forms 1.5 is a blessing in disguise for so many web designers who are enthusiastic about styling or changing the layout of their forms. With the help of these CSS ready classes, webmasters can now tweak the layouts or fields of their forms to suit the taste of their target audience. They can...

Categories CSS/WordPress

Quick Tip: Full height background images across all browsers

Today we have a quick tip for you. Just a small post that show you how you can create Full height background images across all browser size including mobiles and tablets. The task is relatively easy. This just takes a few line of CSS to make sure this works. In this example I will be using the “body” tag to...

Categories CSS

What’s Awaiting Us In Responsive Design?

Responsive web design philosophy has been impressing designers and developers across the globe. The ever-growing urge for designing websites that can fit every screen size has encouraged web designers to adopt responsive web design tools and methodologies. Although adaptability to the screen size is the foremost parameter associated with responsive web, there are other aspects that play a vital role...

Categories CSS/Web Design

Why You Need To Spend Some Quality Time with Your Website’s Layout

Creating a website is one of the most imperative things that online marketing and web designing companies usually do as it speaks a lot about their goals and values they want to put forth in front of their users. No matter how small or massive is the size of your website, it is crucial to have an efficient and functional...

Categories CSS/HTML5/Miscellaneous/Web Design/Web Development

Responsive websites, what, when, where. Designing websites for devices

Responsiveness as the term defines deals with responding to changes and that is what it also means on the web. Responsive websites are those that respond to different devices and adapt themselves according to the devices. Since not all devices are same and also do not have same resolutions, it is better if we make a website that adjusts itself...

Categories CSS/HTML5/Web Design