0
Chiaki Hayashi
About
loftwork & myself


               Chiaki Hayashi
loftwork.jp

CMS, WEB,
Mobile, Print
Big Project
         Chiaki Hayashi
loftwork.com

13,000

       Chiaki Hayashi
loftwork Directors

Creators




           Clients

                     Chiaki Hayashi
Chiaki Hayashi




             Chiaki Hayashi
Chiaki Hayashi




             Chiaki Hayashi
noosphere &
Web Direction

                Chiaki Hayashi
What is noosphere?




                     Chiaki Hayashi
239,611,111 Websites




                  “July 2009 Web Server Survey” by netcraft
Chiaki Hayashi
Chiaki Hayashi
            11
Chiaki Hayashi
            11
Chiaki Hayashi
            11
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Question:




            Chiaki Hayashi
Answer:




          Chiaki Hayashi
!"#$!#"%&'!()!*++,-+,-.*!.*/+,!01!




3.       23456789:
;-.< =>!
     !   !"#$%&'()*+,-.,/&01234567)89:;<=>?@<?A(BA+
   ...
Chiaki Hayashi
Chiaki Hayashi
!!"          "#"                                                $%"

                  ./0#123435"6"7889:;;<<<=>>>>>>=?@A;...
!!"         "#"

            ./0#123435"6"7889:;;<<<=>>>>>>=?@A;"BCDE+FGHIJK"
&'()*+,-"
            L-MI(CNOE3PQINR35"


 ...
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
:          3




    Chiaki Hayashi
Web
      Web




            Chiaki Hayashi
hikikomorix
http://www.flickr.com/photos/hikikomori/157532512/
100




CMS CoporateSite Base Structure
                         Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Chiaki Hayashi
Upcoming SlideShare
Loading in...5
×

20090912 CSSNite Lp7

3,511

Published on

Published in: Technology

Transcript of "20090912 CSSNite Lp7"

  1. 1. Chiaki Hayashi
  2. 2. About loftwork & myself Chiaki Hayashi
  3. 3. loftwork.jp CMS, WEB, Mobile, Print Big Project Chiaki Hayashi
  4. 4. loftwork.com 13,000 Chiaki Hayashi
  5. 5. loftwork Directors Creators Clients Chiaki Hayashi
  6. 6. Chiaki Hayashi Chiaki Hayashi
  7. 7. Chiaki Hayashi Chiaki Hayashi
  8. 8. noosphere & Web Direction Chiaki Hayashi
  9. 9. What is noosphere? Chiaki Hayashi
  10. 10. 239,611,111 Websites “July 2009 Web Server Survey” by netcraft
  11. 11. Chiaki Hayashi
  12. 12. Chiaki Hayashi 11
  13. 13. Chiaki Hayashi 11
  14. 14. Chiaki Hayashi 11
  15. 15. Chiaki Hayashi
  16. 16. Chiaki Hayashi
  17. 17. Chiaki Hayashi
  18. 18. Chiaki Hayashi
  19. 19. Question: Chiaki Hayashi
  20. 20. Answer: Chiaki Hayashi
  21. 21. !"#$!#"%&'!()!*++,-+,-.*!.*/+,!01! 3. 23456789: ;-.< =>! ! !"#$%&'()*+,-.,/&01234567)89:;<=>?@<?A(BA+ ,-.,/&CD"E*FG)HI?J6KALMNOPQRSTUOV<MWAXY#Z[ ]^_O`a)bW7c<defghide&j2kl;<&*mnSA3o&pe8q) rVO*stuvwxyS@<z{&MWA+,-.,/)4<defg|}2~•#)€• ;^‚)A{c2ƒ„;<…†‡ˆ‡‰Š‹Œ/•‡ŽŠ••ˆ-‘’“A…”•–—^V˜™— 2š›;<œ^SAde&j2kl_MLLdefgh2•ž6ŸALM ¡01&¢£2¤ ¥;<œ^)45A¦§¨©&j2ªWA«¬#pe&'(2-˜z! ! +,-.,/®¯°? ± ²"E&MWA³´µ¶?·u<^¸D#)¹º-»,ufg2¼½ uVœ^?¾Vz! ! •½*¿ÀÁÂÃ&ÄÅ#udeSÆA+,-.,/Ç&³´^V˜ÈÉÊSpeË?ÌÍ) uUOr5AÎÏÐSÑÒuÓ|?fÔ_OV<z! ! ÕÖ&deSÆAµ¶°Šµ¶ÀÁ)45³´×ØiÙÚ?ÙÛSÜPÝ?ÞVMWA®¯° ?ÙÚ)ßVàºáâŽ)•;ãAäå&àºáâŽ)æ˜4˜)de2çè_Oã7fg; <œ^?¾KAÓ|&éêiëêì•?¾KfÔ_OV<z! ! ¿ÀÁ&•í.,/SÆAî+,-.,/ïðàñŽ»ò)@<óæ*AïðàñŽ»&C Dôõ?ö^÷&MWA{&.,/)ø0?@<Mù)áúûì,ü&µ¶?@5Aéê^u UOV<z! ! ýZ[þÿ,û&!"&+,-.,/)rVO*AÓ#°&•$ÿà%ÿ&&V)4<ñ'» ˆð)(?@5Ade2)_*7VÆ&?@<z! ! ! ! ;-*< 234567?@A! ! ”•– š›)4<defg9&•ž!! ! Š+,udefg)45 -.•– &8q2/7_WA01‡ü2&•ž!! ! ŠZ[#3i45‚6u7A89°?/5MVde2:;)<=<!! ! >éZ[°??@)St<4˜uA45!"#uòA&de³´B&•ž!! ! Š”•– š›A(óÇ&CD)45EFfGu7de³´B&•ž!! ! ŠïHº‡IJ,HK»ˆð&•ž)45Ade)<L_i;K;<!! ! ŠMN9&•ž)45Ade2)_i;K;<!! ! ŠO–– &PQuRgu7(B& STU VºŽ)bW7c<W&'(!! ! 45X3&ªVpeéY&;Z!! ! Š”•– š›)45A45X3#upe|}2'(zX3&ªVpe8q2'(;<! ! ! ! ;-;< BCDECF! ! ä冇ˆ‡‰2[©_L^W<œ^z! ! ]&|}X^&_`)ab;<œ^z! ! ”•– Ç&cTdefgºÿ&hÄ^cTÒ§2i;)ÄWA,iã)cTÓ|2'$;<œ^z! ! ! ! ! "! Copyright © 2009 loftwork Inc. All Rights Reserved. ! Chiaki Hayashi
  22. 22. Chiaki Hayashi
  23. 23. Chiaki Hayashi
  24. 24. !!" "#" $%" ./0#123435"6"7889:;;<<<=>>>>>>=?@A;"BCDE+FGHIJK" &'()*+,-" L-MI(CNOE3PQINR35" TUVWW*2EJ3+XYCDIZ/[" !S" $$$]^_`abcdefgIOIXYCDE+hFGHIJK" opqrsW'5E3tu`vw" !SVi%jklC&mDE+CnT$" {|}'~$•(&e" xIyz+" €•XY‚ƒc„-…" NOE3†‡" $ˆ‰IŠz+NOE3$$‹MI(6{ŒB) o’“”w+z&‚•z–I‚5' $L-MI(NOE3$$$•|MI(Ž•" I—K˜ZCNOE3wTUC™C /QI&" QINR35" š›‚Q303œ"C•cFGHI JKžfŸ" $L-MI(QINR35$•MI() $‘%MI(QINR35$•|MI(Ž•" ¢£./0$*¤¥¦$$7889:;;¢£¢§87¢=A¨8§©ª¢8«=¬¢=-9;" 3¡ŠI*" ®./0$$$$$$$7889:;;<<<=¢§©8¢=¨¬¯@;" “²°±$$$V${||³´µ+¶µ+" ]·¸/¹(HIKº»" ¼½‚ŠEK/+I3h¾¿ÀÁ›ÃĦÅÆ‚ÇÈ/¹(HIKhÉÊÀÁ›ÃËÌ E3+B" &'()*+°±" oÙÚÛÜÝÞßh“²C/¹(H IKwàáÑÒŸ) 6ŠEK/+I3B" µ;µµ$ÍEÎIˆÏIÐÑÒ" $;µµ$ˆ‰IŠz+NOE3ÓÔµ" $$$""ÕÖÓÔµ" µ;µ$$ I/QINR35“×" $;µµ$NOE3ÓÔµ" $;µµ$QINR35ÑØ" !" ! Chiaki Hayashi
  25. 25. !!" "#" ./0#123435"6"7889:;;<<<=>>>>>>=?@A;"BCDE+FGHIJK" &'()*+,-" L-MI(CNOE3PQINR35" TUVWW*2EJ3+XYCDIZ/[" !S" $$$]^_`abcdefgIOIXYCDE+hFGHIJK" !SVi%jklC&mDE+CnT$" {|}'~$•(&e" xIyz+" €•XY‚ƒc„-…" NOE3†‡" $ˆ‰IŠz+NOE3$$‹MI(6{ŒB) $L-MI(NOE3$$$•|MI(Ž•" /QI&" QINR35" $L-MI(QINR35$•MI() $‘%MI(QINR35$•|MI(Ž•" Chiaki Hayashi ¢£./0$*¤¥¦$$7889:;;¢£¢§87¢=A¨8§©ª¢8«=¬¢=-9;" 3¡ŠI*" ®./0$$$$$$$7889:;;<<<=¢§©8¢=¨¬¯@;"
  26. 26. Chiaki Hayashi
  27. 27. Chiaki Hayashi
  28. 28. Chiaki Hayashi
  29. 29. Chiaki Hayashi
  30. 30. Chiaki Hayashi
  31. 31. Chiaki Hayashi
  32. 32. Chiaki Hayashi
  33. 33. Chiaki Hayashi
  34. 34. Chiaki Hayashi
  35. 35. Chiaki Hayashi
  36. 36. : 3 Chiaki Hayashi
  37. 37. Web Web Chiaki Hayashi
  38. 38. hikikomorix http://www.flickr.com/photos/hikikomori/157532512/
  39. 39. 100 CMS CoporateSite Base Structure Chiaki Hayashi
  40. 40. Chiaki Hayashi
  41. 41. Chiaki Hayashi
  42. 42. Chiaki Hayashi
  43. 43. Chiaki Hayashi
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×