Category Archive for "Web Design"

html

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…

784 total views, 1 views today

Read More
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…

681 total views, 1 views today

Read More
css3

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…

865 total views, 2 views today

Read More
css3

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….

585 total views, 1 views today

Read More
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…

9,556 total views, 169 views today

Read More
css3

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….

796 total views, 1 views today

Read More
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…

677 total views, 1 views today

Read More

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…

743 total views, 1 views today

Read More
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…

712 total views, 2 views today

Read More
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…

536 total views, 1 views today

Read More
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…

577 total views, 1 views today

Read More
html

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…

481 total views, 1 views today

Read More
css3

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…

521 total views, 2 views today

Read More

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…

238 total views, 1 views today

Read More

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()…

509 total views, 1 views today

Read More
Please wait...

Subscribe to our newsletter

Want to be notified when our article is published? Enter your email address and name below to be the first to know.

Coupon Code "HAPPY10" - Get Discounts upto 90% + 10% off on Purchase of themes/templates and Plugins