INSERT INTO sites(host) VALUES('') 1045: Access denied for user 'www-data'@'localhost' (using password: NO) Estimated Worth $105,224 - MYIP.NET Website Information
Welcome to!
 Set MYIP as homepage      


Web Page Information

Meta Description:
Meta Keywords:
sponsored links:
sponsored links:

Traffic and Estimation


Website Ranks

Alexa Rank:
Google Page Rank:
Sogou Rank:
Baidu Cache:

Search Engine Indexed

Search EngineIndexedLinks

Server Data

Web Server:
IP address:    

Registry information

ICANN Registrar:
Name Server:
Whois Server:

Alexa Rank and trends

Traffic: Today One Week Avg. Three Mon. Avg.
Unique IP:

More ranks in the world

Users from these countries/regions

Where people go on this site

Alexa Charts

Alexa Reach and Rank

Whois data

Who is at


Registry Domain ID: 1269784395_DOMAIN_COM-VRSN

Registrar WHOIS Server:

Registrar URL:

Updated Date: 2015-10-12T19:02:33Z

Creation Date: 2007-10-11T19:02:30Z

Registrar Registration Expiration Date: 2016-10-11T19:02:30Z

Registrar: FastDomain Inc.

Registrar IANA ID: 1154

Registrar Abuse Contact Email: abuse

Registrar Abuse Contact Phone: +1 801 765 9400

Reseller: HostMonster.Com

Domain Status: clientTransferProhibited (

Registry Registrant ID:


Registrant Organization: ATTN: HOSTMONSTER.COM


Registrant City: PROVO

Registrant State/Province: UTAH

Registrant Postal Code: 84606

Registrant Country: UNITED STATES

Registrant Phone: +1.8017659400

Registrant Phone Ext:

Registrant Fax: +1.8017651992

Registrant Fax Ext:


Registry Admin ID:


Admin Organization: ATTN: HOSTMONSTER.COM


Admin City: PROVO

Admin State/Province: UTAH

Admin Postal Code: 84606

Admin Country: UNITED STATES

Admin Phone: +1.8017659400

Admin Phone Ext:

Admin Fax: +1.8017651992

Admin Fax Ext:


Registry Tech ID:


Tech Organization: HOSTMONSTER.COM

Tech Street: 1958 SOUTH 950 EAST

Tech City: PROVO

Tech State/Province: UTAH

Tech Postal Code: 84606


Tech Phone: +1.8014948462

Tech Phone Ext:

Tech Fax: +1.8017651992

Tech Fax Ext:


Name Server:

Name Server:

DNSSEC: unsigned

URL of the ICANN WHOIS Data Problem Reporting System:

Last update of WHOIS database: 2015-10-12T19:02:33Z

For more information on Whois status codes, please visit

The data in the HostMonster.Com WHOIS database is provided

to you by HostMonster.Com for information purposes only,

that is, to assist you in obtaining information about or related to

a domain name registration record. HostMonster.Com makes

this information available "as is," and does not guarantee its

accuracy. By submitting a WHOIS query, you agree that you will use

this data only for lawful purposes and that, under no circumstances

will you use this data to: (1) allow, enable, or otherwise support

the transmission of mass unsolicited, commercial advertising or

solicitations via direct mail, electronic mail, or by telephone; or

(2) enable high volume, automated, electronic processes that apply

to HostMonster.Com (or its systems). The compilation,

repackaging, dissemination or other use of this data is expressly

prohibited without the prior written consent of

HostMonster.Com. HostMonster.Com reserves the

right to modify these terms at any time. By submitting this query,

you agree to abide by these terms.

UNLIMITED storage, bandwidth and domains on one account. Also receive a *FREE* domain for one year when you host with

Front Page Thumbnail

sponsored links:

Front Page Loading Time

Keyword Hits (Biger,better)

Other TLDs of anthonycalzadilla

TLDs Created Expires Registered

Similar Websites


Search Engine Spider Emulation

Description:CSS3 Adventurer! Web guy with over 10 years of hands-on internet related experience designing and developing websites in CSS, JavascriptAJAX (jQuery, YUI),
Keywords:CSS, JavascriptAJAX (jQuery, YUI), XHTML, HTML5, XML, Photoshop, Fireworks, Apache, MySQL, PHP, Wordpress, Joomla, Drupal
Main menu
Skip to content
Post navigation
Posted on January 22, 2012 by Anthony Calzadilla
Welcome to the web thing of Anthony Calzadilla. I #8217;m relatively active on my Twitter account. Less so on my Instagram. Absolutely neglectful on my Dribbble. But I #8217;m hoping to change all that soon.
If you need to get in touch with me all formal and stuff, shoot me a secure email on my contact page.
Posted in Daily365 Design
CSS3 animations go open source on GitHub
Posted on May 18, 2013 by Anthony Calzadilla
Hi! I finally got around to releasing all my oldschool CSS3 animation experiments on GitHub.
Warning: Not for production. This code is old and experimental.
CSS3 Spiderman |
Mr.T #8211; I twitty the fool |
MadManimation |
Posted in Daily365 Design
Twitter Innovator鈥檚 Patent Agreement
Posted on April 26, 2012 by Anthony Calzadilla
Game changing move by twitter. They dreamed up a new way to do patent assignments that keep control in the hands of engineers and designers. You can download the IPA on Github. My favorite part of this post was in the last paragraph:
#8220;The goal of this week is to give rise to the most audacious and creative ideas. These ideas will have the greatest impact in a world that fosters innovation, rather than dampening it #8230; #8221;
鈥 Adam Messinger, VP of Engineering at Twitter
Read the original post.
Posted in Articles
Make Your Production CSS Ugly!
Posted on March 2, 2012 by Anthony Calzadilla
Paul Irish points out that production CSS should always be concatenated and as a result be super ugly to human eyes.
The file that you author should not be the one you deploy. The production CSS should be concatenated and run through a minifier and quite ugly to look at.
Meanwhile your original .sass or .css files are formatted however you like. Take pride in their layout, but be ruthless in making ugly files that go to production.
Direct link
Posted in Articles
Responsive Logo Design
Posted on February 26, 2012 by Anthony Calzadilla
Mobile-First Responsive Websites provide users with the best possible experience afforded by their devices. Just as the UI and content adapts to device widths and network capabilities. So should the website logo have adaptive qualities.
Simply reducing or enlarging a logo according to its context isn #8217;t always the best solution. As the content area and device capabilities increase, designers are justified in adding additional details to the logo graphic itself.
I wanted to explore this idea and decided to create a little demo.
Using media queries and CSS3 properties we can add subtle shadows and effects to our logo as the screen size expands. This technique will work in most modern browsers. On older browsers it will simply fall back to the flat logo image. Which isn #8217;t bad.
Side-by-side comparison of the logo before / after applying CSS3 effects.
I decided to use an inline SVG image for the logo because your logo is an image, not an h1. I used an SVG graphic because we need the logo to scale flawlessly.
This logo starts at a mobile-first size and scales up at 3 breakpoints. (The breakpoints are unimportant for our purposes and were chosen at random.) It will be small enough to fit on mobile devices. In this first version we have the logo mark and the logo text aligned on a single line. The logo text is the same size as the cross-section of the logo mark.
Break Point Break Down
BREAK POINT 1: On this one we keep the size of the logo text the same but we increase the size of the logo-mark so that now the logo-text aligns with the heart within the logo mark instead of the cross-section.
BREAK POINT 2: We add some shadow on the bottom of the logo. And a highlight at the top. We stack the logo text and increase the font-size of the top line so that it #8217;s wider than the bottom line.
BREAK POINT 3: Finally we use CSS3 effects to create a faux 3D effect on the logo.*Note* Chunky 3d CSS3 text-effect originally by @mdo.
Take a look at the demo and move your browser window around.
Posted in Articles, CSS3
CSS3 Creativity: Don #8217;t Kill the Messenger
Posted on February 7, 2012 by Anthony Calzadilla
I #8217;m all for building future friendly Mobile First Responsive websites. *phew*
These web development ideas and techniques are so great, its easy to become passionate about them. As good web workers we #8217;re instinctively drawn to them. And implementing them wherever we can usually becomes a priority. But as geeks, sometimes we can get a little hung up on technical details.
CSS Dom Tree by: Hakim El Hattab
Creativity is also vital to the web design/development community. We need to make frivolous CSS3 / HTML5 / JAVASCRIPT experiments because they help us think laterally. It #8217;s through these #8216;lateral approaches #8217; that we can often discover creative solutions to real-world web development problems.
These experiments can lower the barrier to entry for young students looking to get into web development. What better way to get a bunch of 10 year olds excited about web development than showing them how to create an animated NYAN CAT out of html and CSS3?
CSS3 Nyan Cat by: Michal Budzynski
When considering these experiments we shouldn #8217;t get hung up on how cpu intensive they are or whether your browser is freezing up. We have to take these experiments for what they are. Learning tools that help us create and express new ideas.
If you find yourself criticizing these experiments because they #8217;re not production ready or overly complicated. Beware. You might be missing the point.
Posted in Articles
Experimental Mini-Mac Pro on Steve Jobs Desk?
Posted on October 27, 2011 by Anthony Calzadilla
Did anyone else notice that cute Mini-Mac Pro Steve is rocking on his desk?
There is no Mini-Mac Pro. Its a #8220;Hard Drive Enclosure #8220;. You could try building your own #8211; My New Mac Pro Ultra Mini
Posted in Articles
CSS3 Animation Explained: Apple #8217;s iPhone 4S Feature Page
Posted on October 5, 2011 by Anthony Calzadilla
iPhone 4S debuted yesterday and with it a snazzy new 鈥渇eatures鈥 page. This is especially important to me because Apple used CSS3 animation to breath some life into it.
I鈥檒l explain from a high-level overview so you can get an idea of whats going on.
We start with a large div (3200 X 3900) named 鈥#phone-stage鈥 set to position:absolute.
Since overflow:hidden will hide any portion of a child element that passes it containment boundaries. This effectively masks the #phone-stage div to the dimensions of the #clip div.
On #phone-stage there are six feature-modules. One for each of the new iPhone 4S features:
A5 Chip
iOS 5
The elements for each feature-module consist of mainly a logo and a few screenshot images.
There are also featured-text snippets associated with each feature-module. But the featured-text snippets are not children of #phone-stage. The snippets are placed into their own divs, independent of the main #phone-stage div (more later).
BODY MOVIN #8217;, BODY MOVIN #8217;
Now #phone-stage is loaded up with the 6 feature-modules. Each module has its opacity set to 0 and is positioned at different locations and rotations within #phone-stage. After 3-5 seconds (or upon key press or click event) the #phone-stage div will rotate and zoom to the next position.
As #phone-stage rotates and zooms into position, the child elements within each featured-module fade in and animate independently.
The featured-text snippets that reside in their own div animate into the featured-module with their own timing, and fading animation, unaffected by the zooming and rotation of phone-stage. This creates a very sophisticated, multi-layered effect with minimal animation layers.
For browsers without CSS enabled animation they see the Featured/Hero slider. This script detects the browser ability to display CSS3/HTML5 animation. If the browser cannot display animation it will fallback to the typical feature-slider by hiding the animation code and displaying the fall back code.
Posted in Articles, CSS3
CSS3 Animation #038; Wired Magazine #8211; The Inside Story
Posted on July 10, 2011 by Anthony Calzadilla
Get the Insider Information on Css3 Animation
Did you know that Wired Magazine (iPad) might be the first publisher to use CSS3 animation as a major design element of a story? The cover story no less!
Ball-sy, eh?
How do I know this? I helped them do it!
The cover story of the June 2011 issue featured a bar graph representing the highest paying jobs in the USA. The idea was to have the text of the article floating over the bar graph. When a user swipes to a page the bar graph animates behind the floated text. (see video)
Working in the Dark
All the code was based on some pretty safe technical assumptions. Being that the screen size for iPads is around 768*1024, we have a good idea of where stuff should go. Because all the contents of the Wired magazine are downloaded prior to reading. We can rest assured that all the elements will be completely loaded and ready to animate the instant the user swipes onto the page. I didn #8217;t have to worry about buggy animation.
There was no easy way of testing my work. The plan-of-attack was that I would write the html/css code in Textmate and they would build their layouts in InDesign. They would import my code and their Indesign layouts into the Adobe Digital Publishing Suite. From there they #8217;d publish to the iPad in some magical way that #8230; I can #8217;t be quite bothered to fully understand yet.
Posted in Articles, CSS3
Behind the Scenes of Mad Manimation
Posted on April 17, 2011 by Anthony Calzadilla
You Call This Inspiration?
Imagine Don Draper walking into the office. His suitcase swings in his hand. His brand new Adidas squeak against the polished floor #8230; Eh!? Adidas?
I love Adidas. This is the idea that popped into my head while watching the intro sequence to the Mad Men show. #8220;Wouldn #8217;t it be cool to re-create the Mad Men intro, but replace the man #8217;s shiny shoes with a pair of classic Adidas? #8221;
It was that ridiculous thought that gave me the idea for a CSS3 Mad Men intro. Dumb right?
I got to work.
Splitting the Scenes
The first task was to locate a high-quality version of the intro on youtube. After studying it closely I realized it could be duplicated easily using simple CSS3 animations.
Every time the camera angle changed, that would make a new scene. I paused the play head at the start and end of every scene and grabbed an image of both. This gave me #8220;before and after #8221; images for each scene. I would paste these on individual layers into a Photoshop file. Repeating the process until I had 16 .psd files (16 scenes) with a #8220;before and after #8221; layer in each one.
Duplicating the Graphics
I began drawing over the images I previously grabbed. Scenes 1 through 6 were pretty straight forward. I created shapes over the original images trying to duplicate the objects form, color and texture as closely as possible.
As I drew each graphic I had to be mindful of how I was going to animate them.
For instance, Scene 5, where the office collapses, has many moving pieces. By keeping Photoshop open on one screen and the mad men intro open on another. I was able to focus on a specific object and determine how many moving pieces each one needed.
Take the desk for example. If you look at the original intro closely you #8217;ll see the desk falls apart into pieces as it slips down. By watching the desk pieces move I could determine which pieces obscured the others as they fell and I could start planning the html and stacking order of the graphics. It was a meticulous process and admittedly you have to be a bit nuts to undertake it. *Ahem*
Drawing the buildings that fly by as the silhouette falls wasn #8217;t so fun. I ran into a little creative block with them. I wasn #8217;t sure who or what I was going to place behind the glass. And I couldn #8217;t figure out a good way to replicate that washed-out, hazy look the buildings have in the original.
Rather than get hung-up on the buildings. I figured I would draw basic shapes for them and match the perspective of the buildings. That way they would look as believable as possible when they where moving behind the falling silhouette. Later I could circle back to the buildings once I hammered out all the CSS3 animation.
I posted a little preview of the graphics to dribbble.
A Multinational Alliance
Enter Andy Clarke and Geri Coady. I worked with Andy and Geri previously on a CSS3 animation for his excellent book #8216;Hardboiled Web Design by Andy Clarke #8216;. And I was stoked to be working with them again on this project.
The buildings I created sucked but ultimately served as a good foundation for Geri Coady #8217;s artwork. She was able to create some incredible graphics of the ALA speakers. There is excellent design/photoshop work in those building panels. They merit close attention. Hopefully Geri will write a post on her site detailing how she created those amazing effects.
Hand Chiseled
The code for the animation is composed from an ordered list with 16 list-items. Within each list-item is all the html and images necessary for that particular scene. By default all these list-items are set to display: none.
We have a bit of jQuery that applies a #8220;go #8221; class to each list-item for a specific amount of time. This #8220;go #8221; class sets the list-item to display:block and activates the CSS3 animation assigned to that list-item (scene).
Once the specified amount of time has elapsed. The #8220;go #8221; class is removed from the list item. Setting it back to display: none, turning off the CSS3 animation and immediately applying the #8220;go #8221; class to the next list item in the order. Starting the whole chain of events again.
The code for the animation elements is ugly un-semantic html. But hey, sometimes you just have a good plan and say #8220;fuck it #8221;.
Hardboiled HTML
Andy had a plan for the ugly code. Browsers that didn #8217;t support CSS3 animations will see an ordered list with an image and descriptions of each scene in the animation.
If the browser supports CSS3 animations we #8217;ll use modernizr to replace each image and description with the html elements necessary for the animation. Simple!
Animatable App
Animatable would have made creating this project a breeze. Unfortunately I was forced to code this one by hand. After I had already completed the animation. The whole Animatable Team (Dan, Naomi, Andy, Mircea) were still secretly working on the earliest versions of it. I #8217;m dying to get my hands on it.
I can clearly picture graphics and html elements animating. Then I can use that mental image to write the HTML/CSS3 in a way that would work the best for the animation. But its very difficult to visualize how much an element should squash/stretch. It difficult to add subtle nuances in the animation when your forced to think through rotational degrees and X/Y coordinates. That #8217;s where Animatable saves the day.
According to the Animatable team they #8217;re going to open it up soon to a few people for private testing. I #8217;m trying to elbow my way to the front of that line and eagerly await for them to open the doors.
Posted in Articles, CSS3
Post navigation
CSS3 Spiderman
Wired Magazine
Mad Manimation
.net Magazine
Rofox-Firefox Demo
Hardboiled Web
I Twitty the Fool
jQuery Robot
You may or may not have heard of my CSS3 Animation Hitlist
Copyright copy; 2016 All Rights Reserved

Updated Time

Friend links: ProxyFire    More...
Site Map 1 2 3 4 5 6 7 8 9 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170 180 190 200 250 300 350 400 450 500 550 600 610 620 630 640 650 660 670 680 690 700 710 720 730 740 750
TOS | Contact us
© 2009 Dev by MYIP Elapsed:52.453ms