Archive for April, 2011
Sony Announces S1 And Dual-Screen S2 Android Tablets
Tuesday, April 26th, 2011
Sony has just announced a pair of Honeycomb tablets, but — wait, wait, these ones are actually different. Yes, Sony has set itself apart from the crowd of Android slates by focusing on unique form factor and its Qriocity media suite…
Implementing SEO Solutions To Give Your Web Site A Significant Boost In Google
Monday, April 25th, 2011Numerous entrepreneurs these days have invested themselves deeply in online marketing, allowing their business to grow and attain some global exposure, thus receiving a lot more sales and reaching out to several of their target market from every part of the globe. This tactic effectively utilizes a web page, since web sites can be accessed [...]
SEO Rescuer.com
Ofert bankowe kredyty, pozyczki lokaty
Monday, April 25th, 2011Fundusze Inwestycyjne
Fundusze inwestycyjne to odmiana długoterminowego odkładania pieniędzy. Na całym świecie stanowią one najbardziej opłacalnych metod nowoczesnego oszczędzania i lokowania pieniędzy – dają bowiem sposobność zysków wyższych niż na lokatach bankowych.
Do funduszu może przystąpić każdy, kto ma świadomość niebezpieczeństwa związanego z opcją znacznych wahań notowań funduszy w trakcie inwestycji.
Czemu warto inwestować?
- możesz osiągnąć duże zyski, lepsze od lokat bankowych czy innych tradycyjnych form oszczędzania
- osobiście decydujesz o wysokości i porach wpłat i czasie istnienia Twojej inwestycji
- posiadasz całkowitą kontrolę i pole manewru przez cały czas inwestycji, bo obserwujesz, jak wzrasta liczba Twoich oszczędności. W każdej chwili zdołasz kupować kolejne jednostki uczestnictwa lub zażądać nabycia ich z powrotem poprzez fundusz w całości lub części
Oferty finansowe
Fundusz Emerytalny
OFE stanowi część systemu emerytalnego, z którego później będzie wypłacana emerytura.
Do otwartego funduszu emerytalnego co miesiąc ZAKŁAD UBEZPIECZEŃ SPOŁECZNYCH wysyła część Twojej składki na ubezpieczenie społeczne, jaką do ZUS przekazuje pracodawca.
Kapitał do OFE wpłaca jedynie ZAKŁAD UBEZPIECZEŃ SPOŁECZNYCH. Klient nie może nic przekazać osobiście.
W Polsce organizm emerytalny oparty jest na trzech trybach (filarach) magazynowania środków na przyszłą emeryturę:
- I filar to ZAKŁAD UBEZPIECZEŃ SPOŁECZNYCH (jest przymusowy). ZAKŁAD UBEZPIECZEŃ SPOŁECZNYCH jest tylko jeden – nie masz wpływu na jego wybór.
- I II filar to otwarty fundusz emerytalny OFE (jest obowiązkowy) dla ludzi narodzonych po
31.12.1968r. MUSISZ go wybrać.
- I III filar (jest opcjonalny) są to każde inne metody oszczędzania kapitału na emeryturę.
DS-MAX PROPERTIES – FLATS FOR SALE IN JALAHALLI CIRCLE (31 / Offering)
Sunday, April 24th, 2011 The project name is DS-MAX SPLENDOR, it is a residential apartment located in Jalahalli circle, 2min from Sapthagiri Engineering College with 2/3 BHK flats. Here the price range starts from 904 sq.ft to 1214sq.ft (INR) costing for 17.30 Lakhs to 23.50 Lakhs.
To view more projects take time to visit our website: www.dsmaxproperties.com
OR
Copy the link mentioned below:
http://dsgroupworld.in/properties/bangalore/ds-max-splendor
Chennai (Madras) Classifieds ADS
Kitchen Window Treatments For That Special TouchKitchen Window Treatments For That Special Touch
Sunday, April 24th, 2011Jessica JamesKitchen window treatments and also transform a room from the cold utilitarian space to a warm and inviting region for all to enjoy.|We all tend to spend considerable time in this particular room of the home and you really want to offer the area some persona.|Following are some tips fro kitchen window treatments you can use to warm up the space.|he valance is one of the most widely used kitchen window treatments as it sets high on the eye-port allowing a lot of mild to come through the glass.|This is a excellent option because you really do would like a lot of light in this particular room of your property.|Proper lighting in the kitchen is extremely important and these kitchen window treatments do not block significantly natural light at all.|e do like the idea of a lot of gentle in our cooking room but we often would like privacy just as much.|Level of privacy curtains are wonderful regarding concealing the area in the evening and they can be exposed to let light within during the day.|These kinds of kitchen window treatments are perfect for any neighborhood that has houses close together or for any kitchen that has larger windows.|af curtains are a prime choice for a room that has smaller home windows in the area.|These types of kitchen window treatments come in an array of patterns and styles and they have a comfy charm regarding them}supra baby skytopAs opposed to choosing ruffled and published designs for these kitchen area window treatments you may wish to choose a clean, customized look that offers smooth lines.hildrens clothes include accessories, inner clothing, night wear, play clothes, costumes, formal wear.You can make your piece more unique by ordering a specific design or you may have your childs name embroidered on.In addition, the estimates are easy to get with the aid of the internet which will also save you time.ont ever hire any moving company without first comparing the quotes with other company quotes simply because this can be a big mistake and could result in more stress than help on moving day.he sweetness of Christmas involves those mysterious letters from Santa Claus to young kids.supra banditIn every regions of the entire world, the house Christmas decorations and holiday lighting markets increase for a little less than a few months before Christmas after which die out for the remainder of the entire year before picking up once again right after Halloween.A lot of the tools that youre going to have to use on your chosen project around the house just arent going to be up to it.You can enjoy convenience, though, from a variety of other industrial air tools, including several kinds of sanders and grinders, pistol and straight screwdrivers, and a whole lot of others designed to save you time in working on projects around your home.Sleeping helps energized your body rejuvenates the loss energy that you have.This type of bed is usually seen in houses with limited space and the kids would want to have the bed of their own.ne important aspect of the ceramic tiles is they are durable.http://centextilecontractorsThey arent limited in the measurement of can that theyll open.As well as, removable blades are usually dishwasher safe.Some make them only once.When the intention of 100% pure light and love becomes a family practice, members will grow deeper in spiritual connection and have an easier time finding happiness.nvironmental friendly – All air conditioners require a refrigerant to cool the recent air and give out cool airsupra banditow noise – Most of the high performing air conditioners give a lot of noise while operating.
Giveaway: Digital Copies of The Awwwards Latest Book
Saturday, April 23rd, 2011
The Awwwards recognize and promote the talent and effort of the best developers, designers and web agencies in the world. An international jury made up of some of the most important designers, bloggers and Internet agencies, will evaluate each site by means of a strict system of evaluation; scoring it on a scale of 1 to 10 for its Design, Creativity, Usability and Content.
The Awwwards have teamed up with WDL to give away to our readers 20 digital copies of their latest book: The best 365 css websites around the world 2010. To be eligible, all you have to do is a leave a comment on this post.
Giveaway Details
- 20 winnners
- Comment on this post to be eligible
- One comment per person
- Winners randomly selected on April 29, 2011
Photo Retoucher (Seattle)
Saturday, April 23rd, 2011Are you a pixel perfectionist? Filter is in need of a fast and detail oriented Photo Retoucher for catalogue from May 25-June 1.
This one-week opportunity will edit photos coming into production starting 5/25 and timing is everything. The Photo Retoucher should be experienced with Photoshop and working in layers, etc. Your work will be used on a very large format for our Tradeshow booths, so the detail needs to be spot on.
A BIT ABOUT FILTER
Filter is a unique digital solutions agency providing creative marketing solutions, consulting and staffing services. From experience design and development, to content management services, to contract staffing and direct hire recruitment, Filter offers a wide range of services. We have the largest network of top designers, developers and other digital talent on the West Coast, which enables us to fashion solutions that are both more flexible and more cost-effective than those offered by traditional agencies. Filter counts among its clients many of the top global consumer and technology brands. Filter has offices in Seattle, Portland, San Francisco and Los Angeles. For more information, visit www.filterdigital.com
To apply, please register at www.filterdigital.com and complete a personal profile in order to express interest in this position: http://www.filterdigital.com/Professionals/Search_Jobs.aspx?m=j&id=1173
We will review your resume and portfolio and contact you if your skills and experience appear to be a good fit.
Filter is an equal opportunity employer.
- Location: Seattle
- Principals only. Recruiters, please don’t contact this job poster.
- Please, no phone calls about this job!
- Please do not contact job poster about other services, products or commercial interests.
Job posting from: Graphic Design Jobs
How to Create an Awesome Blurry Menu Using CSS
Friday, April 22nd, 2011Today we will get a perfect and simple blurry menu effect via CSS. In addition to it, we will get a useful multiple borders effect. To achieve this effect you will need to have a basic understanding of HTML and CSS. We will work with IE filters and text-shadow, but there is no reason to worry if you have never used it, they’re all well and simply explained.
And the best part is that anything done here works almost anywhere, from IE6 to real browsers.
So, let’s work!
You can check the demo here. Source code can be downloaded from here .
Step 1 – Basic HTML
Let’s start defining our basic structure. There is nothing really impressive here. We will use:
- <ul> & <li> – As a menu is an unordered list of elements, it must be inside a ul.
- <div> – Actually, it could be removed. But for easier CSS implementation and positioning, we will use it.
- <a> – Sure, a menu must contain links!
At the end of this step, your HTML should be something like this:
Blurry Menu <div id="blur"> <ul> <li> <a href="#">Home</a></li> <li> <a href="#">Blog</a></li> <li> <a href="#">Pet Projects</a></li> <li> <a href="#">Portfolio</a></li> <li> <a href="#">Services</a></li> <li> <a href="#">Contact</a></li> </ul> </div>
Sample of what this tutorial can do:
Step 2 – Basic CSS (with multiple borders!)
Now we are going to make a simple CSS style, positioning and giving some “life” to our menu.
Positioning and basic style
Let’s use a simple noise pattern as our body background, position the menu in the center and put all menu items side-by-side. Since we want some fancy borders, we’ll need some height in our <ul>. As you know, we’ll need a clearfix, right? No.
Wait, wait, wait. No clearfix? What about the floats?
There is a really simple way to correct this, just add “overflow: hidden” to <ul>. Instead of using all that clearfix mess, this single line does the same thing!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blurry Menu</title>
<style type="text/css">
body {
background: #1a1a1a url(bg.jpg);
}
#blur {
position: relative;
top: 50px;
width: 100%;
border: 1px solid #000000;
border-style: solid none;
}
#blur ul {
position: relative;
top: 0;
width: 960px;
margin: 0 auto;
list-style-type: none;
overflow: hidden;
}
#blur ul li {
float: left;
position: relative;
}
#blur ul li a {
position: relative;
float: left;
padding: 20px 25px;
margin-left: 10px;
text-decoration: none;
font-family: "trebuchet ms";
font-variant: small-caps;
color: #ffffca;
z-index: 100;
}
</style>
</head>
<body>
<div id="blur">
<ul>
[...]
</ul>
</div>
</body>
Multiple borders
As our friend Jeffrey Way has taught us, we can use :before and :after pseudo elements to create multiple borders in our elements. We will use that to create a smooth inset shadow effect.
It’s as easy as it seems, we just set “position: absolute” in our :after and :before and it can used to create multiple borders.
<style type="text/css">
#blur:before {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
border-top: 1px solid #212121; /* top border! */
content: '';
}
#blur:after {
position: absolute;
width: 100%;
height: 100%;
top: 1px;
border-bottom: 1px solid #212121; /* bottom border! */
content: '';
}
</style>
Now I’ll make a little addition, we will use IE filters to make a similar effect in IE.
The filter that we use for this effect is progid:DXImageTransform.Microsoft.Shadow. This filter has 3 main parameters:
- color – Shadow’s color. In this case we use #212121.
- direction – 0~360 degrees. It’s useful to control where shadow should spread to.
- strength – It controls the “amount” of shadow. We don’t want a shadow effect at all ( just “multiple border” ), so leaveit as zero.
We will use something like this in our case:
<!--[if IE]>
<style type="text/css">
#blur {
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0); /* IE 7- */
}
</style>
<![endif]-->
This is how the final border effect will look (zoomed):
You may be asking yourself now “Why not just use shadows in both cases?”. Well it is because we would need “inset shadow” plus a normal shadow, and most browsers have better support for pseudo elements. Anyway, you could use it as your own risk, for sure.
At the end of this step, you should have something like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blurry Menu</title>
<style type="text/css">
body {
background: #1a1a1a url(bg.jpg);
}
#blur {
position: relative;
top: 50px;
width: 100%;
border: 1px solid #000000;
border-style: solid none;
}
#blur:before {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
border-top: 1px solid #212121;
content: '';
}
#blur:after {
position: absolute;
width: 100%;
height: 100%;
top: 1px;
border-bottom: 1px solid #212121;
content: '';
}
#blur ul {
position: relative;
top: 0;
width: 960px;
margin: 0 auto;
list-style-type: none;
overflow: hidden;
}
#blur ul li {
float: left;
position: relative;
}
#blur ul li a {
position: relative;
float: left;
padding: 20px 25px;
margin-left: 10px;
text-decoration: none;
font-family: "trebuchet ms";
font-variant: small-caps;
color: #ffffca;
z-index: 100;
}
</style>
<!--[if IE]>
<style type="text/css">
#blur {
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0);
}
</style>
<![endif]-->
</head>
<body>
<div id="blur">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li class="active">
<a href="#">Pet Projects</a>
</li>
<li>
<a href="#">Portfolio</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
</body>
</html>
Step 3 – Blurring things with CSS (IE included!)
Now, we will use text-shadow and more filters to make blurry elements.
For real browsers
All the magic is in the text-shadow and color combination.
- Text-Shadow It will be set as 0 0 Npx #[color]. Where “N” controls the “radius” of the blur, and color sets the base color for the effect.
- Color It will be set transparent. So the color will not “mess up” our blur with a sharp element.
/* blurry styles */
#blur a {
[...]
color: transparent;
text-shadow: 0 0 2px #cacaca;
[...]
}
/* active styles */
#blur .active a, #blur .active a:hover {
color: #cacaca;
text-shadow: 0 0 2px #cacaca;
}
For IE
There is an incredible filter called progid:DXImageTransform.Microsoft.Blur, which will be useful to us at this point. We could use Shadow or even Glow filter, but the best final effect is surely with blur.
We will not need any parameter in this case, so just set up -ms-filter and filter.
<!--[if IE]>
<style type="text/css">
#blur {
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0);
}
#blur ul li a {
-ms-filter: "progid:DXImageTransform.Microsoft.Blur()";
filter: progid:DXImageTransform.Microsoft.Blur();
}
</style>
<![endif]-->
You will get something like this:
Step 5 – hover settings
Well, just blurry elements won’t be really good for our users, right? So we will make all links “normal” on hover.
For this, we will just add a :hover and :focus CSS, to ensure that tabbed navigation will work as well.
This is our final HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blurry Menu</title>
<style type="text/css">
body {
background: #1a1a1a url(bg.jpg);
}
#blur {
position: relative;
top: 50px;
width: 100%;
border: 1px solid #000000;
border-style: solid none;
}
#blur:before {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
border-top: 1px solid #212121;
content: '';
}
#blur:after {
position: absolute;
width: 100%;
height: 100%;
top: 1px;
border-bottom: 1px solid #212121;
content: '';
}
#blur ul {
position: relative;
top: 0;
width: 960px;
margin: 0 auto;
list-style-type: none;
overflow: hidden;
}
#blur li {
float: left;
position: relative;
}
#blur a {
position: relative;
float: left;
padding: 20px 25px;
margin-left: 10px;
text-decoration: none;
font-family: "trebuchet ms";
font-variant: small-caps;
color: transparent;
text-shadow: 0 0 2px #cacaca;
z-index: 100;
}
/* normal styles */
#blur a:hover, #blur a:focus {
color: #ffffca;
text-shadow: 0 0 0 transparent;
}
/* active styles */
#blur .active a, #blur .active a:hover {
color: #cacaca;
text-shadow: 0 0 2px #cacaca;
}
</style>
<!--[if IE]>
<style type="text/css">
#blur {
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#212121,direction=180,strength=0);
}
#blur ul li a {
color: #ffffca;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur()";
filter: progid:DXImageTransform.Microsoft.Blur();
}
#blur ul a:hover, #blur ul .active a, #blur ul a:focus {
position: relative;
margin: 2px 0 -10px 10px;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(enabled = false)";
filter: progid:DXImageTransform.Microsoft.Blur(enabled = false);
}
</style>
<![endif]-->
<!--[if lt IE 8]>
<style type="text/css">
#blur ul a:hover, #blur ul .active a {
position: relative;
margin: 2px 4px 0 10px;
filter: progid:DXImageTransform.Microsoft.Blur(enabled = false);
}
</style>
<![endif]-->
</head>
<body>
<div id="blur">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li class="active">
<a href="#">Pet Projects</a>
</li>
<li>
<a href="#">Portfolio</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
</body>
</html>
Final Word
The good point about all this blur stuff is it opens your mind to all the opportunities available with CSS3 and filters. In a lot of cases we could just use CSS effects to create wonderful effects, and what’s even better: They are ALL really simple to change. You can dynamically add, remove, and edit these effects, so if you work with (or want to create) a theme structure it could actually save you a lot of time when you start developing multiple themes.
1stwebdesigner – Graphic and Web Design Blog
Ofert bankowe kredyty, pozyczki lokaty
Friday, April 22nd, 2011ABC kont dla młodzieży
Zgodnie z naszym prawem od 13 roku życia każdy młodociany może założyć konto bankowe. Żąda się do tego pozwolenia opiekuna prawnego.
W jaki sposób konta nastolatków różnią się od zwyczajnych?
Niektóre banki udostępniają specjalną propozycję dla ludzi w wieku 13-18 lat. Pozostałe oferty dla niepełnoletnich łączą np. z propozycją dla studentów.
Jedyną pewną różnicą jest przymus otrzymania aprobaty opiekuna na stworzenie konta. Poza tym, konta nastolatków z naturalnych powodów na ogół pozbawione są wszelakich dodatkowych opcji typu, kart kredytowych z wysokimi limitami itp.
najczęściej konta nastolatków są także znacznie tańsze w zachowaniu niż zwykłe rachunki dla pełnoletnich.
Po co rachunek nastolatkowi?
W wieku 13-18 lat mnóstwo ludzi odczuwa intensywną potrzebę uniezależnienia się od rodziców. Objawiać się to może na wiele sposobów – potrzeba posiadania prywatnego konta jest pewnie jednym z najmniej niepewnych…
Konta bankowe dostarczają nastolatkom opcje podjęcia dojrzałego życia w sferze ekonomicznej. Oszczędzanie na koncie funduszy, finansowania zakupów
Czasem założenie konta dla młodzierzy jest faktycznie potrzebne z czysto praktycznego punktu widzenia. Nawet jeśli nie zachodzi taka konieczność. Prywatne konto to perfekcyjna lekcja, którą dobrze jest zacząć jak najwcześniej.
W jaki sposób można utworzyć rachunek dla nastolatka?
W zależności od banku, rachunki dla nastolatków można uzyskiwać za pośrednictwem internetu, telefonu lub w wydziale banku.
Atrakcyjnym wyborem jest konto w mbanku. Na bazie ankiety można stwierdzić, iż konto w mbanku jest najkorzystniejszą ofertą na rynku. Bazową zaletą konta w mbanku jest wielka baza darmowych przekazów.
Scrapebox Methods
Thursday, April 21st, 2011Scrapebox methods… Here’s just a few methods I use with the fantastic tool – Scrapebox. Most of these methods are pretty basic, but sometimes just seeing exactly how it’s used by others, it puts it in a more clear perspective and allows you to take these ideas and replicate. Although I urge people to try [...]
SEO Rescuer.com