BEGIN:VCALENDAR VERSION:2.0 PRODID:-//HasGeek//NONSGML Funnel//EN DESCRIPTION:On the construction of user interface on the web X-WR-CALDESC:On the construction of user interface on the web NAME:Meta Refresh 2014 X-WR-CALNAME:Meta Refresh 2014 REFRESH-INTERVAL;VALUE=DURATION:PT12H SUMMARY:Meta Refresh 2014 TIMEZONE-ID:Asia/Kolkata X-PUBLISHED-TTL:PT12H X-WR-TIMEZONE:Asia/Kolkata BEGIN:VEVENT SUMMARY:Check-in DTSTART:20140212T040000Z DTEND:20140212T043000Z DTSTAMP:20260421T112808Z UID:session/XLZTiwMmYUFbqe5a9LxNaL@hasgeek.com SEQUENCE:0 CREATED:20140123T133545Z DESCRIPTION:\n GEO:12.9638;77.6378 LAST-MODIFIED:20140210T190944Z LOCATION:Auditorium - The Energy & Resources Institute\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Check-in in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Making design decisions DTSTART:20140212T043000Z DTEND:20140212T073000Z DTSTAMP:20260421T112808Z UID:session/QAMNxguDyBDY7j7sLW2s6J@hasgeek.com SEQUENCE:2 CATEGORIES:Workshops,Beginner CREATED:20140125T065250Z DESCRIPTION:Through a series of design techniques & hands-on exercises\, p articipants will be sensitised to the nuances which make interfaces intuit ive & elegant.\n\nThis workshop has been conducted earlier at Nasscom Prod uct Conclave (NPC 2013). Meta Refresh will see a much more evolved version of this workshop based on the experience & feedback recieved at NPC 2013. \n\nWho should attend?\n\nProduct Managers\nAspiring designers (Might be t oo basic for experienced designers)\nWeb Developers \nStartup Founders\n\n ### Speaker bio\n\nAs the Design Head\, Sunit is responsible for the user experience of products across Cleartrip. He's been instrumental in setting the tone for Cleartrip Mobile & led the recent redesign. Sunit graduated from J. J. School of Art to be a painter\, followed by a post grad in Comm unication Design from the Industrial Design Centre\, IIT Bombay. While he has built & mentored design teams through his career\, his background in f ine art keeps him thoroughly hands-on. Previously\, he's led design at bur rp! and Paper Plane.\n GEO:12.9638;77.6378 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - The Energy & Resources Institute\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/making-design-decisions- QAMNxguDyBDY7j7sLW2s6J BEGIN:VALARM ACTION:display DESCRIPTION:Making design decisions in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Lunch DTSTART:20140212T073000Z DTEND:20140212T083000Z DTSTAMP:20260421T112808Z UID:session/9QAfR3dSgvxsgTBCqCJ9cR@hasgeek.com SEQUENCE:0 CREATED:20140123T133645Z DESCRIPTION:\n GEO:12.9638;77.6378 LAST-MODIFIED:20140210T191019Z LOCATION:Auditorium - The Energy & Resources Institute\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Lunch in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:The Design Superheroes who uses Modern Design Workflows DTSTART:20140212T083000Z DTEND:20140212T113000Z DTSTAMP:20260421T112808Z UID:session/BPps6he8dWhQSMynxvSFm8@hasgeek.com SEQUENCE:2 CATEGORIES:Workshops,Intermediate CREATED:20140123T133727Z DESCRIPTION:A good designer can design nice\, beautiful interfaces and can make the life of the users easy. A great designer will not only make it e asy for the users but also for everyone involved\, including the whole tea m - by writing production ready codes\, which are easier to integrate with the developer environment and be ready to be shipped as part of the deplo yment process.\n\nAs a designer\, you do not want to look at the final out put and start hating your developers. You don’t want to be arguing with them - “that’s not how I designed it.” You should be able to own the design and be part of the process from the start to the end-result.\n\nLe t’s talk about\;\n\n * A Command Line Tool - don’t be intimidated\, we will just use few easy ones.\n * GUI Tools in lieu of the Command Lin e.\n * CSS Pre-processors - SASS\, LESS\n * Yeoman\, Bower\, Grunt\n * Linting - CSSLint\, JSLint\n\nFinally\, be friendly with the developers in your team\, learn from them and steal their tools to make your life ea sier. It will not only make it easy for them\, you can teach them a thing or two. In the end\, everyone else will respect you for your work.\n\n### Speaker bio\n\nBrajeshwar believes in simplicity\, pushes the envelop and envisions the betterment of usable and practical solutions.\n\nBrajeshwar is a product manager/director and team leader with a deep appreciation of the relationship between meaningful design and powerful backend solutions. He's been a backend developer\, turned front-end designer\, with a proven track record of building products.\n\nHe has a proven track record of cre ating products and managing teams in multiple environments\, ranging from startups to well established companies. On his journey\, Brajeshwar has wo rked with some of the brightest teams\, clients and investors.\n GEO:12.9638;77.6378 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - The Energy & Resources Institute\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/the-design-superheroes-w ho-uses-modern-design-workflows-BPps6he8dWhQSMynxvSFm8 BEGIN:VALARM ACTION:display DESCRIPTION:The Design Superheroes who uses Modern Design Workflows in Aud itorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Check-in DTSTART:20140213T040000Z DTEND:20140213T043000Z DTSTAMP:20260421T112808Z UID:session/NHytxrQ3v2iWp2wNutST3K@hasgeek.com SEQUENCE:0 CREATED:20140123T133756Z DESCRIPTION:\n GEO:12.9638;77.6378 LAST-MODIFIED:20140210T190950Z LOCATION:Auditorium - The Energy & Resources Institute\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Check-in in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Embracing Progressive Enhancement DTSTART:20140213T043000Z DTEND:20140213T073000Z DTSTAMP:20260421T112808Z UID:session/PGa1WNqqt5135NpmnyudTt@hasgeek.com SEQUENCE:2 CATEGORIES:Workshops,Intermediate CREATED:20140125T065336Z DESCRIPTION:We are perpetually on our toes to absorb the latest technologi es that power the web and make use of them in our projects. However\, in d oing so\, we often overlook and break [the principles that the web has bee n built on](http://www.w3.org/DesignIssues/Principles.html) over the past two decades. Even if we choose to turn blind towards philosophies\, standa rds or doing things the right way\, we simply cannot ignore the proliferat ion and diversity of devices and user agents today.\n\nThis workshop will revisit [the spirit of the web](http://bradfrostweb.com/blog/post/the-spir it-of-the-web-jeremy-keith-at-smashing-conference/) — understanding what makes the web special and how to embrace the principle of progressive enh ancement to build robust websites. We shall create a very simple project s tarting from scratch and build it in layers so that the final code works f lawlessly across many different systems and devices — both _feature-rich _ and _featureless_.\n\n“The best way to be future-proof is to be backwa rds compatible.”\n\n### Speaker bio\n\nI am a co-founder of [Miranj](htt p://miranj.in)\, a web design studio in New Delhi\, and have been making w ebsites for a few years now. I am a programmer at heart\, love music and a foodie who prefers coffee over any other beverage.\n GEO:12.9638;77.6378 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - The Energy & Resources Institute\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/embracing-progressive-en hancement-PGa1WNqqt5135NpmnyudTt BEGIN:VALARM ACTION:display DESCRIPTION:Embracing Progressive Enhancement in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Lunch DTSTART:20140213T073000Z DTEND:20140213T083000Z DTSTAMP:20260421T112808Z UID:session/Fxa2h3PbkeeP6EpuXMfg8j@hasgeek.com SEQUENCE:0 CREATED:20140123T133928Z DESCRIPTION:\n GEO:12.9638;77.6378 LAST-MODIFIED:20140210T191025Z LOCATION:Auditorium - The Energy & Resources Institute\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Lunch in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Responsive Web Design done right DTSTART:20140213T083000Z DTEND:20140213T113000Z DTSTAMP:20260421T112808Z UID:session/DAKTfnL6HbpQJ38FjnfFzZ@hasgeek.com SEQUENCE:2 CATEGORIES:Workshops,Intermediate CREATED:20140123T133900Z DESCRIPTION:Responsive Web Design has become a big buzz word. Everybody's doing it. And all the frameworks have added support for partially responsi ve sites.\n\nYet\, too many people are doing it in the wrong way. We're us ing frameworks that make all the decisions for us. But almost all of them follow just a single basic pattern\, multiple columns that merge into a si ngle column. And this results in layouts that aren't really that great.\n\ nCan we do better? There are numerous Responsive Design patterns\, and yet we don't use them because they seem difficult to implement. But they are not.\n\nIn this workshop\, you'll learn how to make websites that provide a great experience on every device. We are going to learn how to build a f ew different and unique responsive design patterns from scratch. In the pr ocess you'll learn techniques that you will be able to use in your own pro jects and with any framework.\n\n### Speaker bio\n\nI've been designing & developing web applications for the last nine years. I currently specializ e in cross-device Responsive Web Design and Web application accessibility. \n\nI am particularly concerned that as web developers we are more interes ted in the next cool feature or technology\, but ignore the basics\, and i n the process break the web for a large number of users.\n GEO:12.9638;77.6378 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - The Energy & Resources Institute\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/responsive-web-design-do ne-right-DAKTfnL6HbpQJ38FjnfFzZ BEGIN:VALARM ACTION:display DESCRIPTION:Responsive Web Design done right in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Check-ins and breakfast DTSTART:20140214T030000Z DTEND:20140214T034500Z DTSTAMP:20260421T112808Z UID:session/VNsogXMBwSm9iAVATQbhf3@hasgeek.com SEQUENCE:0 CREATED:20140123T134158Z DESCRIPTION:\n LAST-MODIFIED:20140210T190956Z LOCATION:Bangalore ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Check-ins and breakfast in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Introductions - Meta Refresh\, Editorial Panel\, format of the con ference DTSTART:20140214T034500Z DTEND:20140214T040000Z DTSTAMP:20260421T112808Z UID:session/N6sWtimCfd7waPCX86sH7Z@hasgeek.com SEQUENCE:0 CREATED:20140123T134317Z DESCRIPTION:\n GEO:12.89148;77.58508 LAST-MODIFIED:20140128T063649Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Introductions - Meta Refresh\, Editorial Panel\, format of the conference in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:A front end architect's diary - Rebuilding FreeCharge.in web exper ience DTSTART:20140214T040000Z DTEND:20140214T044500Z DTSTAMP:20260421T112808Z UID:session/6wnG5kQiz6bdYbBd8FovoE@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Intermediate CREATED:20140125T072757Z DESCRIPTION:The session will broadly cover -\n\n1. The design process - ke y considerations and how it evolved.\n2. Choosing the front end stack \n3. Building a true\, full responsive experience \n4. How many browsers can w e *realistically* support?\n5. Addressing the performance demons\n6. The B IG SEO question\n7. The mistakes\, the learnings\n8. The steps forward\n\n Broadly\, this session is an honest take at what it means to rebuild a sys tem ground up using modern web standards.\n\n### Speaker bio\n\nHarish is presently the head of Front End Engineering & UX @FreeCharge and Musican at @agamlive. Previously - Front End & UX architect @Myntra\, Web and Open Standards Evangelist @Adobe. Overall nice guy.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/a-front-end-architects-d iary-rebuilding-freecharge-in-web-experience-6wnG5kQiz6bdYbBd8FovoE BEGIN:VALARM ACTION:display DESCRIPTION:A front end architect's diary - Rebuilding FreeCharge.in web e xperience in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:How viable is a Minimum Viable Product? DTSTART:20140214T044500Z DTEND:20140214T053000Z DTSTAMP:20260421T112808Z UID:session/PnDPb18LAG9cGNQLXdJZY5@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Beginner CREATED:20140128T191123Z DESCRIPTION:If you are an entrepreneur or you work in a startup\, you know that the most important thing is to ship fast. But more important than sh ipping fast is shipping right. The agile method helps us in building and s hipping products quickly but how many times have you had to revert on a fe ature or redesign completely because that's not what the customers wanted? \n\nIn the session we will try to find out the best answers these question s.\n\nHow do you find out what is right for your customers? How do you get your hypothesis tested? How do you get your design tested? What is a mini mum viable product? How do you build a minimum viable product?\n\n### Spea ker bio\n\nI build stuff. Over the last 9 years I have built some of the m ost used and most successful internet products in the country. Started my career as a front end developer with rediff shopping and moved quickly to product management and have been responsible for building products like Re diff Shopping\, BookMyShow\, redBus and now Freecharge.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/how-viable-is-a-minimum- viable-product-PnDPb18LAG9cGNQLXdJZY5 BEGIN:VALARM ACTION:display DESCRIPTION:How viable is a Minimum Viable Product? in Auditorium in 5 min utes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Tea break DTSTART:20140214T053000Z DTEND:20140214T060000Z DTSTAMP:20260421T112808Z UID:session/EDTH1Cha1byLGNTiXkfwjs@hasgeek.com SEQUENCE:0 CREATED:20140128T183056Z DESCRIPTION:\n LAST-MODIFIED:20140210T191005Z LOCATION:Bangalore ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Tea break in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Data driven UX decisions DTSTART:20140214T060000Z DTEND:20140214T064500Z DTSTAMP:20260421T112808Z UID:session/Dh9FULqpckk7b9TLEV21cn@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Intermediate CREATED:20140128T190650Z DESCRIPTION:Improving user experience is part art and part science. This t alk would focus on the science.\n\nMaking data driven decisions for a webs ite involves:\n\n1. Tracking all user actions along with contextual variab les\n2. Identifying gaps in the experience\, or opportunities\, by look at the tracked data\n3. Coming up with a list of hypotheses around possible reasons for the gaps\n4. Figuring ways to validate the hypotheses and narr owing the list down\n5. Releasing features or UX improvements to address t he gaps\n6. Isolating and measuring the impact of these features or improv ements\n7. Letting the fittest features or improvements survive\, and iter ating this process\n\nWe'll explore each of these steps in detail\, along with relevant examples.\n\n### Who would find it useful?\n\n- Online pro duct managers(beginners)\n- Startup folks working on an online product\n- Frontend Engineers\n- UX and UI designers\n\n### Speaker bio\n\nIn my l ast stint\, I started a company\, which got backed by YCombinator. We buil t a product called Markupwand to convert Photoshop designs to HTML and CSS .\n\nBefore starting up\, I was the Product Manager for Myntra.com's front end\, where I more than doubled the number of purchases per 100 visitors(c onversion rate) by creating a good user experience and improving on it wit h the support of data.\n\nPrior to this\, I worked as a full stack enginee r at Yahoo! and a Flash game developer at Zynga.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/data-driven-ux-decisions -Dh9FULqpckk7b9TLEV21cn BEGIN:VALARM ACTION:display DESCRIPTION:Data driven UX decisions in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Books + Browser + On/Offline = Reading Redefined DTSTART:20140214T064500Z DTEND:20140214T073000Z DTSTAMP:20260421T112808Z UID:session/SFhYrKqJ5PptBQxBBHPda9@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Intermediate CREATED:20140128T190535Z DESCRIPTION:1. How to Tackle "No wait time" to read online? Heard of ePub streaming? How to use PhantomJS to address some of the performance issues? \n2. How to stream epubs at scale without any loss in the continuity and y et secure?\n3. How to redefine TOC for a book?\n4. How to make sure the us er reading experience is synced across browsers and devices? \n5. How to m ake sure every chunk of book we are streaming cannot be eavesdropped and c annot be used to reconstruct the whole book without valid order? How Crypt oJS is being used to address this?\n6. How is the screen size driving the chunk size and why we came up with this configurable chunk size?\n7. How t o make sure that look and feel of the book is as generated by publisher ev en on a browser?\n8. How to make sure user can read the book even when he is offline?\n9. How we used HTML5 offline cache\,indexeddb\,websql\,OOJS\, CSS3\,nodeJS\,websockets\,PhantomJS\,Streaming\,Sync and other services to achieve all this.\n\n### Speaker bio\n\nJoined Flipkart in 2012. Have bee n associated with eBooks ever since. Started working on eBooks rendering o n Browser for samples initially. Findings from that exercise eventually le ad to Complete Web Reader application supporting all features of a reader. Prior to flipkart\, worked at Libsys ltd.I have worked on javascript\,jav a\,php\,c#\,node\,android.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/books-browser-on-offline -reading-redefined-SFhYrKqJ5PptBQxBBHPda9 BEGIN:VALARM ACTION:display DESCRIPTION:Books + Browser + On/Offline = Reading Redefined in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Lunch DTSTART:20140214T073000Z DTEND:20140214T083000Z DTSTAMP:20260421T112808Z UID:session/3BbZH74gs8HMgu2euMbCek@hasgeek.com SEQUENCE:0 CREATED:20140123T135244Z DESCRIPTION:\n LAST-MODIFIED:20140210T191030Z LOCATION:Bangalore ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Lunch in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Mobile First Approach - The key to cross platform interface design DTSTART:20140214T083000Z DTEND:20140214T084500Z DTSTAMP:20260421T112808Z UID:session/Mn3AL864f75ZTekpLv4XUx@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp talk,Beginner CREATED:20140130T052018Z DESCRIPTION:Mobile first design has been taking centrestage in the consume r internet media stage. This makes it extremely important for the Design/d evelopment community to understand the intricacies\, pitfalls and the righ t practices about it.\n\nFrom my own experiments\, I have elicited few int eresting protcols and practices for the same. The presentation aims to sha re the results of the successful experiments and open up discussion on wha t the best way forward can be.\n\nOutline of the talk:\n1. Understanding t he need for mobile sites\n2. Going through the basics of a fluid interface \; differences between responsive sites and mobile sites\n3. Bottom up app roach - first build minimum features for the smaller screens. It helps kee p the lean approach alive.\n4. Optimized content structuring - limited siz e on small screens calls for relevant and optimized content layouts\n5. En suring the right experience on small screen devices via optimized front en d\n6. The upside of using mobile dev libraries - hammer js\, zepto js etc\ n\n### Speaker bio\n\nVivek Parihar - Webonise Lab\, Pune\nA technology ev angelist\, ROR geek\, Javascript Missionary and a mentor - just to name a few. Started his technology journey @Webonise with mission to experiment\, build and contribute to technology trends.\nAs VP-Engineering\, he has le d the team leaps and bounds across various technologies. He is a frequent speaker at conferences. To name a few:\n-DevopsDay2013\n-MongoDb Pune \n-R uby Conf India\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/mobile-first-approach-th e-key-to-cross-platform-interface-design-Mn3AL864f75ZTekpLv4XUx BEGIN:VALARM ACTION:display DESCRIPTION:Mobile First Approach - The key to cross platform interface de sign in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Designing at break neck speed DTSTART:20140214T084500Z DTEND:20140214T090000Z DTSTAMP:20260421T112808Z UID:session/FPe4kfPEUyz9GnFr8W5rX5@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp talk,Beginner CREATED:20140130T051947Z DESCRIPTION:A multitasking designer is one of the key stakeholder in a sta rtup's early stages where they define the product. As exciting this phase intellectually for the designer\, this is also a stage where he/she tend t o make some common design and decision mistakes. In this talk\, ill be sha ring my experiences from startup/lean culture\, lessons learned\, and some measures that i take to avoid those.\n\nHere are the taking points for th is proposal\n1. Battling fast evolving requirements/feature sets\n2. Addre ssing lack of documentation time\n3. Ability to multitask\n4. Dealing with incremental changes and user feedbacks\n5. Going modular in design detail ing\n6. No chrome / Flat designs and its relevance in making faster design cycles\n7. Importance of being hands on\n\n### Speaker bio\n\nIm an inter action designer with over 10 years of experience. Started my career in ele arning\, then moved around a bit working with small and large scale corpor ates in consumer/enterprise product teams(Yahoo\, Adayana\, Pramati\, Grou psave\, Freshdesk\, Cucumbertown) as an interaction designer. I have worke d for 3 startups over the last 2 years and this period has been one of gre at insights (and sleepless nights). I currently head the design efforts at cucumbertown.com\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/designing-at-break-neck- speed-FPe4kfPEUyz9GnFr8W5rX5 BEGIN:VALARM ACTION:display DESCRIPTION:Designing at break neck speed in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Develop to Design - A guide to emergency design for front-end deve lopers DTSTART:20140214T090000Z DTEND:20140214T091500Z DTSTAMP:20260421T112808Z UID:session/3oCWpzY4psKeBdg44bkTVr@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp talk,Intermediate CREATED:20140130T052003Z DESCRIPTION:This session will cover:\n\n1. Principles in choosing and usin g typefaces\, brief difference between fonts and typefaces.\n2. Choice of color befitting your application's intent.\n3. Design guidelines while des igning your own web-application including writing meaningful content.\n4. Things your designer forgot to design. Error conditions\, No-data conditio ns.\n5. Design easier user flows and making the right design decisions wit h examples of right and wrong decisions.\n6. There are no iron-clad rules to design\, just conventions.\n\nMy aim with this session is to inspire de velopers to put in the effort to make better design decisions\, while havi ng robust functionality.\n\n### Speaker bio\n\nFrom testing scalable distr ibuted filesystems\, I have gone on to develop web applications without an y design sense before and through better user feedback improved upon the e xperience. These are my learnings. I work as a front-end developer at Unbx d.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/develop-to-design-a-guid e-to-emergency-design-for-front-end-developers-3oCWpzY4psKeBdg44bkTVr BEGIN:VALARM ACTION:display DESCRIPTION:Develop to Design - A guide to emergency design for front-end developers in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Q & A DTSTART:20140214T091500Z DTEND:20140214T093000Z DTSTAMP:20260421T112808Z UID:session/UschCk993j1iXiFPQmmGGw@hasgeek.com SEQUENCE:0 CREATED:20140130T052739Z DESCRIPTION:\n GEO:12.89148;77.58508 LAST-MODIFIED:20140130T053644Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Q & A in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:TBA DTSTART:20140214T093000Z DTEND:20140214T101500Z DTSTAMP:20260421T112808Z UID:session/3HbHqixiSnCbVf28S6w8Aj@hasgeek.com SEQUENCE:0 CREATED:20140210T041140Z DESCRIPTION:\n GEO:12.89148;77.58508 LAST-MODIFIED:20140210T041157Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:TBA in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Tea break DTSTART:20140214T101500Z DTEND:20140214T104500Z DTSTAMP:20260421T112808Z UID:session/JbSCYHnEuB27NkhBg3eTTd@hasgeek.com SEQUENCE:0 CREATED:20140128T183250Z DESCRIPTION:\n LAST-MODIFIED:20140210T191039Z LOCATION:Bangalore ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Tea break in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Flash talks DTSTART:20140214T104500Z DTEND:20140214T113000Z DTSTAMP:20260421T112808Z UID:session/Q8uk4LUgpv2YkrNh9nwLQP@hasgeek.com SEQUENCE:0 CREATED:20140130T055329Z DESCRIPTION:\n GEO:12.89148;77.58508 LAST-MODIFIED:20140203T100537Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Flash talks in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:What we learnt at iA when working on large-scale design projects DTSTART:20140214T113000Z DTEND:20140214T121500Z DTSTAMP:20260421T112808Z UID:session/7FQFe3EhpdU4FR5r1sbzeG@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Beginner CREATED:20140128T190103Z DESCRIPTION:Each iA project is tailored to the client’s specific needs. However\, there is a set of recurring modules that appear throughout many projects.\n\n### Analyzing the context\nDesign is not about creating nice surfaces\, but about understanding how things work under the hood and givi ng them the most useful external form\n\n**How we discover and analyze the context of design projects**\n\n### Awareness building through user resea rch\n\nArguments about design can only be fruitful when based in a solid u nderstanding of the end user’s needs\n\n**How we use user research to bu ild our client’s awareness of his client’s needs**\n\n### Keeping the initial scope under control\n\nProject overstretch is a very real danger i n large scale design projects\n\n**How we get started when the mountain ah ead seems too high to climb**\n\n### Painting the future in bright colors\ n\nOverambitious projects can fail\, but many more projects yield mediocre results simply because the big vision got lost somewhere along the way\n\ n**How we try to reconcile the wish for a „perfect“ interface with the sometimes sad reality of what’s feasible in the short term**\n\n### Can ’t we just iterate?\n\nWhy we sometimes think that it’s useful to go f or the big overhaul of a design and why we sometimes try to avoid it\n\n## # Grinding?\n\nSo we understood the context\, everybody is aware of the pr oject and wants to go on with it\, there’s this wonderful future interfa ce prototype\, an overall information architecture\, a beautiful design li ne. Now all we need to do is draw another 150 pages in Photoshop\, right? Nope.\n\n* How we break down seemingly overwhelming projects into manageab le parts\n* How we ensure consistency over large projects\n* How we approa ch implementation in cooperation with large tech teams\n\n### Speaker bio\ n\nChris Lüscher co-founded iA\, a Zurich and Tokyo based design agency w ith a focus on complex concept and design challenges in interactive produc ts. He is a co-founder of Cucumbertown\, a San Francisco and Bangalore bas ed food blogging platform.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/what-we-learnt-at-ia-whe n-working-on-large-scale-design-projects-7FQFe3EhpdU4FR5r1sbzeG BEGIN:VALARM ACTION:display DESCRIPTION:What we learnt at iA when working on large-scale design projec ts in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Check-ins and breakfast DTSTART:20140215T030000Z DTEND:20140215T040000Z DTSTAMP:20260421T112808Z UID:session/DYhTpLPZc3YZaU6BUbJqAF@hasgeek.com SEQUENCE:0 CREATED:20140128T183224Z DESCRIPTION:\n LAST-MODIFIED:20140210T191000Z LOCATION:Bangalore ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Check-ins and breakfast in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Faster (and Coincidentally More Secure) Webfonts DTSTART:20140215T040000Z DTEND:20140215T044500Z DTSTAMP:20260421T112808Z UID:session/7ZeBFSk1SrjExruR2nEQK5@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Intermediate CREATED:20140128T190155Z DESCRIPTION:It’s 2014. As cloud-hosted webfonts becomes the preferred wa y to go\, it’s high time we understand methods that they use to make web fonts load faster and more resistant to copying\, that you can pick and ch oose to optimize your next project.\n\n* How we got here: a history of met hods and formats\n * TrueDoc (PFR)\n * Embedded OpenType (EOT)\n * Vector Markup Language (VML) and Scalable Vector Graphics (SVG)\n * S calable Inman Flash Replacement (sIFR)\n * Web Open Font Format (WOFF)\ n * System fonts on mobile devices: the incompatibility table\n* Explor e current methods to secure webfonts\n * base64 embedding\n * subset ting (splitting into multiple font files\, only loading the letters used)\ n * Roll your own with connect-fonts\n * WOFF (zlib/gzip compres sion\, then telling useragent to decode the file)\n* Compare the performan ce of each methods\n * Flash of unstyled texts (FOUT)\n * The proble m of blank content\, and how to prevent it:\n * Make separate CSS t hat only loads font file\n * Use JavaScript to precache font file\n * Hosting providers automate them for you (why load yet another co py of Open Sans if it’s been loaded by another site before?)\n * Para llel loading of smaller files\n* What’s next\n * Chromium started dow nloading fonts earlier (after style recalc)\n * Network Information API can prevent fonts from loading when bandwidth is low or metered\n\n### Sp eaker bio\n\nAt Mozilla\, Bram Pitoyo is a design strategist and typograph er who works at the nexus of user experience\, architecture\, community en gagement and most other subjects.\n\nThe first iteration of this talk was presented in 2010\, the point in time when webfonts was nascent\, and when debates about the best way to embed fonts in a way that typefoundries wou ld approve were still happening.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/faster-and-coincidentall y-more-secure-webfonts-7ZeBFSk1SrjExruR2nEQK5 BEGIN:VALARM ACTION:display DESCRIPTION:Faster (and Coincidentally More Secure) Webfonts in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:All about perceived web performance DTSTART:20140215T044500Z DTEND:20140215T053000Z DTSTAMP:20260421T112808Z UID:session/H4pPE6zEYMfduGDq3bSy3s@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Intermediate CREATED:20140128T191221Z DESCRIPTION:This talk will in general cover web performance learnings at F lipkart. \n\nWe would start with a short intro to what is perceived perfor mance\, why the web feels slow to users. How you could cheat and make the web feel faster right now.\n\nWhat to measure - moving beyond window.onloa d and tricks to measure performance percieved by end users. Because webpag etest gives you different results on each run. \n\nHow to measure - profil ing real users with browser resource timing apis\, how we fixed our slow i mage carousels using data by these apis and associated quirks\, browser su pport. Priortizing tasks which would give biggest bang for the buck. \n\nW orking with designers\, arriving at "file size" for images. A look at prog ressive theming we did on festivals. \n\nUsing localStorage to improve per formance for repeated visits.\n\nDammn the analytics trackers\, how to sil ent common trackers so that they don't affect performance.\n\nAvoiding red irects\, how they soon get unwieldy and how much it affects perceived perf ormance. Our learnings with URL strategy between mobile and desktop.\n\nMo bile site performance\, cheating with prefetching. Discuss rendering perfo rmance\, pre-browsing usecases if time permits.\n\n### Speaker bio\n\nI wo rk at Flipkart.com on all things frontend\, specfically web performance. D esigners hate me and I hate slow websites!\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/all-about-perceived-web- performance-H4pPE6zEYMfduGDq3bSy3s BEGIN:VALARM ACTION:display DESCRIPTION:All about perceived web performance in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Tea break DTSTART:20140215T053000Z DTEND:20140215T060000Z DTSTAMP:20260421T112808Z UID:session/Ey26aimqhgnqmLUjvUpteh@hasgeek.com SEQUENCE:0 CREATED:20140128T183105Z DESCRIPTION:\n LAST-MODIFIED:20140210T191011Z LOCATION:Bangalore ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Tea break in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Micro-interactions - Designing the Details DTSTART:20140215T060000Z DTEND:20140215T064500Z DTSTAMP:20260421T112808Z UID:session/NaEPPmFcb2mafKu3VcgjfJ@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Beginner CREATED:20140128T191404Z DESCRIPTION:_"The details are details. They make the product. The connecti ons\, the connections\, the connections. It will in the end be these detai ls that give the product its life."_\n__-Charles Eames__\n\nThis talk intr oduces audience to start thinking about the micro-level details and intera ctions in digital products. These micro-level details are everywhere. The difference between a product we love(eg: cleartrip) and a product we just tolerate(eg: IRCTC) are often the micro level details that designers and d evelopers have carefully thought about and baked into their products.\n\nT his talk presents a framework and guidelines first evangalized by [Dan Saf fer](http://www.odannyboy.com/) on how to\n\n- identify opportunities for designing the delighful details in your products\n- use the framework of T riggers-Rules-Feedback-Loops&Modes to design the details \n- finally how t o test these details with your users to make sure you are building the rig ht interactions\n\nWho should attend:\n\nAnyone who is passionate about bu ilding delightful digital products\n\n### Speaker bio\n\nPraneet is a dail y Design Thinker\, weekend Cook and an occasional photographer. After an e ngineering degree\, he has dabbled in the design world researching technol ogy products for the under-served\, designed interfaces and services. He h as worked at both large organisations and startups\, evangelising UX and s etting up UX teams. He currently heads the UX and the Product team at Bang The Table. Perviously\, he spearheaded design at AlmaConnect and Establis hed UX team and processes at Grameenphone\, Dhaka.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/micro-interactions-desig ning-the-details-NaEPPmFcb2mafKu3VcgjfJ BEGIN:VALARM ACTION:display DESCRIPTION:Micro-interactions - Designing the Details in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Modern web graphics design using SVG DTSTART:20140215T064500Z DTEND:20140215T073000Z DTSTAMP:20260421T112808Z UID:session/66Xi7FNi22XiNwaTu1WGzA@hasgeek.com SEQUENCE:2 CATEGORIES:Workshops,Beginner CREATED:20140128T191538Z DESCRIPTION:In this session we'll look at Scalable Vector Graphics (SVG). SVG offers great opportunities to use for graphic elements on websites. Th ey look great on all screens including retina displays. They can be easily embedded in CSS due to their small size. They also offer interactivity wh ich means they can do more then just be an image on a site. These advantag es make SVG a perfect addition to create resolution independent graphics f or the future web. In this talk\, the speaker will show demos and practica l examples of how SVG can be mixed with other technologies to create compe lling web assets.\n\n### Speaker bio\n\nPriyanka Herur is a Software Engin eer who has worked for various Web Design tools at Adobe. In the last 4 ye ars\, she has worked on applications using SVG libraries like Raphael and other web frameworks like jQuery\, Underscore and Backbone. She likes inte racting with the user community to better understand design needs.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/modern-web-graphics-desi gn-using-svg-66Xi7FNi22XiNwaTu1WGzA BEGIN:VALARM ACTION:display DESCRIPTION:Modern web graphics design using SVG in Auditorium in 5 minute s TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Lunch DTSTART:20140215T073000Z DTEND:20140215T083000Z DTSTAMP:20260421T112808Z UID:session/AmjeCGdLtLd2ZhJSREeZNm@hasgeek.com SEQUENCE:0 CREATED:20140125T065130Z DESCRIPTION:\n LAST-MODIFIED:20140210T191033Z LOCATION:Bangalore ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Lunch in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Playing with Photoshop Files for fun and profit DTSTART:20140215T083000Z DTEND:20140215T084500Z DTSTAMP:20260421T112808Z UID:session/WM7bmTFxAn1ckkXuH3mp3F@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp talk,Intermediate CREATED:20140130T052129Z DESCRIPTION:Adobe's PSD format is a black box. But there are plenty of way s to open it up. We hacked and built tech to easily work with Photoshop do cuments.\n\n- Case for Photoshop (Why people still use it)\n- What informa tion you can get from a PSD file\n- Extracting out information using Exten dScript and psd.js\n- Automatically extracting out images\n- Having an int erchange format (a JSON of your PSD)\n- Translating them to CSS3/SASS\n\nE xtracting out information from PSD is useful and has multiple applications - versioning of images\, automating your Frontend Workflow\, Generating C SS\, Finding out font requirements\, Color Palettes.\n\nInformation you ca n get from PSD:\n\n- Document structure\n- Document size\n- Layer/folder s ize + positioning\n- Layer/folder names\n- Layer/folder visibility and opa city\n- Font data (via psd-enginedata)\n- Text area contents\n- Font names \n- Font sizes\n- Color mode and bit-depth\n- Vector mask data\n- Flattene d image data\n\n### Speaker bio\n\nI'm an ex-Yahoo!\, ex-Zynga and a YC Al um. I've been a Frontend Engineer at Yahoo! and Flash Engineer at Zynga.\n \nI started my own company in 2011 - Markupwand\, funded by YCombinator Su mmer 2012. We built a product to convert PSD designs to HTML. I spend my f ree-time hiking and building my own pet projects at http://github.com/alag u\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/playing-with-photoshop-f iles-for-fun-and-profit-WM7bmTFxAn1ckkXuH3mp3F BEGIN:VALARM ACTION:display DESCRIPTION:Playing with Photoshop Files for fun and profit in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Save time and your brain's CPU cycles with Gulpjs DTSTART:20140215T084500Z DTEND:20140215T090000Z DTSTAMP:20260421T112808Z UID:session/b5g4Mc75LYvyNaqNqTzGV@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp talk,Intermediate CREATED:20140130T052116Z DESCRIPTION:Gulpjs is a new entrant in the field of task runners written i n JavaScript. It is an alternative to the very popular Gruntjs.\n\nAfter t his session\, those not familar with task running\, will instantly fall in love with Gulpjs\, and make task running with Gulpjs a part of their life \; those using Gruntjs are likely to make a switch.\n\n### Speaker bio\n\n Hage Yaapa has been working with the Internet and the Web for 15 years. He is the author of "Express Web Application Development"\, and a contributo r of the Express web framework. He blogs about Node.js\, JavaScript\, and Express on his website\, and currently works as the head of Web developmen t at Sourcebits.\n\nWebsite: http://www.hacksparrow.com\nTwitter: @hackspa rrow\nGithub: https://github.com/hacksparrow\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/save-time-and-your-brain s-cpu-cycles-with-gulpjs-b5g4Mc75LYvyNaqNqTzGV BEGIN:VALARM ACTION:display DESCRIPTION:Save time and your brain's CPU cycles with Gulpjs in Auditoriu m in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:CSS 3 Animations and Transitional Interfaces DTSTART:20140215T090000Z DTEND:20140215T091500Z DTSTAMP:20260421T112808Z UID:session/9iqYhP2JJhhuZaNY7km6mP@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp talk,Beginner CREATED:20140130T052122Z DESCRIPTION:CSS(3) animations have always been considered as a treat to th e eyes if used properly but how about collaborating it with some JavaScrip t to make something amazing. \n\n> Say\, if a user clicks a delete button\ , a span of elements\, just vanishes? How about making it slide out or dis appear relatively slow? Neither information is literally thrown at a user nor snatched away from him. Infact\, such transitions can provide context to information and hence enhance the user experience.\n\n\nI will be talki ng about how to effectively use transitions in simple events like **onhove r** or **onfocus** to slightly complicated ones like seamless **appearance s/disappearances**\, **movement** within an application. The mathematics b ehind CSS 3 Animations and how to use them can also be a included if time allows.\nThis will help to bridge the line between the user experience des igners &\; developers and help them give users something out of the wor ld.\n\n### Speaker bio\n\nI am Raghu Nayyar\, a 21 year old Interaction De signer and Front-end Developer currently busy writing code with some reall y amazing Open Source Projects like ownCloud\, Diaspora(Frontend and Inter action Design)\, openSUSE. I have been working with HTML\,CSS and JavaScri pt for almost an year and a half now.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/css-3-animations-and-tra nsitional-interfaces-9iqYhP2JJhhuZaNY7km6mP BEGIN:VALARM ACTION:display DESCRIPTION:CSS 3 Animations and Transitional Interfaces in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Q & A DTSTART:20140215T091500Z DTEND:20140215T093000Z DTSTAMP:20260421T112808Z UID:session/GQiXacWBCXuwJeZaU6RSxk@hasgeek.com SEQUENCE:0 CREATED:20140130T052803Z DESCRIPTION:\n GEO:12.89148;77.58508 LAST-MODIFIED:20140130T053700Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Q & A in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Components now! DTSTART:20140215T093000Z DTEND:20140215T101500Z DTSTAMP:20260421T112808Z UID:session/9szDwPJPbCGpLKEgp1E8o8@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Intermediate CREATED:20140128T190741Z DESCRIPTION:WebComponents's Polyfill is havy and slow. We do not need it t o write web applications in Components-way. We could create components sin ce HTML4\, CSS1 and ECMAScript3 epoch. But this idea became popular only t hese days.\n\nThere are few key ideas in Components:\n\n* Everything is Component even your app\n* Declarative Custom Elements with CSS\, DOM an d JavaScript isolation\n* Two way data binding\n* HTML Imports\n\nEach idea can be implemented with help of familiar tools:\n\n* Everything is Component: NPM\, Bower\n* Declarative Custom Elements: BEM & OOCSS\n* JavaScript isolation: CommonJS/Modules compiled by LMD\n* Two-way data binding: AngularJS-style Dirty checking or Accessors (getters and setters) \n* HTML Imports: BEM\, Loaders and Transpilers\n\nI will show you how t o use reusable components today!\n\n### Speaker bio\n\nMy name is Mikhail. I am Front-End Еngineer on Yandex a "Russian Google". Previously I worke d on Wikimapia.org. I have participated in creation of front-end part of Y andex.Taxi\, Yandex.Mobile\, WebChats and helped to develop other Yandex s ervices. As a big fan of web-technologies I wrote many articles about web- application architecture\, JavaScript modules and HTML5 APIs.\n\nI spend m y free time on advocating web-technologies\, answering releted questions\, teaching JavaScript\, writing LMD (JavaScript module assembler) and mixin g www with photography (http://2layer.ru/).\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/components-now-9szDwPJPb CGpLKEgp1E8o8 BEGIN:VALARM ACTION:display DESCRIPTION:Components now! in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Tea break DTSTART:20140215T101500Z DTEND:20140215T104500Z DTSTAMP:20260421T112808Z UID:session/A9y6tR39Uccngt5nXTrvTX@hasgeek.com SEQUENCE:0 CREATED:20140128T183301Z DESCRIPTION:\n LAST-MODIFIED:20140210T191043Z LOCATION:Bangalore ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Tea break in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Desktop: The final frontier DTSTART:20140215T104500Z DTEND:20140215T113000Z DTSTAMP:20260421T112808Z UID:session/5FdsPkSeXvhcsrWqWSKSha@hasgeek.com SEQUENCE:2 CATEGORIES:Full talk,Intermediate CREATED:20140128T190341Z DESCRIPTION:RIA (Rich internet applications) traditionally run inside a br owser environment. This provides various benefits like always-up-to-date c ode\, a no-install experience among others.\n\nBut what if your applicatio n is more important and it needs a full-fledged desktop application for a high degree of access. The benefits of running your RIA on the desktop are :\n\n1. More access to resources like filesystem\, sound\, etc.\n2. Abilit y to run native code like C++ (for some frameworks) to do heavy lifting an d display in JavaScript.\n3. Make it easy to run for users who don't updat e their browsers\, and cannot grok the concept of a web application.\n\nTh is talk won't be an evangelizing session about the benefits of moving your apps on a desktop\, but real-world practical advice on what to do if you want to. The structure of the talk will be:\n\n1. I take a sample demo app which I'll port on every platform I'm testing.\n2. I present whatever pit falls and difficulty I had with different systems.\n3. I summarize the amo unt of code/time it took to convert a web app into desktop app with each p latform.\n\nThe platforms that I intend to cover are:\n\n* Chrome Embedded Framework\n* Chrome packaged apps\n* Webkit GTK+\n* Adobe AIR\n* Appjs\n* Tide SDK\n* node-webkit\n* QT's QHtml5Application\n* HeX\n* Bellite\n\n## # Speaker bio\n\nI am the co-founder of RazorFlow. We build a HTML5 Dashbo ard Framework which lets you quickly develop cross-device dashboards.\n\nI know a thing or two about JavaScript.\n GEO:12.89148;77.58508 LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/metarefresh/2014/schedule/desktop-the-final-fronti er-5FdsPkSeXvhcsrWqWSKSha BEGIN:VALARM ACTION:display DESCRIPTION:Desktop: The final frontier in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Closing comments DTSTART:20140215T113000Z DTEND:20140215T114500Z DTSTAMP:20260421T112808Z UID:session/GPnFDqKzVhFB9YGcLMExvM@hasgeek.com SEQUENCE:0 CREATED:20140130T055403Z DESCRIPTION:\n GEO:12.89148;77.58508 LAST-MODIFIED:20140130T055403Z LOCATION:Auditorium - MLR Convention Centre\, JP Nagar\nBangalore\nIN ORGANIZER;CN="Meta Refresh":MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Closing comments in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT END:VCALENDAR