CSS3 Flexible Box / FlexBox

Key Words & Phrases Flex Container -Parent element in which flex item are located in Flex item -The child of a flex container (the parent). Direction -Leftwards -Rightwards -Downwards -Upwards What Are Flexible Box/Flex Box Flexible Box/Flex Box is a box model optimized for interface design in CSS3. One of the major pros of flexible […]

Responsive Designs : Things to consider

In an increasingly mobile world, the modern website is akin to an actor trying to play many parts, for many audiences. Website are no longer just a fixed or full-width box on one device, but now need to accomodate several different screen and device sizes, in addition to at least 4 different traditional web browsers. […]

jQuery and CSS3 Slider – Parallax

Today we want to share a simple parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself. The idea for this comes from the slider of the Kendo UI homepage, a framework for […]

Major Changes to CSS Gradients

One of the easiest and most effective ways of speeding up a web site is to replace background images with CSS3. A linear gradient defines a color change along a specified line. Each point on the line has a particular color. The width of the line, perpendicular to the direction of the line, extends to […]

CSS3 Selectors module with three attribute selectors

The CSS3 Selectors module introduces three new attribute selectors, which are grouped together under the heading “Substring Matching Attribute Selectors”. These new selectors are as follows: [att^=val] – the “begins with” selector The “begins with” selector allows for the selection of elements where a specified attribute (e.g. the href attribute of a hyperlink) begins with […]

Using CSS3 To Design Web Pages To Display Properly On Multiple Devices

The Problem Web development has become a bit more complicated, now that more and more people access the Internet using their tablets, smartphones and other mobile devices. Gone are the simple days of fixed-width web page layouts, and the messy stop-gap innovation that resulted from this — using tables as layout devices. Liquid layouts soon […]

5 Stunning CSS3 and jQuery Tutorials for completing any website

The most notable difference among all of the tutorials that I have seen, is the depth and complexity at which they portray their information. I like an article that is done at a high level, but has further information diving into technical pieces that I may or may not need to know. I don’t want […]

20 Amazing Tools For Responsive Web Design by MarkupBox

Creating a responsive theme has become more and more prominent as the mobile world has started to take over the digital marketplace. Companies need to take into account the tablet and mobile phone world because people are beginning to make purchases from them. Whether you are marketing groceries, apps, or metal, it is important to […]

CSS3 Images End-Game: Gradient Changes

CSS3 Gradients are a huge bonus to cutting edge browsers. They help eliminate the need for image editing programs for elements like buttons. If you are having trouble developing a gradient, look at this online css3 gradient generator. A BOX OF GRADIENTS background: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue)); What type of gradient? (linear) […]

CSS3 Transitions – transition-timing-function

There is a specific article on CSS3.info that I wanted to cover. It involves CSS3 transitions and how to stack and combine transitions. The transition-timing-function property is used to specify how the pace of the transition changes over its duration. This can be done in one of two ways. Either by specifying a number of […]