Category Archive for "Web Design"

Step by step to design any product UI/UX from scratch

Step by step to design any product UI/UX from scratch. checkout the steps for taking before start any product design you must need to know. Before starting any product design you must need to be very specific about your business…

If you are going to design a product, you must have to think about product

If you are going to design a product, you must have to think about product you must need to keep in mind these things which is most important for a good UI/UX Designer.   Product thinking helps you think in…

Every UI/UX designer need to know difference between UI and UX

Every UI/UX designer need to know difference between UI and UX Every UI/UX designer need to know difference between UI and UX. The people you have eavesdropped on are actually discussing two professions that despite having been around for decades,…

Download best admin premium bootstrap free themes

Download best admin premium bootstrap free themes Whatever type of project you’re working on, there’s a good chance the free CoreUI template could be a good match. Not only does CoreUI work with a wide variety of libraries, including Laravel,…

What is RWD and how you can use it in your website.

What is RWD and how you can use it in your website. In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For…

HTML Marquee Tag

An HTML marquee is a scrolling element of text shown either horizontally across or vertically down your webpage. This is developed by using HTML marquees tag. Eg i <marquee > welcome to the world of Freelancing design </marquee> in the…

Hire Freelancers and Download Responsive themes for CMS, Joomla, Wordpress, Magento, Opencart, HTML, Plugins and Templates.

5 Ways To Improve Your Web Design

5 Ways To Improve Your Web Design Add your important information on first fold Add your important and main content on first fold. Studies have shown that Internet users decide which part of a page are likely to be of…

Useful :nth-child Recipes

Useful :nth-child Recipes I get a little giddy when I come across perfect uses for:nth-child or :nth-of-type . The better you understand them, the more css nerdgasms you get to have! In these simple “recipes” (really: expressions) I’ll arbitrarily use a…

5 Useful CSS Tricks for Responsive Design

5 Useful CSS Tricks for Responsive Design 1. Responsive Video This responsive video CSS trick was discovered by tjkdesign.com. I’ve blogged about it before, you may read the details here. It makes the video embed to expand fullwidth to the boundary….

Hire Freelancers and Download Responsive themes for CMS, Joomla, Wordpress, Magento, Opencart, HTML, Plugins and Templates.

Fontello: The Past and Future of the Icon Font Service

Fontello: The Past and Future of the Icon Font Service The following is a guest post by Vitaly Puzrin, the developer behind the icon font service Fontello. I’m also a fan of IcoMoon, a similar service. But I’m also a…

How nth-child Works

How nth-child Works There is a CSS selector, really a pseudo-selector, called nth-child. Here is an example of using it: ul li:nth-child(3n+3) { color: #ccc; } What the above CSS does, is select every third list item inside unordered lists….

Hire Freelancers and Download Responsive themes for CMS, Joomla, Wordpress, Magento, Opencart, HTML, Plugins and Templates.

Scroll-Then-Fix Content

Scroll-Then-Fix Content. A reader sent me in a GIF showing off a cool effect they saw on Google on mobile. (Presumably the homepage you see when you launch Chrome on Android?) There is a search input in the middle of…

Creating A “Save For Later” Chrome Extension With Modern Web Tools

Creating A “Save For Later” Chrome Extension With Modern Web Tools Creating an extension for the Chrome browser is a great way to take a small and useful idea and distribute it to millions of people through the Chrome Web…

Hire Freelancers and Download Responsive themes for CMS, Joomla, Wordpress, Magento, Opencart, HTML, Plugins and Templates.

make bootstrap tab

make bootstrap tab Bootstrap comes with a lot of different JavaScript tools to make your website more user friendly.  Today I’m going to cover Tabs and then give a more advanced example for making your tabs have dynamic content using…

Why bootstrap is a bad fit for wordpress themes

how to make a wordpress theme

Page Templates Pages are one of WordPress’s built-in Post Types. You’ll probably want most of your website Pages to look about the same. Sometimes, though, you may need a specific Page, or a group of Pages, to display or behave…

Why bootstrap is a bad fit for wordpress themes

Why bootstrap is a bad fit for wordpress themes

Since its release in 2011, Bootstrap has quickly become the most popular front-end framework on Github. This popularity also has an impact on the world of WordPress themes, with authors using the framework during development or even releasing themes that…

How to Insert Images with HTML

How To Add Images To Your Web Pages! By now you know enough to write a very nice, text-based home page, but it is the ability of the Web to provide pictures, technically called images, graphics, or sometimes icons, that…

CSS Transition

The css transition property is a shorthand property used to represent up to four transition-related longhand properties:   CSS .example { transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay]; } These transition properties allow elements to change values over a specified duration, animating…

Accidental CSS Resets

Any time you use a shorthand property in CSS, you set all the values for all the properties it deals with. It’s not a bug, it’s just how CSS works. I’ve seen it confuse people plenty of times. Let’s shine…

CSS Selectors

A ::after / ::before :active Adjacent sibling Attribute B :blank C :checked Child Class D :default :disabled Descendant E :empty :enabled F ::first-letter ::first-line :first-child :first-of-type :focus G General sibling H :hover I :in-range :invalid ID J K L :lang()…

Markup: HTML Tags and Formatting

Header one Header two Header three Header four Header five Header six This is default paragraph. Morbi sagittis sem quis lacinia faucibus, this is a text link orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat…

This Post Looks Beautiful even with Long Interesting Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat,…

Imagination Encircles the World

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat,…

Photography is the Science

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat,…

we have updated our price to free for all the product. Dismiss