We're growing into something new. Read More
anatolinicolae

Anatoli Nicolae


Discussion

What editor do you use to code?

Well guys, I would know what editor you use (and maybe a comment of why you use it). Until today, I tried a bunch of editors (DreamWeaver, Sublime Text,...) and found the one I like: Espresso. Tell me yours! :D

Discussion

The best cheaper hosting is...

Hello to everyone! Today I want to know what is the best but also cheaper hosting you have used for you sites. I've tried the nexx.com/ (with a coupon it was 10$/year) and the fu*kin' shared hosting at m2host.com/. So, tell me yours! The Forrst what hosting use @kyle?

<?php
$page_id = "YOUR_NICKNAME";
$query = "http://api.dribbble.com/$page_id";
$content = file_get_contents($query);
$decode = json_decode($content);
$count = $decode->followers_count;
$count = number_format($count);
echo ''.$count.''; ?>

Dribbble Followers PHP Counter

Here's a simple Dribbble Followers Counter that you can simply integrate in you site. You need only to change YOUR_NICKNAME with your nickname. Over the followers count, you can also display your shots_count, twitter_screen_name, avatar_url, likes_received_count, location, following_count (how much people you follow), url (like dribbble.com/…), draftees_count (people you've invited), comments_received_count (the comments on your shots) and comments_count (your comments). To show the things I said previously, you only need to copy this code and change followers_count with the bolder words listed previously (and, obviously, you nickname). Suggested by @michaelw90 <?php$page_id = "YOUR_NICKNAME";$query = "http://api.dribbble.com/$page_id";$content = json_decode(file_get_contents($query));echo $content -> followers_count;?> Raw

<?php
        $bannerAd[1] = 'Ad1 Code';
        $bannerAd[2] = 'Ad2 Code';
        $bannerAd[3] = 'Ad3 Code';
        $bannerAd[4] = 'Ad4 Code';
        $bannerAd[5] = 'Ad5 Code';
$adCount = count($bannerAd);
$randomAdNumber = mt_rand(1, $adCount);
echo $bannerAd[$randomAdNumber];
?>

Simple PHP Banner Ads Rotator System

This is a simple php code you can use to randomize you ads. Need simply to replace 'Ad# Code' with your ad code and do it for the 5 positions: you'll obtain a randomization system that shows you one of the 5 Ads available. <br/> You can ad or remove ads by adding or removing $bannerAd[5] = 'Ad5 Code'; PS: Look at the comments: there are some genius guys!!!

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>So Glossy! - The Code</title>
		<meta http-equiv="author" content="Anatoli Nicolae" />
		<meta charset="UTF-8" />
		<style type="text/css">
			* {
				padding: 0px;
				margin: 0px;
			}
			
			body {
				background: #efefef;
				text-align: center;
				margin-top: 125px;
				font-family: "Helvetica-Neue", "Helvetica", Sans-Serif;
				font-size: 11px;
				-webkit-user-select: none;
			}
			a {
				color: inherit;
			}
			p {
				color: #161616;
				margin-top: 62px;
			}
			
			input {
				display: none;
			}
			p.lol{
				-webkit-animation: showButton 4s;
			}
			.button{
			background-image: -ms-linear-gradient(top, #AFE53C 0%, #57B909 100%);
			background-image: -moz-linear-gradient(top, #AFE53C 0%, #57B909 100%);
			background-image: -o-linear-gradient(top, #AFE53C 0%, #57B909 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AFE53C), color-stop(1, #57B909));
			background-image: -webkit-linear-gradient(top, #AFE53C 0%, #57B909 100%);
			background-image: linear-gradient(top, #AFE53C 0%, #57B909 100%);
			color: #3c6508;
			padding: 7px 25px;
			font-size: 14px;
			font-weight: 700;
			text-decoration: none;
			text-shadow: 0 1px 0 #cef12f;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			border: 1px solid #519e06;
			-moz-box-shadow: inset 0 1px 0 #d7f29e;
			-webkit-box-shadow: inset 0 1px 0 #d7f29e;
			box-shadow: inset 0 1px 0 #d7f29e;
			-webkit-transition:all .5s linear;
			-moz-transition:all .5s linear;
			-o-transition:all .5s linear;
			transition:all .5s linear;
			}
			@-webkit-keyframes showButton { from {opacity:0;margin-top:-150px;} to {opacity: 1;} }
			.button:hover{
			background-image: -ms-linear-gradient(top, #C2FF3F 0%, #57B909 100%);
			background-image: -moz-linear-gradient(top, #C2FF3F 0%, #57B909 100%);
			background-image: -o-linear-gradient(top, #C2FF3F 0%, #57B909 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C2FF3F), color-stop(1, #57B909));
			background-image: -webkit-linear-gradient(top, #C2FF3F 0%, #57B909 100%);
			background-image: linear-gradient(top, #C2FF3F 0%, #57B909 100%);
			-moz-box-shadow: inset 0 1px 0 #d7f29e, 0 0 7px #91d845;
			-webkit-box-shadow: inset 0 1px 0 #d7f29e, 0 0 7px #91d845;
			box-shadow: inset 0 1px 0 #d7f29e, 0 0 7px #91d845;
			}
			.button:active{
			background-image: -ms-linear-gradient(top, #A5D63C 0%, #499709 100%);
			background-image: -moz-linear-gradient(top, #A5D63C 0%, #499709 100%);
			background-image: -o-linear-gradient(top, #A5D63C 0%, #499709 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A5D63C), color-stop(1, #499709));
			background-image: -webkit-linear-gradient(top, #A5D63C 0%, #499709 100%);
			background-image: linear-gradient(top, #A5D63C 0%, #499709 100%);
			-moz-box-shadow: inset 0 1px 0 #d2eb9e, 0 0 7px #91d845;
			-webkit-box-shadow: inset 0 1px 0 #d2eb9e, 0 0 7px #91d845;
			box-shadow: inset 0 1px 0 #d2eb9e, 0 0 7px #91d845;
			}
			   			
		</style>
	</head>
	<body>
		<p class="lol"><a href="#" class="button">Download</a></p>
		<p>Original design and code by <a href="http://designchomp.com/">Anatoli Nicolae</a>.<br/>
		Works best in Webkit browsers.</p>
	</body>
</html>

"So Glossy!" button code

That's the code of the "So Glossy!" button that I made yesterday. You can download the html file from here (or from Forrst, it's always a RAW file) and view the online demo here. I made this with CSS & HTML only. Added a -webkit-keyframe: view it in a webkit browser to see the transition! Tell me if you like it.

So Glossy!

A glossy button with some distorsion. I will code this up next days then I'll give you, but you can download the psd below. Enjoy this up! ;) Download @ cl.ly/…!