Design, CG Graphics & Inspiration

How to Create Progress Bar with CSS3

How to Create Progress Bar with CSS3

Today we will recreate a progress-bar from the Adobe® Flash® Player settings program with the help of CSS3, using gradients and shadows.

Read more…

  • November 12, 2011,
  • Denis Bobrovnikov

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

jQuery Galleries & Sliders: New Free Tutorials, Plugins and Ready-Made Solutions

jQuery Galleries & Sliders: New Free Tutorials, Plugins and Ready-Made Solutions

jQuery image sliders and galleries are very popular and you can find a lot of examples on various blogs and especially on portfolio sites, moreover, they are useful for any other type of web sites for displaying different images and photos. Now you even don’t need to have some high skills in Javascript or jQuery, you can improve your site simply by following these tutorials. In this round-up we’ve gathered a set of awesome and really easy to understand new free tutorials, plugins and ready-made solutions which will help you in adding photo galleries or sliders with ease.

Read more…

  • November 3, 2011,
  • AndrewG

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

JavaScript FAQ: Part 1

JavaScript FAQ: Part 1

I have created a topic where collected different questions about JavaScript that might be interesting to our readers (architecture, framework, problems). So, if you’re intrigued, let’s not waste our time and move straight to the questions.

Read more…

  • October 20, 2011,
  • TheShock

Creating Cartoon Characters: New Adobe Illustrator Tutorials

Creating Cartoon Characters:  New Adobe Illustrator Tutorials

The first thing that comes in our mind when we see cartoon characters is that they are funny, nice and beautiful. In the last few years cartoon characters became very popular and you can see them almost everywhere. Today designers use all their skills, creativeness and of course Adobe Illustrator to make them look really awesome and attractive to us. So, if you’ve got an idea to create your own vector characters, first check our post with 14 new Adobe Illustrator Tutorials! These tutorials will be useful for beginners, intermediate and advance users of Adobe illustrator in creating vector characters and we hope it could help to expand your creativity and imagination.

Read more…

HTML & CSS Aspects

HTML & CSS Aspects

In this material I’ve collected the main useful aspects which html developer should know and remember about. Part of the questions considered here is devoted to IE – I gave up of IE6 support myself, however it would not come amiss to know the features of his behavior.

Read more…

  • October 17, 2011,
  • Roman

Elements to Remember in Web Site Design

Elements to Remember in Web Site Design

In this article I would like to write about design elements, which are often overlooked by web design beginners. Those elements that should already be by default, they are often not mentioned in the requirements specification, because many people think that designers already know about them and you shouldn’t bore anyone describing them.

Read more…

cssHooks – Expanding the Set of CSS Properties

cssHooks – Expanding the Set of CSS Properties

In this article I will tell you about the jQuery.cssHooks object, which jQuery contains by default. The expansion of this object allows you to add new properties or values written in the . css () method, which are not natively supported by certain browsers. Perhaps the availability of many CSS hooks is not new, but for me it was a small opening.

Read more…

Web Design & Dev Community News #9

Web Design & Dev Community News #9

Here at Splashnology our main purpose is to provide our readers with interesting, resourceful and useful content. Every time when surfing the web we pick out the freshest information for you to stay in the swim. So to your attention we showcase articles, tutorials, new services and more new freebies of the last week. We’ll try to bring you all the best in a way of weekly roundup. Hope you’ll enjoy it!

Read more…

Secure Storage of Passwords

Secure Storage of Passwords

Internet has firmly established its place in our daily lives. All of us, who cannot be referred to IT people, use a great variety of services ranging from mail and ending with social networks. Almost all services require registration. But for the personal safety one should use different passwords that consist of many characters. Well, many Internet users are unaware of the requirements for a secure password. But here is one small problem: how to remember all of your passwords?

Read more…

  • September 12, 2011,
  • wlan

How to Make Your Own Video Player On HTML5 Video

How to Make Your Own Video Player On HTML5 Video

Today we are going to cope with the task of creating your own video player on HTML5 Video. Let me remind you that the video-element by itself already provides the necessary set of controls for playback controlling.

Read more…

  • September 7, 2011,
  • Constantin Kichinsky

LibCanvas Basics. The Practice

LibCanvas Basics. The Practice

This is a continuation of the article about LibCanvas basics. In the first part we’ve touched upon the theoretical side and now we’re going to do some practice and try to implement very basic and simple things. The main purpose of the article is to master the basic knowledge about LibCanvas, we’ll write a simple scripts, unsuitable for the use in real life, but you can develop them into something great.

Read more…

Content editable Feature in HTML5

Content editable Feature in HTML5

One of the HTML5 innovations has become the ability to edit the page in the browser. This feature is called content editable. It works in all modern browsers. To make the page editable, you need to put the tag attribute contenteditable = “true”. Under the tag can be almost everything: formatted text, images, lists, and even flash-movies. But you can add only text, the rest can only be removed. In this post I’ll show an example of using content editable on the website.

Read more…

  • August 26, 2011,
  • Boris

The Structure of jQuery: Dive Into Source Code

The Structure of jQuery: Dive Into Source Code

jQuery definitely has become a standard in web development industry. There are many excellent js-frameworks that deserve attention, but jQuery impressed everyone with its ease, elegance and magic. People write using jQuery, people write plugins for jQuery, people even write articles about jQuery, but few people know (especially beginners) about jQuery’s structure.

In this article, we will hold a small excursion into the interior of this framework and discuss what’s inside of it. This article is intended for basic knowledge of Javascript. Think about it, and if you know how to write a clone of jQuery, then likely you won’t find here anything new.

Read more…