Group items tagged i - CSS Evangelist

Pure CSS Twitter Fail Whale - Subcide - 5 views

www.subcide.com/...pure-css-twitter-fail-whale

CSS3 experiment animation

shared by yc c on 14 Jun 10 - Cached

yc c on 14 Jun 10

Developers continue to do crazy things to show us what can be done with CSS3. The latest is a fully animated Twitter fail whale by Steve Dennis: The idea for this came to me this morning after being greeted first thing this morning by another Twitter outage. I'd been looking for something to stretch my CSS muscles on, and the Fail Whale seemed perfect. Also I think the animation only adds to his (or her?) charm. How was this made? The short answer is very painfully, by hand, using trial and error. Curves are done using various uneven border-radius properties, stranger angles (such as the strings) are masked using containers with overflow: hidden; set on them. I hope someone else gets a bit of enjoyment out of my wasted Sunday. It was a fun experiment that I don't plan on repeating any time soon. Take a look at the source to see the mass of code such as: PLAIN TEXTCSS:@-webkit-keyframes flutter1 { 0% { -webkit-transform:rotate(0deg) } 50% { -webkit-transform:rotate(-25deg) } 100% { -webkit-transform:rotate(0deg) }}.right .wing { background: transparent !important; z-index: 22 !important; width: 15px; height: 18px; bottom: 4px; left: 8px; -webkit-animation: 'flutter1' 0.1s linear; -webkit-animation-iteration-count: infinite;}

<div class="cArrow"> </div><div class="cContentInner">Developers continue to do crazy things to show us what can be done with CSS3. The latest is a fully animated Twitter fail whale by Steve Dennis: The idea for this came to me this morning after being greeted first thing this morning by another Twitter outage. I'd been looking for something to stretch my CSS muscles on, and the Fail Whale seemed perfect. Also I think the animation only adds to his (or her?) charm. How was this made? The short answer is very painfully, by hand, using trial and error. Curves are done using various uneven border-radius properties, stranger angles (such as the strings) are masked using containers with overflow: hidden; set on them. I hope someone else gets a bit of enjoyment out of my wasted Sunday. It was a fun experiment that I don't plan on repeating any time soon. Take a look at the source to see the mass of code such as: PLAIN TEXTCSS:@-webkit-keyframes flutter1 { 0% { -webkit-transform:rotate(0deg) } 50% { -webkit-transform:rotate(-25deg) } 100% { -webkit-transform:rotate(0deg) }}.right .wing { background: transparent !important; z-index: 22 !important; width: 15px; height: 18px; bottom: 4px; left: 8px; -webkit-animation: 'flutter1' 0.1s linear; -webkit-animation-iteration-count: infinite;} </div>

...

Cancel

The Big Table Problem | 8164 - 0 views

www.8164.org/the-big-table-issue

css table big size best practice

shared by Frederik Van Zande on 10 Jan 09 - Cached

Frederik Van Zande on 10 Jan 09

My friend/ex-coworker Sam the Wonder Boy used to send me late night AIM messages comprised of only three letters, "M.F.R." This would then send chills up my spine, and I'd curl up on the floor in fetal position and weep nonstop. OK, I'm exaggerating a quite bit, and Sam doesn't do that anymore. "M.F.R." stands for "Monthly Forecast Report." It was one of the many modules of a huge intranet web application we worked on years ago. As the name implies, it was a report. Before arriving to the actual report screen, the user could select some criteria such as date range, products, etc. Depending on the selection, the report can have up to sixty columns and thousands of rows. It was quite a challenge both on the backend and frontend. I initially created it using server side Excel API and dumped it to the frontend as an excel sheet. In version 2 I made it as an HTML table with the Excel export option. In version 3 I ditched HTML and went for Crystal Report, in version 3.5 it became Active Report. In version 4 we rewrote the whole application as a .NET client app, with the report section being Excel again. In version 5, well there wasn't a version 5. The whole project got outsourced to India and the team was disbanded. But that's a blog for another day.

<div class="cArrow"> </div><div class="cContentInner">My friend/ex-coworker Sam the Wonder Boy used to send me late night AIM messages comprised of only three letters, "M.F.R." This would then send chills up my spine, and I'd curl up on the floor in fetal position and weep nonstop. OK, I'm exaggerating a quite bit, and Sam doesn't do that anymore. "M.F.R." stands for "Monthly Forecast Report." It was one of the many modules of a huge intranet web application we worked on years ago. As the name implies, it was a report. Before arriving to the actual report screen, the user could select some criteria such as date range, products, etc. Depending on the selection, the report can have up to sixty columns and thousands of rows. It was quite a challenge both on the backend and frontend. I initially created it using server side Excel API and dumped it to the frontend as an excel sheet. In version 2 I made it as an HTML table with the Excel export option. In version 3 I ditched HTML and went for Crystal Report, in version 3.5 it became Active Report. In version 4 we rewrote the whole application as a .NET client app, with the report section being Excel again. In version 5, well there wasn't a version 5. The whole project got outsourced to India and the team was disbanded. But that's a blog for another day.</div>

...

Cancel

HOW TO: Live Inside Twitter and Still Stay Productive - 0 views

waynesfavorite.blogspot.com/...diggurl-httpmashable.html

Lists productivity social media tools twitter

shared by my mashable on 10 Feb 09 - Cached

my mashable on 10 Feb 09

It's an addictive little habit, that Twitter. But what if there were ways for you to still keep your ugly tweeting habit while staying productive at the same time? Since I can't fully support the total indulgence in the tool that has the tech-world (and beyond) glued to their favorite Twitter client, I thought I would share a few very useful ways to make the service much more productive while you're living inside of it.

<div class="cArrow"> </div><div class="cContentInner">It's an addictive little habit, that Twitter. But what if there were ways for you to still keep your ugly tweeting habit while staying productive at the same time? Since I can't fully support the total indulgence in the tool that has the tech-world (and beyond) glued to their favorite Twitter client, I thought I would share a few very useful ways to make the service much more productive while you're living inside of it.</div>

...

Cancel

sIFR lite - 0 views

www.allcrunchy.com/...sIFR_lite

sifr typography javascript webdesign best practice

shared by Frederik Van Zande on 20 Dec 08 - Cached

Frederik Van Zande on 20 Dec 08

once upon a time some really good web developers created sIFR. Their goal was to seamlessly convert HTML headlines into nice fonts. Well, these developers did a great job getting it to work nicely. Looking at their code, I decided I would create a "lite" version of sIFR using a more object-oriented approach. sIFR Lite is a bit easier to read, and more intuitive to use. The only drawbacks are that it is currently unproven on a large scale in the real world. This library is of course open-source, so I welcome you to submit any improvements, suggestions, or bug reports using my contact form.

<div class="cArrow"> </div><div class="cContentInner">once upon a time some really good web developers created sIFR. Their goal was to seamlessly convert HTML headlines into nice fonts. Well, these developers did a great job getting it to work nicely. Looking at their code, I decided I would create a "lite" version of sIFR using a more object-oriented approach. sIFR Lite is a bit easier to read, and more intuitive to use. The only drawbacks are that it is currently unproven on a large scale in the real world. This library is of course open-source, so I welcome you to submit any improvements, suggestions, or bug reports using my contact form.</div>

...

Cancel

Online Threats and Dangers - 2 views

I downloaded an audio file from an unpopular website, when I opened it my computer crashed and since then, I have troubles turning it on because it would no longer display the correct desktop setti...

Desktop Computer Support

started by john sega on 07 Jun 11 no follow-up yet

Reliable Online Computer Repair - 3 views

My PC has been acting strange lately and I can no longer fix it on my own. I did everything I could but this time, I really need someone who can really fix my computer problem. I called Computer Pr...

computer problem

started by cecilia marie on 06 Jun 11 no follow-up yet

Thank Doctor Cleanduct for the Cleaner Air We Breathe - 2 views

I have a sister who is suffering from asthma. So when she visited my house she was so happy because she said she can breathe easily. So I told her it was because I had my HVAC system cleaned regula...

ducted heating cleaning

started by James Stewart on 22 Sep 11 no follow-up yet

Desktop Support to Keep My PC Running Fast - 1 views

I have been subscribing to desktop support from OnlineDesktopSupport for almost a year already. I dit it because I need to keep my PC running fast. If I have a slow computer, I will not be able to ...

desktop support

started by jameswaltz on 12 Sep 11 no follow-up yet

Effective Search Engine Optimization - 1 views

I own an online bakery business that specializes in delicious customised cakes. I have this very well made website for my business and anyone visiting the online bakery will truly, well, salivate. ...

search engine optimization

started by Syntacticsinc SEO on 24 Sep 11 no follow-up yet

Shrinking that Fat Delicious Tagometer Badge! - 2 views

www.moretechtips.net/...t-fat-delicious-tagometer.html

Delicious javascript CSS

shared by Mike More on 01 Nov 09 - No Cached

Mike More on 01 Nov 09

I needed to use the tall Delicious save button, but I found that it wasn't tall at all.. it was short & fat :) So, I had to shrink it a little by hiding some parts

<div class="cArrow"> </div><div class="cContentInner">I needed to use the tall Delicious save button, but I found that it wasn't tall at all.. it was short & fat :) So, I had to shrink it a little by hiding some parts</div>

...

Cancel

Fast and Accurate Computer Help to the Rescue - 1 views

I was about to start my presentation when my computer to hung up on me. It was really a big inconvenience for me, not to mention very embarrassing. Good thing I was able to renew my subscription to...

computer technical help

started by James Stewart on 13 Oct 11 no follow-up yet

Unmatchedstyle - 0 views

www.unmatchedstyle.com

webdev css galleries showcases

shared by mikhail-miguel on 16 Feb 07 - Cached

Dallas Logistics Hub | 7.7 Inkoherence | 7.1 Justin Shattuck | 7.3 nonstep radio | 6.7 Tweak! | 6.4 snagt | 6.7 More Gallery Entries »  
...

Cancel

Amazing Customer Service - 1 views

I would like to thank Onward Process Solutions for greatly helping me with my need for assistance in a Customer service outsourcing project. They provided me with 24/7 phone/ email answering serv...

started by Felipp Crawly on 31 Oct 12 no follow-up yet

Tested And Trusted Bookkeeping Service - 1 views

When I opened my mini grocery last year, I immediately asked Bookkeepers On Call to do the bookkeeping services for me because I know it from my sister that they provide the most trusted bookkeeper...

started by Justin Pierce on 29 Oct 12 no follow-up yet

Good SEO Staff and Services - 2 views

Nowadays, people do not use the yellow pages or go directly to the stores to buy something. They are taking advantage of the internet whenever they have to buy something. For that reason, I have a ...

SEO Perth

started by Jay Dee on 25 Jan 11 no follow-up yet

Syntactics Move to New Office to Better Serve Clients - 1 views

I was looking for the old office of Syntactics Inc. to get thorough internet marketing for my business through search engine optimization and other SEO Philippines techniques. After learning that t...

SEO Philippines search engine optimization web development

started by Syntacticsinc SEO on 23 Feb 11 no follow-up yet

Get Rid of Computer Freezing - 1 views

I badly need computer help. I am a graphic artist and I always use my PC for my graphic design layouts and other major graphic work. But, that is so obvious, is it not? Anyway, my computer recently...

need computer help

started by helen troy on 12 Aug 11 no follow-up yet

PC Technical Support - 1 views

I often look for PC technical support because my computer sometimes experiences minor or major breakdowns, and I could hardly find someone, or any technician for that matter, to fix it for me. I ha...

PC technical support

started by shalani mujer on 17 Aug 11 no follow-up yet

The Resident Computer Repair Tech Expert - 1 views

The museum I run has been a family heritage for years. The computer system we have here has been running perfectly for our staff and visitor use. Our resident computer repair tech expert has left u...

computer repair tech

started by seth kutcher on 17 Aug 11 no follow-up yet

Real and Genuine Computer Repair - 1 views

I am searching for a credible company to troubleshoot my computer which is being plagued by issues. I am looking for genuine computer repair, a thorough repair for my computer. I came by Computer S...

computer repair