code analytic presentation design
TRANSCRIPT
![Page 1: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/1.jpg)
Aris Sudaryanto, November 24, 2012
Universitas Teknologi Yogyakarta
CodeAnalytic Theme
![Page 2: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/2.jpg)
• Web Design and Web Application at CodeAnalytic, Inc.
• Based Bantul, Yogyakarta
• Over 2 years of experience working in the web and
graphic design field
• Projects : Dinas PU, Shopbonvieux Boutique, Los DIY,
UGM, and more
• Not user friendly but social friendly
Aris Sudaryanto
![Page 3: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/3.jpg)
![Page 4: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/4.jpg)
![Page 5: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/5.jpg)
• ATM (looking, copy, modification)
• Forum, Browsing
• Berani salah itu baik, CATET !
3 Tips for Newbie
![Page 6: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/6.jpg)
Anda lebih suka mana ?
1. Detect Media with user aggent?
2. Jquery Mobile
3. CSS media
Questions
![Page 7: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/7.jpg)
Responsive Media
![Page 8: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/8.jpg)
Media
![Page 9: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/9.jpg)
FOCUS
+ =
![Page 10: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/10.jpg)
Learning
• http://twitter.github.com/bootstrap/
• http://fortawesome.github.com/Font-Awesome/
![Page 11: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/11.jpg)
CodeAnalytic Theme
![Page 12: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/12.jpg)
Anantomy Theme
• Index.php
• config.php
• preview.jpg
• Web folder (template)
• main.css
• description.txt
![Page 13: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/13.jpg)
DEMO
![Page 14: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/14.jpg)
Q & A
remember, comments on twitter with #CAtheme
![Page 16: Code analytic presentation design](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a3dbab1a28abe31f8b45f3/html5/thumbnails/16.jpg)
End of Story
UTY – Saturday, November 24, 2012