Design, CG Graphics & Inspiration

Stars of Front-end Development

Stars of Front-end Development

In any profession there is a thin stratum of people who are really high quality specialists. And the area of front-end development is not an exception – it also has its personalities. People listen to their opinion, follow them in blogs and social networks and read their books. In the work process they generate different original decisions or techniques that instantly spread in the world of web development and remain actual for a long time. They create comfortable online services for a markup, write useful js-libraries, improve browsers, propagandize web-standards and render direct influence on their development. They can name themselves front-end engineer, front-end developer, web developer, web designer, UI Designer, browser compatibility expert or simply css lover, but for majority of us they are stars of front-end that make the internet look in a way we see it today. A lot of interesting reviews with decisions, techniques and news from the world of web-development often appear on the internet, signed by different authors, however far not all of us know anything about them except their names. I wanted to share with our readers some information about them.

Read more…

  • April 12, 2012,
  • Alexander Smolyaninov

How to Implement in Code 5 Really Useful Responsive Design Patterns

How to Implement in Code 5 Really Useful Responsive Design Patterns

The time when we will pay far more attention to the responsive markup than we do it now is already not too far off. So I consider that it is necessary to be well prepared in this question when the time comes, or even to have clear idea of what is it and what it is used for.

I would like to say at once that the markup of the responsive patterns requires some different approach, than the markup of statics. We will code a “fixed” pattern and it will work everywhere and under any conditions. However, when implementing it into the responsive pattern we can run into some difficulties such as: block sizes and indentions, fonts and, eventually, the created markup does not allow us to manipulate the blocks in a way it is required by the design pattern. It is necessary to think over all these questions before the creation of responsive markup.

Read more…

  • April 6, 2012,
  • Softlink

7 Steps to Get Prepared for IE10 and Windows 8

7 Steps to Get Prepared for IE10 and Windows 8

As you, certainly, already know, Windows 8 Consumer Preview was released on February, 29, and together with it the 5th platform preview version of Internet Explorer 10. In this article I am going to talk about how to prepare for the updated version of IE. Although, the narration will be mainly about IE10, many of these advices are applicable to other browsers, including the other platforms.

Read more…

  • April 3, 2012,
  • Constantin Kichinsky

PSD2HTML Review

PSD2HTML Review

Not every designer can quickly create a valid, semantic standard compliant markup, that looks equally good in all popular browsers. Frequently, when designers create magnificent and complex graphic part, they try to complete the coding part on their own. This can take too much time and become a really frustrating experience.

PSD2HTML® is an excellent solution for designers who want to get a high quality PSD to HTML conversion and CMS implementation in short turnaround time. They accept source files in all common formats, such as PSD, PNG, TIFF and AI. PSD2HTML® also provides the implementation of your design into popular CMS, including but not limited to WordPress, Drupal, Joomla! and Magento.

I used their services myself and here is my experience:

Read more…

  • March 29, 2012,
  • AndrewG

How to Create a Fading Dark Gradient on CSS3 without Images

How to Create a Fading Dark Gradient on CSS3 without Images

In today’s post I would like to share with you my method of creating fading lines without the use of images.

Read more…

  • March 19, 2012,
  • CyberAP

Stop-watch on CSS3 Without Any Pictures or Scripts

Stop-watch on CSS3 Without Any Pictures or Scripts

Introduction

Firstly, I would like to say a few words about browsers. This code works on such modern browsers as: FireFox, Safari and Chrome. On approach such browsers as IE10 and super secret new Opera.

Secondly, I want to notice at once that I will describe exactly the process of animation, but not drawing on CSS3. For the future I have a different plan, it is to do very beautiful picture, on CSS. Oh yes, it became not so boring, since the developers from safari gave up the old standard of linear – gradient (good bye, color – stop, from, to, 0 0) and Opera at last began to support radial – gradient (the last thing happened relatively a long ago).

At first I thought of creating a simple stop-watch, with pointers only, but it is very boring.

You don’t get any drive and a feeling of mechanism, when you see two pointers hurrying on a monitor. From the other side I remembered how once I did a sort of odometer, for the path passed by a mouse. And suddenly, a brilliant idea came into my head.

Read more…

  • March 6, 2012,
  • Leonid Lilo

Pixel Distortions with Bilinear Filtration in HTML5 Canvas

Pixel Distortions with Bilinear Filtration in HTML5 Canvas

In this post I want to describe simple methodology of pixel image distortion on “clean” javascript in 2D – Canvas without the use of the special libraries and shaders, by the direct access to the pixels of the image. I hope, it will be interesting and useful both for general development and for the decision of some tasks.

Read more…

  • February 22, 2012,
  • Stdit

Parallax Scrolling: Tools, Articles and Tutorials

Parallax Scrolling: Tools, Articles and Tutorials

In our previous post dedicated to parallax scrolling effect, New Websites with Parallax Scrolling, we’ve already described the principle of its work. And today we would like to present to your attention some resources with the help of which the parallax scrolling can be achieved. Here we’ve gathered jQuery plugins, articles and informative tutorials. In case you know any useful sources on this topic, please don’t hesitate to share with us via the comments.

Read more…

  • February 18, 2012,
  • AndrewG

CSS3: Life Without Prefixes

CSS3: Life Without Prefixes

Prefixes are a good thing. They help browser developers in realization of new possibilities. But with them developers’ lives get even more difficult. There are a lot of prefixes, and sometimes there are distinctions in syntax.

The problem is obvious. We need to find a method to facilitate the work with prefixes.

Of course, it would be unreasonable stop using prefixes. But it’s quite possible to shift a duty of their generation on specially existing for this purpose instruments. I tried to enumerate the possible variants.

Read more…

  • February 14, 2012,
  • Renat Rafikov

40+ New Tools and Services for Web Designers and Developers

40+ New Tools and Services for Web Designers and Developers

Last year, in summer we published a very informative roundup Timesaving Tools and Services for Web Developers with numerous handy resources. Such services, generators and frameworks are in a popular demand, especially among people who value their precious time. In this post you’ll find a lot of helpful things, except that it hasn’t any of jQuery plugins, as previously we’ve presented to you a showcase of 50 New jQuery Plugins For Web Developers.

Read more…

  • February 13, 2012,
  • AndrewG

Great Dozen of Advices to the Beginning HTML Coders

Great Dozen of Advices to the Beginning HTML Coders

Introduction

I am a freelancer. Previously, I didn’t think much about how and what coders do. I was responsible for the server, and my friend was coding and managing with the content. Quite recently I wanted to try to understand “what’s what”. A couple of days ago I came across the material that I liked very much. It was a clear example of what and how to write. Unfortunately, I cannot share the link, because I don’t remember where this manual is situated. Though, it was possible to memorize it, I went another way – I summarized it and made some notes. So, you are welcome to look through my notes.

Read more…

  • February 9, 2012,
  • Michael Davydenko

Dive into CSS3

Dive into CSS3

Everyone who was ever interested in CSS3 has already tried it. Now we can generate rounded corners and drop shadows without any superfluous efforts.

But it’s just a superficial level. I had to look into the new possibilities of browsers in more detail, to answer the arising questions like: to what extent gradients with a great number of colour transitions have the cross browser compatibility, where and how is it possible to apply at once a few shadows to the block, for what browsers prefixes of properties are used specifically etc.

In addition, I was interested in support of CSS3 on mobile platforms, unstudied possibilities of CSS3, and also generators that create a cross browser code. I tried to fill in some blanks and collect useful information for those, who only prepares to go deeper.

Read more…

  • February 7, 2012,
  • Renat Rafikov

50 New jQuery Plugins For Web Developers

50 New jQuery Plugins For Web Developers

In spite of the fact that jQuery was released in January 2006 it still holds its position and it’s not surprising, because of its ability to add various elements without the necessity to write bulky and heavy code. Also, it’s getting even much more easier as the community of developers constantly releases plugins that allow web developers to enhance their projects. And to make your task simpler, in order you could just visit our site and choose some of these useful plugins, we’ve picked the best and the newest jQuery plugins and listed them below.

Read more…

  • February 2, 2012,
  • AndrewG

Float Mania: Explanation of How CSS Property Float Works

Float Mania: Explanation of How CSS Property Float Works

As previously I was asked for several times: “why float is displayed wrong?”, I decided to write this note, which would explain typical situations a beginning coder runs into, and when someone asks me again simply to give a link to this article.

Read more…

  • February 1, 2012,
  • Jean Louis

On the Sails of HTML5: How New Technologies Change Modern Web. Part 2

On the Sails of HTML5: How New Technologies Change Modern Web. Part 2

You can read the first part of this article here

A3. Agile

The third A is Agile. The world is difficult and sometimes it is not enough to be simply accessible and adaptive to some different, but general parameters. A site must be flexible and the making of technological decisions must be flexible too.

Read more…

  • January 25, 2012,
  • Constantin Kichinsky

On the Sails of HTML5: How New Technologies Change Modern Web. Part 1

On the Sails of HTML5: How New Technologies Change Modern Web. Part 1

What is HTML5?

Today, from a number of those people who are somehow related to web development, only lazy ones haven’t heard about HTML5. You won’t be mistaken, supposing that at every modern conference, where some questions about web are being discussed, almost for sure, there might be something about HTML5. Practically every large company, related to web, whether it is Google, Apple, Microsoft, Amazon, Adobe, Oracle, Facebook, Yandex or Mail.ru. says something in favor of HTML5, makes a declaration of love and adherence to advancement and development of HTML5. Yeah! (Opera and Mozilla, undoubtedly, are in this list too.)

Read more…

  • January 24, 2012,
  • Constantin Kichinsky