From 33edbaef559d35e62f2fd0f9b3332ac20d3bfa0b Mon Sep 17 00:00:00 2001 From: Lakshmi Vyasarajan Date: Fri, 28 Jan 2011 12:12:15 +0530 Subject: [PATCH] Refreshed to the refactor branch - updated next story time --- 404.html | 150 +++++++++ about.html | 283 +++++++++-------- cloud.html | 305 +++++++++--------- enterprise-solutions.html | 296 +++++++++--------- features.html | 298 +++++++++--------- flash.html | 296 +++++++++--------- headjs.html | 170 ++++++++-- index.html | 177 +---------- java.html | 302 +++++++++--------- javascript.html | 300 +++++++++--------- media/css/style.css | 641 +++++++++++++++++--------------------- media/js/site.js | 32 +- redis.html | 307 +++++++++--------- sap.html | 315 +++++++++---------- services.html | 296 +++++++++--------- stateless-design.html | 295 +++++++++--------- static-html.html | 301 +++++++++--------- user-interfaces.html | 175 +++++++++++ 18 files changed, 2598 insertions(+), 2341 deletions(-) create mode 100644 404.html create mode 100644 user-interfaces.html diff --git a/404.html b/404.html new file mode 100644 index 0000000..418dfe2 --- /dev/null +++ b/404.html @@ -0,0 +1,150 @@ + + + + + + + @ CLOUD PANIC + + + + + + + + + + + + + + +
+ + +
+ + Next story is around the corner + +
+
+

+

+ + Sat, 01 Jan 2000 10:00:00 +0200 +

+
+
+
+ + +
+
+ +
+
+
+
+ + + + + + + + + diff --git a/about.html b/about.html index 9c6cd0a..0ebe646 100644 --- a/about.html +++ b/about.html @@ -1,153 +1,162 @@ - - - - - Stories that matter @ CLOUD PANIC - - - - - - - - - - - + + + + Stories that matter @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

Stories that matter

- -

- Today single person can build a system that previously required a large team. Learn the technologies that matter and stay away from crap. Simple as that. - Wed, 15 Dec 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
-

The Cloud

- -

- During the past few years languages, patterns and standards have evolved enormously. And there is this thing called Cloud. Never before a developer had such mind blowing possibilities. -

+ +
+ « Back home +
+
+

Stories that matter

+

+ Today, a single person can build a system that previously required a large team. Learn the technologies that matter and stay away from crap. Simple as that. + Wed, 15 Dec 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    The Cloud

    +

    During the past few years languages, patterns and standards have evolved enormously. And there is this +thing called Cloud. Never before a developer had such mind blowing possibilities.

    +
    • +
  • +

    The Author

    +

    "tipiirai" (Tero Piirainen). Finland. Helsinki. +Author of jQuery Tools and Head JS. Developer of Flowplayer. +Likes Berlin. Hates Capitalism. No job offers. Just a personal blog of mine.

    +
    • +
+ +
+
+ - - - -
- -
- -
- - - - -
- - - - - +
+ Next story that matters +

Fri, 1 Apr 2011 11:00:00 +0200

+ Hear about it! +
+
+ + + + + - diff --git a/cloud.html b/cloud.html index c6cb44a..f288a3e 100644 --- a/cloud.html +++ b/cloud.html @@ -1,165 +1,170 @@ - - - - - The Cloud @ CLOUD PANIC - - - - - - - - - - - + + + + The Cloud @ CLOUD PANIC + + + + + + + + + + +
+ + +
+ + Next Technology:JavaScript + +
+
+

The Cloud

+

+ Programming is different now. You use a laptop to build a site for millions of users. Alone. The Cloud offers mind blowing possibilities. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Cloud computing

    +

    Cloud applications are elastic. The more traffic you have the more CPU, disc and memory is provided. +Automatically. Your application can serve every person on the globe, not just a small group.

    +
    • +
  • +

    Cloud services

    +

    This site's source code is on Github, Dropbox is used for previewing, Flickr for image serving, Google Analytics +for tracking, Facebook and Twitter for spreading the word. Everything is free and immediate. Today free lunch +truly exists.

    +
    • +
  • +

    The new world

    +

    New emerging organizations grow themselves on the cloud. Cheaper, simpler, more secure, flexible and automated. +The hard work is done for you. You pay for what you use or nothing. Complex enterprise solutions cannot compete.

    +
    • +
+ +
+
+
+ - - - - -
- - - - - - diff --git a/enterprise-solutions.html b/enterprise-solutions.html index b08ede0..fe86d36 100644 --- a/enterprise-solutions.html +++ b/enterprise-solutions.html @@ -1,164 +1,168 @@ - - - - - Enterprise “solutions” @ CLOUD PANIC - - - - - - - - - - - + + + + Enterprise “solutions” @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

Enterprise “solutions”

- -

- Dead long meetings, business cards, large promises and secret forms. The reality of IT business is far away from yachts and cigars. - Tue, 23 Nov 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
-

It's a sad story, really

- -

- SAP, IBM or a local company builds your system. Big talks, commercial licenses, ten servers and "enterprise level" quality. Cognac maybe. Hope you did well. The majority failed. Completely. -

+ +
+ + Next Crap:Flash + +
+
+

Enterprise “solutions”

+

+ Dead long meetings, business cards, large promises and secret forms. The reality of IT business is far away from yachts and cigars. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    It's a sad story, really

    +

    SAP, IBM or a local company builds your system. Big talks, commercial licenses, ten servers and +"enterprise level" quality. Cognac maybe. Hope you did well. The majority failed. Completely.

    +
    • +
  • +

    Massive waste of money

    +

    Problems after problems. Consultant after consultant. Private servers and backups. Licenses, contracts, +training, seminars … They will rob you. No excitement. Just the money.

    +
    • +
  • +

    Insanely complex

    +

    Closed, complex and large. From top to bottom. Millions of lines of messy code: Java, XML, even Cobol. +"Enterprise Edition 2.0 blah, blah …" Horrible user interfaces. People go crazy or become zombies.

    +
    • +
+ +
+
+ -
- -
- - - -
- -
- -
- - - - -
- - - - - - diff --git a/features.html b/features.html index 074d3e9..e6c0b35 100644 --- a/features.html +++ b/features.html @@ -1,163 +1,169 @@ - - - - - Features @ CLOUD PANIC - - - - - - - - - - - + + + + Features @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

Features

- -

- People hate features. They want simple working things. Sense the the features that matter and throw away the rest. - Fri, 03 Dec 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- - -
-

Disgusting products

- -

- People use features they understand. From the buttons and wigdets - only the few obvious ones are used. The rest just make the product uglier and harder to use. - Be it a remote control or a website. -

+ +
+ + Next Crap:Enterprise solutions + +
+
+

Features

+

+ People hate features. They want simple working things. Sense the the features that matter and throw away the rest. + Fri, 03 Dec 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Disgusting products

    +

    People use features they understand. From the buttons and widgets +only the few obvious ones are used. The rest just make the product uglier and harder to use. +Be it a remote control or a website.

    +
    • +
  • +

    Life pollution

    +

    Coding, testing, documentation, meetings, meetings, maintenance and a pathetic release party. +Features pollute your life. In the worst case a feature never reached the audience. When you plan +your next killer feature remove an existing crap instead.

    +
    • +
  • +

    Competitive disadvantage

    +

    The glory days of features are over. You cannot compete with them. Far from that. The new +mammoths are based on a really simple idea but they just do it ridiculously better than anyone else. +Think of Google, Twitter or Apple.

    +
    • +
+ +
+
+ - -
+ + + + -
- -
- -
- -
- - - - -
- - - - - - diff --git a/flash.html b/flash.html index f63dd44..44edc5a 100644 --- a/flash.html +++ b/flash.html @@ -1,164 +1,168 @@ - - - - - Flash @ CLOUD PANIC - - - - - - - - - - - + + + + Flash @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

Flash

- -

- It's not only because of Steve Jobs. It's about being old school and proprietary. The glory days are over. - Tue, 23 Nov 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
-

Closed system

- -

- Flash is owned and controlled by Adobe. It's a closed system. Every day it is being replaced with HTML. Native code is faster, smoother and less buggy. Standards always win. -

+ +
+ + Next Crap:Java + +
+
+

Flash

+

+ It’s not only because of Steve Jobs. It’s about being old school and proprietary. The glory days are over. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Closed system

    +

    Flash is owned and controlled by Adobe. It's a closed system. Every day it is being replaced with HTML. +Native code is faster, smoother and less buggy. Standards always win.

    +
    • +
  • +

    It's only the video

    +

    Video playback keeps Flash alive. HTML5 has video tag but it lacks streaming, embedding and camera support. +Without those Flash would be dead by now. On other areas Flash communities are silent.

    +
    • +
  • +

    Steve Jobs

    +

    Apple drops the support for Flash. This is not a small one. Programmers move away from risky technology. +They want to be part of a vibrant ecosystem and secure their future. The future is in HTML, CSS and JavaScript.

    +
    • +
+ +
+
+
-
+ -

Steve Jobs

- -

- Apple drops the support for Flash. This is not a small one. Programmers move away from risky technology. They want to be part of a vibrant ecosystem and secure their future. The future is in HTML, CSS and JavaScript. -

-
- -
- - - -
- -
- -
- - - - -
- - - - - - diff --git a/headjs.html b/headjs.html index 423a6e9..418dfe2 100644 --- a/headjs.html +++ b/headjs.html @@ -1,34 +1,150 @@ - + - Head JS @ Github - + + + + @ CLOUD PANIC + + + + + + + + + + -
- - -
- -

Head JS @ Github

- -

- Head JS project was never announced. "git push" and after that it was all viral: -

- -

- Current status | - http://headjs.com | - Head JS @ Github -

- - - Wed Dec 1, 2010 - Head JS at Github -
+
+ + +
+ + Next story is around the corner + +
+
+

+

+ + Sat, 01 Jan 2000 10:00:00 +0200 +

+
+
+
+ + +
+
+ +
+
+
+
+ + + + + + + + diff --git a/index.html b/index.html index e86e93a..48dbae9 100644 --- a/index.html +++ b/index.html @@ -1,174 +1,3 @@ - - - - - - - - User Interfaces @ CLOUD PANIC - - - - - - - - - - - - - - - - -
- - - -
- - next crap: Flash - -
- -
-

User Interfaces

- -

- Everybody knows a good user interface is a must. A common fact we've known for years. But. You see crap everywhere, every day. People still miss the point. - Wed, 15 Dec 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
-

Hierarchy

- -

- Here is the point: write a table of contents of what you do. Put pieces into their right places. From top to bottom. Repeat. Don't ever forget this. With an unclear hierarchy your UI (and life) is a mess. -

-
- -
- -

Minimalism

- -

- It's not about fancy buttons or nice gradients. It's about removing them. Go down to the bare minimum. Be bold. Remove everything non-essential. Your ADHD audience wants to know the core immediately. They hate screen noise. -

- -
- -
- -

No usability labs

- -

- Usability labs are an overkill. They are like meetings. Waste of time. You have a bad hierarchy or screen noise and you know it. This laziness or uncertainty will cost you. Just ask your friend to try when you're ready. -

- -
- -
- -

It's everywhere

- -

- Documentation, copywriting, features, business plans and the website. Even a programming API has an UI where same rules apply: proper hierarchy, less methods, less arguments less configuration. Get to know user interfaces now. -

- -
- -
- - - -
- -
- -
- - - - -
- - - - - - - - - - + \ No newline at end of file diff --git a/java.html b/java.html index 9f17a38..f6580e0 100644 --- a/java.html +++ b/java.html @@ -1,169 +1,171 @@ - - - - - Java @ CLOUD PANIC - - - - - - - - - - - + + + + Java @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

Java

- -

- Java is turning to a modern COBOL language. Developers are elsewhere. The exitement back in 2000 is gone. - Tue, 23 Nov 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
- -

Never amazing

- -

- During the life of Java nobody ever implemented large or successfull website with it. You can find many PHP or Ruby sites but no Java. The idea of a sexy Swing application is a joke. When it comes to serious development people just didn't use Java. -

- + +
+ + Next Crap:SAP + +
+
+

Java

+

+ Java is turning to a modern COBOL language. Developers are elsewhere. The excitement back in 2000 is gone. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Never amazing

    +

    During the life of Java nobody ever implemented large or successful website with it. You can find many +PHP or Ruby sites but no Java. The idea of a sexy Swing application is a joke. When it comes to serious +development people just didn't use Java.

    +
    • +
  • +

    Lot's of crap

    +

    EJB is too complex, Swing is ugly, JSF was dead when it was introduced and JavaFX will never make it. +Groovy or Scala are noteworthly but they are a large step away from Java. I hear stories about Java +being used successfully. Great. So great.

    +
    • +
  • +

    All trends go down

    +

    Java bloggers and communities dead. Excitement and innovation is gone. On October 2010 Apple announced +that they stop supporting Java. Even Apache may walk away. The situation is fatal. Java is too big to +die but it's already our new COBOL.

    +
    • +
+ +
+
+
- -
- - - -
- -
- -
- - - - -
- - - - - - diff --git a/javascript.html b/javascript.html index dc3dd98..3ce4bda 100644 --- a/javascript.html +++ b/javascript.html @@ -1,159 +1,171 @@ - - - - - JavaScript @ CLOUD PANIC - - - - - - - - - - - + + + + JavaScript @ CLOUD PANIC + + + + + + + + + + +
+ + +
+ + Next Technology:Services + +
+
+

JavaScript

+

+ If you must pick up one programming language now pick JavaScript. It’s the language of the Web. For browsers and servers. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Growing fastest

    +

    From all programming languages JavaScript is growing fastest. Jobs, sold books, libraries and patterns. +The browser war accelerates the performance and quality of the language. You can do everything with it +and a lot more in the future.

    +
    • +
  • +

    Server side magic

    +

    Take a good look at node.js. The most amazing server side product since Apache. All of a sudden the vast +amount of JavaScript coders can do blazing fast server side products that support thousands of concurrent +connections. JavaScript is not for browsers anymore.

    +
    • +
  • +

    Future proof

    +

    For as long there will be browsers there will be JavaScript. You can be sure that this technology will +never die. Web sockets and web workers will change how browser applications are developed in the future.

    +
    • +
+ +
+
+
+ - - - - -
- - - - - - diff --git a/media/css/style.css b/media/css/style.css index 4a54c4e..7b91bc2 100644 --- a/media/css/style.css +++ b/media/css/style.css @@ -1,451 +1,386 @@ - - -* { - vertical-align: baseline; - font-weight: inherit; - font-family: inherit; - font-style: inherit; - text-decoration:inherit; - font-size: 100%; - padding: 0; - border: 0; - margin: 0; -} - +* { + vertical-align: baseline; + font-weight: inherit; + font-family: inherit; + font-style: inherit; + text-decoration: inherit; + font-size: 100%; + padding: 0; + border: 0; + margin: 0; +} table { - border-collapse: collapse; + border-collapse: collapse; } - :focus { - outline: 0; + outline: 0; } - ::-moz-focus-inner { - border: 0; + border: 0; } - /* HTML5 elements */ -article, aside, details, footer, header, hgroup, menu, nav, section { - display:block; +article, +aside, +details, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } - /* bolded */ -strong, b, th, dt { font-weight: bold; } - +strong, +b, +th, +dt { + font-weight: bold; +} /* italic */ em, i, caption { - font-style:italic; + font-style: italic; } - /* code */ pre, code { - font-family:"courier new",monospace; + font-family: "courier new", monospace; } - /* margin for block level elements */ -p, table, ul, ol { - margin:0.8em 0; +p, +table, +ul, +ol { + margin: 0.8em 0; } - li { - margin-left:1.6em; + margin-left: 1.6em; } - blockquote { - margin:1.5em; + margin: 1.5em; } - /* horizontal rule */ hr { - border:1px solid #ddd; - border-width:1px 0 0; - margin:1em 0; + border: 1px solid #ddd; + border-width: 1px 0 0; + margin: 1em 0; } - /* clearfix */ .clear, .clearfix { - display: block; - zoom: 1; - - &:after { - content: " "; - display: block; - height: 0; - clear: both; - visibility: hidden; - } -} - - + display: block; + zoom: 1; +} +.clear:after, .clearfix:after { + content: " "; + display: block; + height: 0; + clear: both; + visibility: hidden; +} /* clearfix */ .clear:after { - content: "\0020"; - display: block; - height: 0; - clear: both; - visibility: hidden; + content: "\0020"; + display: block; + height: 0; + clear: both; + visibility: hidden; } - body { - background:#fff url(../img/bg.jpg); - font:13px sans-serif; + background: #ffffff url(/media/img/bg.jpg); + font: 13px sans-serif; } - #wrap { - margin:0 auto; - width:1024px; -} - -/*{{{ head */ - -#logo, #forward span, #title h1, #links a, .navi h3, #marketing-crap strong, #marketing-crap a { - background:url(../img/sprite.png) no-repeat; + margin: 0 auto; + width: 1024px; +} +#logo, +#forward span, +#title h1, +#links a, +.navi h3, +#marketing-crap strong, +#marketing-crap a { + background: url(/media/img/sprite.png) no-repeat; } - #logo { - display:block; - padding:7px; - text-indent:-999em; + display: block; + padding: 7px; + text-indent: -999em; } - #logo strong { - color:red; - letter-spacing:0; -} - -#logo em { - color:#777; - letter-spacing:0; - font-style:normal; -} -/*}}}*/ - - -/*{{{ story */ - + color: red; + letter-spacing: 0; +} +#logo em { + color: #777; + letter-spacing: 0; + font-style: normal; +} #story, .navi, #marketing-crap { - border:4px solid #fff; - -moz-box-shadow: 0 0 10px #999; - -webkit-box-shadow: 0 0 10px #999; + border: 4px solid #fff; + -moz-box-shadow: 0 0 10px #999; + -webkit-box-shadow: 0 0 10px #999; } - #story { - background-color:#333; - position:relative; - top:-1px; + background-color: #333; + position: relative; + top: -1px; } - .no-boxshadow #story { - border:1px solid #ccc; + border: 1px solid #ccc; } - - /* total height 640 */ -#content { - padding:50px 100px 0 100px; - background-image: -moz-radial-gradient(center, circle farthest-corner, transparent 0, #000); - background: -webkit-gradient(radial, center center, 10, center center, 500, from(transparent), to(#000)); - height:590px; -} - +#content { + padding: 50px 100px 0 100px; + background-image: -moz-radial-gradient(center, circle farthest-corner, transparent 0, #000000); + background: -webkit-gradient(radial, center center, 10, center center, 500, from(transparent), to(#000000)); + height: 590px; +} .no-gradient #content { - background-color:rgba(0,0,0,.4); + background-color: rgba(0, 0, 0, 0.4); } - #title h1 { - background-position:0 -53px; - padding:22px 0 0 163px; - letter-spacing:-3px; + background-position: 0 -53px; + padding: 22px 0 0 163px; + letter-spacing: -3px; } - - .panic #title h1 { - background-position:-9px -151px; - padding:27px 0 0 69px; + background-position: -9px -151px; + padding: 27px 0 0 69px; } - .no-rgba #title h2 { - background-color:#333; - padding:5px; - margin-top:-5px; -} - -#forward { - color:#fff; - display:block; - float:right; - font-weight:bold; - margin:10px; - padding-right:10px; - font-size:11px; -} - + background-color: #333; + padding: 5px; + margin-top: -5px; +} +#forward { + color: #fff; + display: block; + float: right; + font-weight: bold; + margin: 10px; + padding-right: 10px; + font-size: 11px; +} #forward span { - background-position:-7px -26px; - padding:5px 4px; + background-position: -7px -26px; + padding: 5px 4px; } - #forward em { - font-style:normal; - font-weight:normal; -} - -h1 { - color:#fff; - font-size:60px; - text-shadow:0 0 1px #000; - font-weight:bold; - margin-bottom:0; -} - + font-style: normal; + font-weight: normal; +} +h1 { + color: #fff; + font-size: 60px; + text-shadow: 0 0 1px #000; + font-weight: bold; + margin-bottom: 0; +} h2 { - color:#eee; - font-size:25px; - text-shadow:0 0 2px #000; - line-height:30px; + color: #eee; + font-size: 25px; + text-shadow: 0 0 2px #000; + line-height: 30px; } - h3 { - color:#85A0FF; - font-size:18px; - font-weight:bold; + color: #85A0FF; + font-size: 18px; + font-weight: bold; } - .panic h3 { - color:red; + color: red; } - - h2 em { - color:#999; - font-style:normal; - display:block; - font-size:18px; -} -/*}}}*/ - - -/*{{{ facts */ - + color: #999; + font-style: normal; + display: block; + font-size: 18px; +} #bottom { - position:absolute; - bottom:0; -} - -#facts { - padding:10px 80px 0; - margin:0 -100px; - background-color:#222; - background-color:rgba(0,0,0,0.5); - background-image: -moz-linear-gradient(rgba(27, 27, 27, 0.1), rgba(0, 0, 0, 0.5)); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27, 27, 27, 0.1)), to(rgba(0, 0, 0, 0.5))); - -} - + position: absolute; + bottom: 0; +} +#facts { + padding: 10px 80px 0; + margin: 0 -100px; + background-color: #222; + background-color: rgba(0, 0, 0, 0.5); + background-image: -moz-linear-gradient(rgba(27, 27, 27, 0.1), rgba(0, 0, 0, 0.5)); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27, 27, 27, 0.1)), to(rgba(0, 0, 0, 0.5))); +} +#links p { + margin: 0; + padding: 0; +} #share { - margin-top:100px; - font-size:11px; - color:#ddd; + margin-top: 100px; + font-size: 11px; + color: #ddd; } - .twitter-share-button { - position:relative; - top:-5px; - margin-right:10px; -} - -.fact { - float:left; - margin:0 20px; - font-size:11px; - width:243px; - color:#eee; - padding:10px 0 12px 0; -} - -.two .fact { - width:380px; -} - -.four .fact { - width:170px; -} - -.fact h3 { - font-size:16px; - color:#ddd; - margin-bottom:-6px; -} - -.fact a { - color:yellow; -} -/*}}}*/ - - -/*{{{ links */ + position: relative; + top: -5px; + margin-right: 10px; +} +#facts ul { + padding: 0; + margin: 0; +} +#facts li { + list-style-type: none; +} +.fact, #facts li { + float: left; + margin: 0 20px; + font-size: 11px; + width: 243px; + color: #eee; + padding: 10px 0 12px 0; +} +.two .fact, .two#facts li { + width: 380px; +} +.four .fact, .four#facts li { + width: 170px; +} +.fact h3, #facts h3 { + font-size: 16px; + color: #ddd; + margin-bottom: -6px; +} +.fact a, #facts a { + color: yellow; +} #links { - background-color:#333; - padding:4px; - text-align:center; + background-color: #333; + padding: 4px; + text-align: center; } - #links a { - background-position:0 -31px; - color:#999999; - font-size:11px; - margin:0 5px; - padding-left:18px; -} - -#links small { - color:#fff; - font-size:11px; -} - -/*}}}*/ - - -/*{{{ navi*/ - -#navi { - margin-top:15px; -} - + background-position: 0 -31px; + color: #999999; + font-size: 11px; + margin: 0 5px; + padding-left: 18px; +} +#links em { + color: #fff; + font-size: 11px; + font-style: normal; +} +#navi { + margin-top: 15px; +} .navi, #marketing-crap { - float:left; - height:120px; - padding:15px; + float: left; + height: 120px; + padding: 15px; } - - .navi { - width:235px; - padding-right:0; - margin-right:15px; - background-image: -moz-linear-gradient(#f9f9f9, #ddd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#ddd)); + width: 235px; + padding-right: 0; + margin-right: 15px; + background-image: -moz-linear-gradient(#f9f9f9, #dddddd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#dddddd)); } - #inpanic h3 { - background-position:-5px -300px; + background-position: -5px -300px; } - .navi h3 { - background-position:-5px -250px; - padding-bottom:25px; - text-indent:-999em; - margin-bottom:1px; + background-position: -5px -250px; + padding-bottom: 25px; + text-indent: -999em; + margin-bottom: 1px; } - .cloud #incloud, .panic #inpanic { - border-color:#333; + border-color: #333; } - .navi a { - display:block; - float:left; - width:110px; - padding:3px 0; - color:#111; - font-size:11px; -} - + display: block; + float: left; + width: 110px; + padding: 3px 0; + color: #111; + font-size: 11px; +} .navi a.active { - font-weight:bold; - color:#000; - text-decoration:none; - cursor:default; -} - -/*}}}*/ - - + font-weight: bold; + color: #000; + text-decoration: none; + cursor: default; +} #facebook { - border:none; - overflow:hidden; - width:450px; - height:65px; -} - -/*{{{ foot */ - + border: none; + overflow: hidden; + width: 450px; + height: 65px; +} #marketing-crap { - float:right; - width:440px; - background-color: #101D30; - background-image: -moz-linear-gradient(#101D30, #2F4366); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#101D30), to(#2F4366)); -} - - + float: right; + width: 440px; + background-color: #101D30; + background-image: -moz-linear-gradient(#101d30, #2f4366); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#101d30), to(#2f4366)); +} #marketing-crap strong { - background-position:20px -395px; - display:block; - float:left; - height:56px; - margin-top:25px; - text-indent:-9999em; - width:240px; -} - + background-position: 20px -395px; + display: block; + float: left; + height: 56px; + margin-top: 25px; + text-indent: -9999em; + width: 240px; +} #marketing-crap h2 { - color:#fff; - font-size:32px; - text-shadow:0 0 1px #000; - font-weight:bold; - margin-top:41px; - float:left; - letter-spacing:-1px; -} - + color: #fff; + font-size: 32px; + text-shadow: 0 0 1px #000; + font-weight: bold; + margin-top: 41px; + float: left; + letter-spacing: -1px; +} #marketing-crap h2 span { - font-size:70px; + font-size: 70px; } - #marketing-crap a { - background-position:-11px -355px; - display:block; - float:right; - height:20px; - margin-top:20px; - text-indent:-9999em; - width:130px; -} - + background-position: -11px -355px; + display: block; + float: right; + height: 20px; + margin-top: 20px; + text-indent: -9999em; + width: 130px; +} #footer { - padding:12px 0; - font-size:11px; - color:#777; - text-align:center; + padding: 12px 0; + font-size: 11px; + color: #777; + text-align: center; } - #footer em { - font-style:normal; - color:#333; + font-style: normal; + color: #333; } - #footer a { - color:#0E478C; + color: #0E478C; } -/*}}}*/ - - /* smaller screens */ - -.lt-1024 #wrap { width:982px; } -.lt-1024 #facts { padding:10px 54px 0; } -.lt-1024 #marketing-crap { width: 395px; } - - +.lt-1024 #wrap { + width: 982px; +} +.lt-1024 #facts { + padding: 10px 54px 0; +} +.lt-1024 #marketing-crap { + width: 395px; +} /* routing */ #about-page #incloud { - border-color:#fff; + border-color: #fff; } - #about-page #title h1 { - background-image:none; - letter-spacing:-1px; - padding:0; + background-image: none; + letter-spacing: -1px; + padding: 0; } - diff --git a/media/js/site.js b/media/js/site.js index 00650a8..242d00e 100644 --- a/media/js/site.js +++ b/media/js/site.js @@ -37,34 +37,4 @@ el = byId("after"); el.innerHTML = prettytime(el.innerHTML); el.className = "loaded"; - - // activate correct link - var els = byId("navi").getElementsByTagName("a"), - forward = byId("forward"), - path = location.pathname, - page = path = path.substring(path.lastIndexOf("/") + 1) || "index.html"; - - for (var i = 0; i < els.length; i++) { - - if (els[i].getAttribute("href") == page) { - els[i].className = "active"; - els[i].onclick = function() { return false; } - - var next = els[i + 1], - crap = els[i].parentNode.id == "inpanic", - sibling = els[i].nextSibling.nextSibling, - lbl = crap || !sibling ? "Next Crap" : "Next Technology"; - - if (crap && !sibling) lbl = "Next story is around the corner"; - - forward.setAttribute("href", next.getAttribute("href")); - forward.innerHTML = "" +lbl+ ": " + next.innerHTML + ""; - } - } - - if (byId("about-page")) { - forward.setAttribute("href", "index.html"); - forward.innerHTML = "back to home "; - } - -})(); +})(); \ No newline at end of file diff --git a/redis.html b/redis.html index 2ebd829..a240d78 100644 --- a/redis.html +++ b/redis.html @@ -1,162 +1,175 @@ - - - - - Redis @ CLOUD PANIC - - - - - - - - - - - + + + + Redis @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

Redis

- -

- Do you belong to SQL or NoSQL camp? Who cares. Redis can still perform over 100.000 persistent write operations in a second. - Thu, 28 Jan 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
-

Disks will kill you

- -

- Tape operations killed us in the past. Now it's disk IO. Forget them. RAM is the future. Apple Air does not have disks. Redis performs everything in memory. Why? It's so fast that it scares you. -

-
- -
-

Relational is hard(er)

- -

- Redis datatypes are humane. Lists, maps and sets are native for us programmers. Tables, columns, and rows are not not. We need to use use hacks or middleware to make them feel natural. -

-
+ +
+ + Next Technology:User Interfaces + +
+
+

Redis

+

+ Do you belong to SQL or NoSQL camp? Who cares. Redis can still perform over 100.000 persistent write operations in a second. -
-

WTF. From Italy?

- -

- Salvatore Sanfilippo - the amazing head developer of Redis comes from Italy! This corrupted country where people mostly care about the clothes they wear. I'm from Finland where MySQL was born. Something is terribly wrong. -

+ Fri, 28 Jan 2011 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Disks will kill you

    +

    Tape operations killed us in the past. Now it's disk IO. +Forget them. RAM is the future. Macbook Air does not have +disks. Redis performs everything in memory. Why? It's so fast +that it scares you.

    +
    • +
  • +

    Relational is hard(er)

    +

    Redis datatypes are humane. Lists, maps and sets are native +for us programmers. Tables, columns, and rows are not not. We +need to use use hacks or middleware to make them feel natural.

    +
    • +
  • +

    WTF. From Italy?

    +

    Salvatore Sanfilippo - the amazing head developer of Redis comes +from Italy! This corrupted country where people mostly care about +the clothes they wear. I'm from Finland where MySQL was born. +Something is terribly wrong.

    +
    • +
+ +
+
- -
- - + + + + -
- -
- -
- -
- - - - -
- - - - - - diff --git a/sap.html b/sap.html index 020be05..4d54e83 100644 --- a/sap.html +++ b/sap.html @@ -1,176 +1,177 @@ - - - - - <span class="caps">SAP</span> @ CLOUD PANIC - - - - - - - - - - - + + + + <span class="caps">SAP</span> @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

SAP

- -

- If your organization starts talking about SAP it's your duty to turn the boat. Demand alternatives before another long term horror story begins. - Tue, 23 Nov 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
-

The old world

- -

- SAP is the mother of enterprise solutions. Our case study. Large scale marketing targeted for management who does not understand technology. Developers are invited when the deal is already made. What a sad start. -

+ +
+ + Next story is around the corner + +
+
+

SAP

+

+ If your organization starts talking about SAP it’s your duty to turn the boat. Demand alternatives before another long term horror story begins. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    The old world

    +

    SAP is the mother of enterprise solutions. +Our case study. Large scale marketing targeted for management who does not understand technology. +Developers are invited when the deal is already made. What a sad start.

    +
    • +
  • +

    But others use it

    +

    Congratulations: this is your chance. Let your competitors fall with bad technology, hire endless +amount of consultants and Pay Big Time. Obviously you step aside and choose differently. You don't +want to outsource your business and lose control.

    +
    • +
  • +

    The Alternative

    +

    SAP "consultants" must be far when big decisions are made. What do you really need? Do you need a large mess? +No. Use the Cloud, open source and common sense. Be creative. Try Basecamp. +Hire real talent from Github. Remember: even a shared text file in Dropbox is superior to SAP.

    +
    • +
  • +

    IBM

    +

    While SAP is the biggest and greatest you can be seriously exploited by IBM too. Depressing products +like Lotus Notes, DB2 and WebSphere will damage any given business. With the time invested your would +have been in a very different position by now.

    +
    • +
+ +
+
+ -

The Alternative

- -

- SAP "consultants" must be far when big decisions are made. What do you really need? Do you need a large mess? No. Use the Cloud, open source and common sense. Be creative. Try Basecamp. Hire real talent from Github. Remember: even a shared text file in Dropbox is superior to SAP. -

- -
+ -
+ -

IBM

- -

- While SAP is the biggest and greatest you can be seriously exploited by IBM too. Depressing products like Lotus Notes, DB2 and WebSphere will damage any given business. With the time invested your would have been in a very different position by now. -

- -
- - -
- - - -
- -
- -
- - - - -
- - - - - - diff --git a/services.html b/services.html index 338a672..729132d 100644 --- a/services.html +++ b/services.html @@ -1,159 +1,169 @@ - - - - - Services @ CLOUD PANIC - - - - - - - - - - - + + + + Services @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

Services

- -

- Applications are messy. Avoid chaos by building Services with clean interfaces. It's the ultimate way to split your application and increase developer productivity. - Tue, 23 Nov 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
-

Organize!

- -

- You need to be organized if you want to scale. Think of your mess and how it can be split into services. Focus of interfaces. Use common sense and put time on this. What is important and what is not? -

-
+ +
+ + Next Technology:Stateless design + +
+
+

Services

+

+ Applications are messy. Avoid chaos by building Services with clean interfaces. It’s the ultimate way to split your application and increase developer productivity. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Organize!

    +

    You need to be organized if you want to scale. Think of your mess and how it can be split into services. +Focus of interfaces. Use common sense and put time on this. What is important and what is not?

    +
    • +
  • +

    Coders love this

    +

    Coders can use the programming language of their choice. There's only an interface to be implemented. +Services talk to each other with JSON over HTTP. No strict rules or policies. Crazy pair programming +times are over.

    +
    • +
  • +

    Bosses love this

    +

    Developer jobs are easy to assign. No complex dependencies or language restrictions. One coder per +service perhaps? Services not only solve the application architecture but also what the organization +is all about.

    +
    • +
+ +
+
+
+ - -
+ + + + -
- -
- -
- -
- - - - -
- - - - - - diff --git a/stateless-design.html b/stateless-design.html index 6c11452..bbea85b 100644 --- a/stateless-design.html +++ b/stateless-design.html @@ -1,159 +1,168 @@ - - - - - Stateless design @ CLOUD PANIC - - - - - - - - - - - + + + + Stateless design @ CLOUD PANIC + + + + + + + + + + +
-
- - - -
- - next crap: Flash - -
- -
-

Stateless design

- -

- It's not about JavaScript versus Ruby versus PHP. It's about being stateless. The key to infinite scalability. Simple as that. - Tue, 23 Nov 2010 10:00:00 +0200 -

-
- -
-
- - - - - -
- -
- -
-

No state

- -

- Being stateless means that user information is not store into server's memory. Each request is independent of each other. The client request can be passed to any of your servers randomly. -

-
+ +
+ + Next Technology:Static HTML + +
+
+

Stateless design

+

+ It’s not about JavaScript versus Ruby versus PHP. It’s about being stateless. The key to infinite scalability. Simple as that. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    No state

    +

    Being stateless means that user information is not store into server's memory. Each request is +independent of each other. The client request can be passed to any of your servers randomly.

    +
    • +
  • +

    Server up. Server down.

    +

    With the stateless design new servers can be popped up and down on demand. On peak hours you may +have 10 servers running serving millions of users and on slow hours 2-3 servers can do the job.

    +
    • +
  • +

    Little or no work

    +

    Be stateless right from the beginning. There is no additional work. You are just ready to scale when +needed. As a purist you want to be static and +build services.

    +
    • +
+ +
+
+
+ - -
+ + + + -
- -
- -
- -
- - - - -
- - - - - - diff --git a/static-html.html b/static-html.html index ff04f2e..404a0ff 100644 --- a/static-html.html +++ b/static-html.html @@ -1,162 +1,169 @@ - - - - - Static <span class="caps">HTML</span> @ CLOUD PANIC - - - - - - - - - - - + + + + Static <span class="caps">HTML</span> @ CLOUD PANIC + + + + + + + + + + +
+ + +
+ + Next Crap:Features + +
+
+

Static HTML

+

+ Future sites are static. They are lightning fast and 100% safe. You build the magic with a static generator and JavaScript. + Tue, 23 Nov 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Back to the future

    +

    From static websites to dynamic and now back to static again. The trick is to generate the +site before served. Modern tools do templating and CSS/JavaScript minification.

    +
    • +
  • +

    JavaScript magic

    +

    Build dynamics with JavaScript. Place your logic into services +and use AJAX. This results to the best overall design. The role of a website is to serve content. +Nothing more.

    +
    • +
  • +

    Unexpected benefits

    +

    Nothing is faster than a static content and static site never crashes. Caching is easy and content can +be stored to Github. These pages are static.

    +
    • +
+ +
+
+
+ - - - - -
- - - - - - diff --git a/user-interfaces.html b/user-interfaces.html new file mode 100644 index 0000000..267ba17 --- /dev/null +++ b/user-interfaces.html @@ -0,0 +1,175 @@ + + + + + + + User Interfaces @ CLOUD PANIC + + + + + + + + + + + + + + +
+ + +
+ + Next Technology:The Cloud + +
+
+

User Interfaces

+

+ Everybody knows a good user interface is a must. A common fact we’ve known for years. But. You see crap everywhere, every day. People still miss the point. + Wed, 15 Dec 2010 10:00:00 +0200 +

+
+
+
+ + +
+
    +
  • +

    Hierarchy

    +

    Here is the point: write a table of contents of what you do. Put pieces into their right places. +From top to bottom. Repeat. Don't ever forget this. With an unclear hierarchy your UI (and life) is a mess.

    +
    • +
  • +

    Minimalism

    +

    It's not about fancy buttons or nice gradients. It's about removing them. Go down to the bare minimum. +Be bold. Remove everything non-essential. Your ADHD audience wants to know the core immediately. They +hate screen noise.

    +
    • +
  • +

    No usability labs

    +

    Usability labs are an overkill. They are like meetings. Waste of time. You have a bad hierarchy or +screen noise and you know it. This laziness or uncertainty will cost you. Just ask your friend to try when +you're ready.

    +
    • +
  • +

    It's everywhere

    +

    Documentation, copywriting, features, business plans and the website. Even a programming API has an +UI where same rules apply: proper hierarchy, less methods, less arguments less configuration. Get to +know user interfaces now.

    +
    • +
+ +
+
+
+
+ + + + + + + + +