Design, CG Graphics & Inspiration

40+ New HTML5/CSS3 Articles and Tutorials

40+ New HTML5/CSS3 Articles and Tutorials

HTML5/CSS3 are bringing so much useful into web designers’ lives and in this connection we don’t stop on searching through the web for exhaustive and interesting tutorials, articles and snippets to share all the best resources with our readers. In this post we’ve collected the latest and the newest HTML5/CSS3 Articles and Tutorials that might help you in mastering your skills.

Read more…

  • November 10, 2011,
  • AndrewG

CSS3 Secrets: 10 things you might not know about CSS3

CSS3 Secrets: 10 things you might not know about CSS3

Great presentation by Lea Verou about some things in CSS3 you may not have known about. You will learn something here guaranteed.

  • ,
  • AndrewG

Making an Image Gallery with CSS3

Making an Image Gallery with CSS3

Quite recently I’ve decided to try CSS3 features in operation. To look at what they are suited for in reality. My look fell on the well known galleries of fancybox etc. In other words, I’ve decided to do the similar js gallery, but only on clean html+css.

Read more…

How to Achieve Text Fading Effect in CSS3

How to Achieve Text Fading Effect in CSS3

Hello to everyone. Today’s post will be short, but I think it can be rather useful to our readers. I often hear people ask the same question about how to do “fading” of text to the bottom, the top etc.
There are variants on js and with a picture and css -gradient simply imposed over text. Today a new decision of this problem came into my mind. Its realization is a piece of cake.

Read more…

  • November 4, 2011,
  • Softlink

SITH – CSS3 Technique for Soft Image Transition

SITH – CSS3 Technique for Soft Image Transition

I would like to tell you about how I obtained the smooth changing of icons’ colors when hovering the cursor over them. You can often see a similar problem on Facebook. If an icon is a blue silhouette on a white background, then when hovering the cursor both colors switch their places and it looks a bit sharp as it happens instantaneous. My aesthetic feelings were offended, and I decided to work out my own decision.

Read more…

  • November 2, 2011,
  • Denis Bobrovnikov

How to Create a Tiket Like Tag Cloud With HTML and CSS3

How to Create a Tiket Like Tag Cloud With HTML and CSS3

This is a video showing how to create a very attractive tag cloud, with html and styling it purely with css3.

  • September 12, 2011,
  • AndrewG

CSS3: More Than Just Rounded Corners by Josh Netherton

CSS3: More Than Just Rounded Corners by Josh Netherton

When people started talking about CSS3, properties like border-radius and text-shadow seemed to get all the attention. But with a wide variety of new selectors, pseudo elements and properties, CSS3 has a whole lot more. We’ll hit on some of the basics and then delve into some of the more advanced aspects, like using web fonts and :nth-child (whoo hoo) and creating gradients and animations.

  • August 24, 2011,
  • AndrewG

CSS3 Animation Menu Tutorial

CSS3 Animation Menu Tutorial

Nice tutorial on creating css3 animation menu like on this site http://blog.syncode.co.uk/

  • July 14, 2011,
  • AndrewG

PressWork Demo

PressWork Demo

Presswork is a free WordPress Framework for designers, developers & publishers.
Front-end Editor. Style without any code and take full control.

The idea is simple – let’s put the power of PressWork in the front-end. We wanted to give designers, developers, and publishers alike the ability to make all changes in a live preview environment while taking advantage of everything that WordPress already has to offer.

  • July 13, 2011,
  • AndrewG

Sprite animation in CSS3

Sprite animation in CSS3

Sprite animation – is one of those things that, for all its primitiveness is still working successfully and is being applied in computer graphics and games for more than a quarter century. Even 3D games have sprites – for example, billboard explosions. Sprite animation is used in many browser-and flash-games, because it is very simple and does not require high performance – all you need is to change the frames and that’s it! And with the advent of animation in CSS3 it has become possible to use sprites on your pages without javascript.

Read more…

  • July 7, 2011,
  • ertaquo

Timesaving Tools and Services for Web Developers

Timesaving Tools and Services for Web Developers

Web developers should always be abreast of the latest news. And to make their work easier and to help in saving their time a lot of talented web developers from all around the world always try to bring some new decisions and tools. To your attention, we would like to showcase some fresh timesaving tools among which you’ll find useful services, resources, generators and frameworks that you might find very interesting.

Read more…

CSS3 Now! Animation, Transparency, and more (Part 2)

CSS3 Now! Animation, Transparency, and more (Part 2)

Continuing the series of articles CSS3 Now! (The first article is about CSS Transitions), I would like to talk about creating animation effects with CSS3 tools, and specifically – @ keyframe and animate. Also, in this article we will touch upon the properties of opacity and color model rgba (), cross-browser use of border-radius, box-shadow and gradients.

Read more…

  • July 2, 2011,
  • Arseny Zarechnev

Creating CSS3 Navigation Menus: Fresh Tutorials, Techniques and Tools

Creating CSS3 Navigation Menus: Fresh Tutorials, Techniques and Tools

Navigation menu is the most essential thing on a web site that should be carefully chosen according to its design and necessities. Today, there are a lot of ways to create a nice looking and usable navigation menu, but we would like to share with you some tutorials on how to make it with the help of CSS3. We’ve searched around the web and picked out the most interesting examples of CSS3 navigation menu tutorials you might want to try yourself. Hope you’ll like them and use in your projects or may be just for the daily practices.

Read more…

CSS3 Now! Transitions

CSS3 Now! Transitions

CSS3 and HTML5 are developing faster and faster, browsers begin to support more new features. In this regard, I would like to make a series of review articles about these new technologies. In this cycle, I would like to consider such CSS3 properties like transition, animate, opacity and rgba () model.

Read more…

  • June 26, 2011,
  • Arseny Zarechnev

Creating HTML5/CSS3 Forms: 30 Helpful Tutorials

Creating HTML5/CSS3 Forms: 30 Helpful Tutorials

Web forms are very helpful in interaction between a web site and the users. It should be simple, functional, and beautiful. So, whether you are going to add contact us form or sign up form, there is no doubt, that with CSS3 you’ll create something creative and special with its great specifications such as box-shadow, text-shadow, transition, etc.. You should definitely check out the tutorials on creating HTML5/CSS3 Forms we’ve complied for you.

Read more…

Useful HTML5/CSS3 Snippets

Useful HTML5/CSS3 Snippets

Modern web designers can’t imagine their lives without HTML5 and CSS3 languages that we use for websites creation.Everyone knows that at this point there is a cross-browser problem, but despite that web developers actively use various frameworks and snippets to put all their ideas for the future sites into reality. Below, we’ve gathered some HTML5\CSS3 snippets that might be useful for both beginners and professionals who work in this sphere.

Read more…

  • June 18, 2011,
  • AndrewG