Menu

Category Archives: CSS3

Using CSS3 Media Queries for a Responsive WordPress Design

Excerpt of the ori­gin­al art­icle.

«A respons­ive design for your Word­Press site is no longer option­al – it’s a neces­sity. At least, it is accord­ing to Google’s updated algorithm, which pen­al­izes site’s that aren’t fully optim­ized for mobile devices.»

Read more on

→ wpmudev.org

Create CSS3 Animated Search Box

Excerpt of the ori­gin­al art­icle.

«In this tutori­al I will like to show you how we can cre­ate a really cool anim­ated search box with CSS3 and JavaS­cript. If we look back in the days, developers used to anim­ate HTML ele­ments by chan­ging val­ues of CSS prop­er­ties with JavaS­cript. That was not only slow but also hard to code, or to main­tain the same qual­ity on major mobile and desktop browsers. Thanks to CSS3, now we can anim­ate ele­ments much faster, much easi­er and the res­ults can be really cool!»

Read more on

→ icanbecreative.com

Demo on

→ icanbecreative.com

11 Amazing Effects Created Using CSS3 Box Shadows

Excerpt of the ori­gin­al art­icle.

«With CSS3 Box Shad­ows, you can do a lot of things like build­ing mod­als, mak­ing beau­ti­ful text effects, draw­ing a Vik­ing shield and even more. Design­ers all over the world are play­ing around with CSS shad­ows and come up with excit­ing res­ults.»

Read more on

→ smashingapps.com

Create an Apple TV Poster Parallax Effect in CSS3 & jQuery

Excerpt of the ori­gin­al art­icle.

«Have you seen the new Apple TV par­al­lax effect? It is awe­some! We have decided to repro­duce this effect using CSS and jQuery, and it looks very close to Apple’s par­al­lax effect.»

Read more on

→ designmodo.com

Demo on

→ designmodo.com

How to Create CSS3 Animated Checkboxes

Excerpt of the ori­gin­al art­icle.

«HTML forms have a lot of ele­ments which func­tion dif­fer­ently. Some of them provide options while oth­ers need input from the user. HTML check­boxes are a good example of this. Check­boxes give the user an option to select one or more items from a set of altern­at­ives simply by tick­ing or mark­ing the box with a check.»

Read more on

→ designmodo.com

Demo on

→ designmodo.com

15 Awesome CSS3 Text Effects

Excerpt of the ori­gin­al art­icle.

«Every web design­er wants to cre­ate only stand­ing apart web­sites that are appre­ci­ated by all Inter­net users. Of course, it’s impossible to sat­is­fy everyone’s tastes. Still, as a web design­er you must merely try to give your best to cre­ate the most liked online pres­ences.»

Read more on

→ webappers.com

Laying Out A Flexible Future For Web Design With Flexbox

Excerpt of the ori­gin­al art­icle.

«CSS floats and clears define web lay­out today. Based on prin­ciples derived from cen­tur­ies of print design, they’ve worked well enough — even if, strictly speak­ing, floats weren’t meant for that pur­pose. Neither were tables, but that didn’t stop us in the 1990s.»

Read more on

→ smashingmagazine.com

8 Fresh & Useful CSS3 Tutorials

Excerpt of the ori­gin­al art­icle.

«Here we have col­lec­ted 8 won­der­ful and prac­tic­al CSS3 tutori­als for you that will teach you how to cre­ate amaz­ing CSS3 ele­ment designs. These tutori­als are easy to fol­low and provide detailed step by step guidelines so that you can cre­ate best and func­tion­al CSS3 designs.»

Read more on

→ smashingapps.com

18 Amazing Effects You can Create with CSS3 Box Shadows18 Amazing Effects You can Create with CSS3 Box Shadows

18 Amazing Effects You can Create with CSS3 Box Shadows 

Excerpt of the ori­gin­al art­icle.

«We can do a lot of things with CSS like build mod­als, make beau­ti­ful text effects, draw a Vik­ing shield, and even cre­ate a heart shape. There’s also plenty that we can do with CSS3 Box Shad­ows, and in this post we are going to look at how some design­ers play around with CSS shad­ows to some great res­ults. »

Read more on

→ hongkiat.com

Yes, You Can Actually Make These Text Effects In CSSYes, You Can Actually Make These Text Effects In CSS

Yes, You Can Actually Make These Text Effects In CSS 

Excerpt of the ori­gin­al art­icle.

«In order to suc­cess­fully give a web­site a look that is more visu­ally impress­ive, design­ers always con­cen­trate on pla­cing more emphas­is upon typo­graphy that is both styl­ish and neat in nature. These same design­ers used to depend upon pro­grams such as Pho­toshop to accom­plish this; how­ever, since CSS3 was imple­men­ted and sup­por­ted by most browsers, things changed a lot. »

Read more on

→ designyourway.net