Webski Solutions - Web Design & Development Portfolio
Webski - Your interactive partner

Webski - Instant Quote
  • Webski Solutions on Facebook
  • Webski Solutions on Facebook
  • Webski Solutions at Twitter
  • Webski Solutions at LinkedIn
  • Webski Solutions at Pinterest
  • Webski Solutions at Blog
View Blog By Category
Search Blog By Date
View Blog By Author

blogging color css e commerce facebook fonts graphic design images jquery layout mobile marketing online marketing pinterest plot ppc sem seo seo marketing social media social media marketing typography web design web design sydney web development webmaster tool

Search by Author:
Results 11-15 of 14     Page: Prev Page  1 2 3

Web Design » Creating Switch view option using jQuery and CSS

7 Dec 2010 (06:04)Author: Dean M

Creating Switch view option using jQuery and CSS

The web user today wants the sites to be more interactive and that interaction to be done on faster and more user-friendly level. Now I'm going to show you a few-step tutorial that will help you to increase the interaction on your site.

Creating Switch view option using jQuery and CSS

Web Design » Create nice-looking heading via Google Font API

26 Oct 2010 (08:03)Author: Dean M

 

Create nice-looking heading via



Google Font API

 

When I wrote the last blog post I thought that was the last connected with typography, but I think that this is the ultimate solution for web designers who want to use different fonts instead the standard without using any techniques mentioned in the previous posts. I think that typography is very important part of the web design, so this will be dedicated to it too.

First we include the style-sheet file direct from the Google API site with the specifying the font family that we want to use. This project is in beta version and there are 25 fonts so far.

 


 <head>

   <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

 </head>

Web Design » Text With Neon Light Effect using jQuery & CSS

27 Sep 2010 (05:36)Author: Dean M

Creating a Background Image

Final_image

The previous blog post was creating glossy text using only CSS.

In this post I'm going to show how to create Neon Glow Text, but this time I'm going to use some jQuery (a JavaScript library); besides, I'm going to use some CSS. Let's start with the first step.

First of all we should create an image with the two different color versions of the text, and helped by the jQuery we can create a smooth transition between them. To create the image we're going to use Photoshop, so we're creating an empty 650px X 300px document and set #141414 as a hex code for background color.

For the text you can use your favorite font-family, for this example I'll use Century Gothic with a size of 60px and I'll type “jQuery & CSS liquid text effect” two times for the heading text.

Web Design » Glossy Text using only CSS

22 Sep 2010 (11:31)Author: Dean M

It's the new era of the web design. Every web designer or developer that have some basic knowlage od SEO would know that the text is more SEO friendly than image. So if you want the text you want to emphasise to be a little trendy and for example to have a glossy look and sometmes you'll say "OK I'll make an image in photoshop with the text that I want and thats it". I want to tell you that there is a solution for that problem and its solution that doesen using javascript, it's pure CSS trick. 

Glossy Text


Click » Glossy Text using only CSS « to read more
Results 11-15 of 14     Page: Prev Page  1 2 3