Design, CG Graphics & Inspiration

50 Most Wanted FireFox Extentions For Web Geeks

50 Most Wanted FireFox Extentions For Web Geeks

What browser do you use? Previously we have made a post about different Chrome extensions, now it’s Firefox’s turn to show off. If you used to work in Firefox and don’t want to give up, you will find the extensions of this post very helpful and useful. There is a great amount of functionality for web designers too. Hope that these extensions will help you to customize your favorite browser and give you some ideas to improve your own experience.

Read more…

  • May 3, 2011,
  • AndrewG

How to create a Progress bar with HTML5 Canvas

How to create a Progress bar with HTML5 Canvas

There is a great amount of articles about Canvas on the internet, but I would like to show the example of how you can use Canvas on practice, namely the creation of animated progress bar.

Read more…

  • May 2, 2011,
  • Splashnology Editors

Optimization story

Optimization story

At that time there were a lot of such projects and to stand out from the crowd we decided to change the business model: instead of one offer a day to issue four. But, as usual, the appetite comes with eating, so after only a few months on the front page there were splashed 30 offers instead of 4.

Read more…

  • April 28, 2011,
  • Splashnology Editors

Awesome Chrome Extensions For Web Developers

Awesome Chrome Extensions For Web Developers

Extensions are extra features and functionality that you can easily add to Google Chrome. By using extensions, you can customize Google Chrome with features you like, while keeping your browser free of things that you don’t use. With Google Chrome extensions, you can add more features to the browser to help you with designing, debugging, and working on websites. Unlike Firefox extensions, Chrome extensions are easier to create, because they’re nothing more than web pages that use Chrome’s APIs. In this post we present you more than 4o useful and awesome Chrome extensions that might be very handy for web developers.

Read more…

  • April 27, 2011,
  • AndrewG

50 Useful CSS3 Tutorials

50 Useful CSS3 Tutorials

Each day CSS3 becomes more and more popular among web designers and web developers. Many exciting functions and features are being made up for CSS3 today, which provide faster completion time, more flexibility and easier maintenance of web pages. In this post we offer you a great collection of 50 Useful CSS3 Tutorials you can always use whenever you need it.

Read more…

  • April 26, 2011,
  • AndrewG

Tools for formatting CSS code

Tools for formatting CSS code

Do you love your CSS code as much as I do? If you do, then there is no doubt that you strive not only to ensure that it behaves and feels well, but also has a nice look. I hope that the tools described below will help your code to get closer to the ideal.

Read more…

  • April 24, 2011,
  • AndrewG

50 jQuery Tutorials And Techniques

50 jQuery Tutorials And Techniques

jQuery is a Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding and it has captivated everyone’s attention by its fast and concise JavaScript Library that simplifies event handling, animating, HTML document traversing and Ajax interactions for speedy web development. In this post we present you 50 jQuery Tutorials and Techniques that might be useful to you.

Read more…

  • April 23, 2011,
  • AndrewG

SCSS — a new icing from Sass

SCSS — a new icing from Sass

As I lately did almost no CSS/HTML jobs, I’ve missed the Sass3 release that implemented the SCSS extension (Sassy CSS). That’s a CSS extension without any syntax “distortion”, meaning that any valid CSS document is a valid SCSS document too. In this article, I’ll compare that release with some existing preprocessors, such as Sass and Less. Please note that the Sass syntax has been updated recently.

Read more…

  • April 2, 2011,
  • Splashnology Editors

Cross-browser box-shadow

Cross-browser box-shadow

Hi, dear readers!

Today I’d like to share with you an extremely simple cross-browser implementation of the CSS property “box-shadow”. The method is so simple and obvious that I was greatly surprised not to find a similar solution anywhere on the Web (though I’m absolutely positive that I’m not the first one to discover it).

Read more…

  • March 26, 2011,
  • Splashnology Editors

To Copy or Not to Copy: The content CSS Property

To Copy or Not to Copy: The content CSS Property

I’ve decided to use a trendy CSS property, content, for my web project, to make webpages more “lightweight” and to improve the flexibility of tuning their appearance. As the project was only intended for web developers, I didn’t need to bother about supporting outdated browsers (IE 6 and 7). Alas, I was greatly disillusioned in that CSS property: though everything was displayed correctly, the end user’s experience was far from perfect.

Read more…

  • February 10, 2010,
  • Splashnology Editors

Columnar Layout

Columnar Layout

There are many methods of making columnar layout. More than one web developer’s nose was blooded (fortunately, only virtually) in the holy wars over the superiority of one or the other technique. It should seem that everything is as clear as possible by now, but plenty of difficulties still arise here and there. I’d like to make my contribution to the common good, so I’ve spent some time on experiments that allowed me to create one more method, which has the following advantages and disadvantages:

Read more…

  • January 19, 2010,
  • Sergey Chikuyonok

Layout of Stretchy Websites

Layout of Stretchy Websites

In this article I will share with you a technique for laying out stretchy websites (actually, I have found out that I cannot make non-stretchy ones), which I’ve been using for the last 2-3 years. This technique, which can be used for creating sophisticated modular grids, is easy to use but somewhat difficult to understand, and it does have some drawbacks. Basically, this article might be useful for web designers too, as website layout should be correctly designed before actual coding is done.

Read more…

  • January 9, 2010,
  • Splashnology Editors

Universal Method of Block Decoration

Universal Method of Block Decoration

I asked my readers to think out a technique for laying out blocks with rounded-off corners and shadows. Take a look at the solutions I received, and you will see that most of them are very much alike: four elements in the corners and a somewhat odd-looking result, though there are some differences in block placement. Let’s take a detailed look at the way those techniques work and also find out why this article isn’t simply titled “Creating rounded-off blocks with shadows.”

Read more…

  • November 3, 2009,
  • Splashnology Editors

Sprites in the web. Part 1

Sprites in the web. Part 1

Nowadays there are a lot of pieces of news about CSS-sprites. However, all resources just crunch the same idea about saving a set of small pictures in the one to increase total page loading speed. This research in two parts will gather all my knowledge about sprites using features in the web.

Read more…

  • October 20, 2009,
  • Splashnology Editors

How to create 2 floating columns with the same height correctly

How to create 2 floating columns with the same height correctly

I want to share with you my approach to markup of double-columned templates where both columns must have the same height. It seems to be well-known and frequently discussed subject and every web-design resource provide to you at least a few ways to do it. But I must point your attention to one moment that described templates are like “bricks”, i.e. templates with fixed width and maximum one expanding column. I will show how to make two (or more) expanding columns and it will be not emulation like bold colorful border, but real full-scale column for which you can setup your background picture for example.

Read more…

  • June 20, 2009,
  • Splashnology Editors