Protostrap is a framework for designers that want to get clickable and testable prototypes up fast. It allows designers to have reusable page elements for recurring things like navigation, headers and footers. It is based on Twitter Bootstrap.
- The document discusses Backbone.js, a JavaScript framework for building single-page web applications. It provides an overview of how to set up a basic Backbone application using a Rails backend, and outlines the key components like models, views, templates, and routers.
- Advantages of Backbone.js include separation of concerns, added structure to applications, and less data transferred over the network for single-page functionality. Disadvantages include increased complexity for smaller projects, code duplication, and challenges with non-RESTful APIs.
- The document recommends using Backbone.js for interactive apps where responsiveness is important, large codebases, and dynamic or frequently changing data, but cautioning against
[DevDay2018] Ignite your app development with native script and firebase - By...DevDay.org
Join our session if you are looking for an easy way to build mobile apps with real-time functions by reusing your web development skills. Our speaker will introduce to you about NativeScript and Firebase which can help you build a truly native mobile application with real-time functions more easily, faster and more effectively than ever. You will be guided how to use it through our live code session as well.
I knew there had to be a better way to build mobile appsAlius Petraška
The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. I shared my own experience on building hybrid applications based on PhoneGap also explained why I suddenly changed my own opinion about native apps and switched back to Xamarin.
Hybrid applications combine web development skills with native containers to create cross-platform mobile apps. While frameworks like Ionic and Famo.us allow developing hybrids quickly, performance issues remain on Android. React Native offers better performance by using native UI components instead of a webview, allowing developers to write once with React and deploy natively to iOS and Android. It has potential to replace other "native wrapper" frameworks by bringing React's declarative paradigm directly to mobile.
貢獻開源專案 (Contribute to open source project)Hung Wu Lo
Stan contributes to open source software projects like Rails, Formtastic, and html-pipeline. He explains that contributors can help with bugs, performance improvements, documentation, or new features by forking a repo, making changes on a branch, and submitting a pull request. The document provides guidance on contributing to Ruby gems and debugging tools through the full contribution process and best practices.
Productive Rails development with RubyMineolegshpynov
RubyMine is an IDE created by JetBrains that provides tools to aid in productive Ruby and Rails development. The presentation provides an overview of RubyMine's features including code completion, navigation, refactoring support, debugging tools, and integration with version control systems and other JetBrains products. The demo sections illustrate how RubyMine assists with common Rails development tasks and allows customizing the IDE through settings, snippets, and keyboard shortcuts. Other JetBrains products like IntelliJ IDEA, TeamCity and YouTrack are also highlighted as being useful for Ruby developers.
- The document discusses Backbone.js, a JavaScript framework for building single-page web applications. It provides an overview of how to set up a basic Backbone application using a Rails backend, and outlines the key components like models, views, templates, and routers.
- Advantages of Backbone.js include separation of concerns, added structure to applications, and less data transferred over the network for single-page functionality. Disadvantages include increased complexity for smaller projects, code duplication, and challenges with non-RESTful APIs.
- The document recommends using Backbone.js for interactive apps where responsiveness is important, large codebases, and dynamic or frequently changing data, but cautioning against
[DevDay2018] Ignite your app development with native script and firebase - By...DevDay.org
Join our session if you are looking for an easy way to build mobile apps with real-time functions by reusing your web development skills. Our speaker will introduce to you about NativeScript and Firebase which can help you build a truly native mobile application with real-time functions more easily, faster and more effectively than ever. You will be guided how to use it through our live code session as well.
I knew there had to be a better way to build mobile appsAlius Petraška
The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. I shared my own experience on building hybrid applications based on PhoneGap also explained why I suddenly changed my own opinion about native apps and switched back to Xamarin.
Hybrid applications combine web development skills with native containers to create cross-platform mobile apps. While frameworks like Ionic and Famo.us allow developing hybrids quickly, performance issues remain on Android. React Native offers better performance by using native UI components instead of a webview, allowing developers to write once with React and deploy natively to iOS and Android. It has potential to replace other "native wrapper" frameworks by bringing React's declarative paradigm directly to mobile.
貢獻開源專案 (Contribute to open source project)Hung Wu Lo
Stan contributes to open source software projects like Rails, Formtastic, and html-pipeline. He explains that contributors can help with bugs, performance improvements, documentation, or new features by forking a repo, making changes on a branch, and submitting a pull request. The document provides guidance on contributing to Ruby gems and debugging tools through the full contribution process and best practices.
Productive Rails development with RubyMineolegshpynov
RubyMine is an IDE created by JetBrains that provides tools to aid in productive Ruby and Rails development. The presentation provides an overview of RubyMine's features including code completion, navigation, refactoring support, debugging tools, and integration with version control systems and other JetBrains products. The demo sections illustrate how RubyMine assists with common Rails development tasks and allows customizing the IDE through settings, snippets, and keyboard shortcuts. Other JetBrains products like IntelliJ IDEA, TeamCity and YouTrack are also highlighted as being useful for Ruby developers.
This talk looks at the challenges we are facing when prototyping for mobile and gives an overview about the tools and handy helpers that you can use to deliver tappable, sharable and testable prototypes.
The document discusses the use of webfonts and how designers can utilize a richer variety of fonts on websites. Traditionally, designers were limited to fonts available on users' machines, but webfonts allow fonts to be downloaded from servers. However, digital rights management and browser support posed challenges. Solutions like web font services and open font libraries helped address these issues. The adoption of the WOFF format and improved browser support has helped fuel the recent hype around using webfonts to enhance website design.
This document summarizes statistics about mobile phone usage in Switzerland:
- 84.2% of the Swiss population uses the internet and 43% own a smartphone. The majority of smartphone purchases occurred after 2009.
- 57% use their smartphone daily and 41% search online daily via their smartphone, mostly for local information like restaurants, travel, jobs, and real estate.
- Mobile internet usage via smartphones and tablets has increased significantly since 2010.
- Smartphones running Android and iOS make up the majority of the Swiss market.
Any created product or service contains many different elements of design - the term design is not limited to the aesthetic aspect: Whenever anything is planned and/or implemented by a team Collaborative Design is inevitably an integral part of the process. This talk explores the dynamics of Collaborative Design and defines successful Collaborative Design and points to important elements on the way to achieve that.
The document discusses content audits and provides guidance on conducting content audits. It defines a content audit as an assessment of all available content to determine its state and actionability. It recommends listing all content items, analyzing them based on defined criteria, and identifying actions. It provides examples of content audit goals and tools. It also presents different approaches to auditing content, including using a site crawler to export all pages to a spreadsheet and using analytics data to focus on high traffic pages.
The document provides an overview of the benefits of conducting user research before designing products or websites. It discusses conducting research with stakeholders to understand business strategy, risks, and content needs. It also emphasizes the importance of user research to understand user needs, reactions to designs, and behaviors. Research methods discussed include interviews, observations, prototyping, analytics, and more. The key message is that research helps address assumptions, focus efforts, and understand both business and user perspectives to create successful designs.
This talk is about the typical indicators of projects that surpass a certain volume. Key alements are the definition of Scope and the elements of controlling, the essential stages of a large project and how to keep the process agile
This document summarizes Memi Beltrame's presentation on collaborative design at the 6th phpDay conference in Verona, Italy in May 2009. The presentation discussed how collaborative design occurs whenever two or more participants plan or implement an artifact. It noted challenges that can arise from interdependencies between participants and suboptimal outcomes when local interests are not aligned with global objectives. The presentation provided examples of collaborative design in areas like architecture, software and movies, and suggested that raising awareness, removing barriers, high iteration, and open communication are needed for successful collaborative design.
This document provides a summary of content strategy concepts and best practices. It discusses how content strategy guides plans for creating, delivering, and governing content to achieve business goals. It also covers defining the substance and structure of content, establishing workflows and ownership, and using tools like content audits, style guides, and governance policies. The document recommends resources like books, websites, and people in the field to learn more about developing an effective content strategy.
Embracing Collaborative Design: Acceptance of UX in the Development process
Ever since UX Design got involved with the development of websites UX experts had a hard time getting the acceptance they deserve. These slides point out the process of collaborative design that emerges in buiding sites, points at the reasons for low acceptance and shows ways to raise it.
This document discusses elements that impact the readability and clarity of written language. It notes that readability refers to how easy text is to read and understand. Elements that can negatively impact readability include small text, long lines with little white space, long paragraphs without breaks, cluttered text, and complex linguistic elements like long sentences, unfamiliar terms, and compound words. Elements that can improve readability include short sentences, familiar terms, syntactic simplicity, illustrations, redundancy, coherence, consistency, and breaking text into concise paragraphs with headings. The document also discusses how users typically skim web pages in an F-shaped pattern rather than reading thoroughly, and the importance of maintaining a high signal-to-noise ratio to keep only relevant
The document discusses dynamic A/B testing using a service called AB/CD. It explains that traditional A/B testing divides users into static groups to test different buttons or options, but this is costly if a large number of users is needed. Dynamic A/B testing addresses this by initially giving 10% of users a random option and then routing 90% of users to the best performing option based on metrics like views, clicks and click-through rate. This allows conclusions to be drawn more quickly using fewer users. AB/CD is a service that handles the calculations behind dynamic A/B testing, allowing options to be requested via API and results reported back in real time.
Memi Beltrame gave a talk at Liip Techday 2009 about gender and technology. She discussed how gender is defined by social patterns rather than biology alone, and operates at the levels of identity, social structures and symbolism. She showed how technology fields like engineering and programming were initially dominated by women but became male-dominated over time. Beltrame argued that embracing differences and overcoming assumptions about gender roles is needed to close the gender gap in technology.
Follow the Flow - Essentials of User Interaction DesignMemi Beltrame
These slides are a brief introduction of the main principles of User Interaction Design. I use them as a starting point when training juniors. They are largely based on the Book "About Face" by Alan Cooper et al.
This presentation is about the challenges faced when doing prototypes and to make sure that these prototypes are useful for the developers.
It is about how the prototyping activity fits into the iterative implementation cycles (Scrum Sprints) and how the triangle of UX, development and visual design works together, in particular if external service providers are involved.
The document outlines Memi Beltrame's presentation on the UX design process at a November 2010 Liip techtalk. The process involves 5 phases - strategy, scope, structure, skeleton, and surface. Each phase involves research such as focus groups and personas, prototyping, testing, and iteration to understand users and design the optimal experience from content to interactions. The goal is to translate user needs into a tangible design through prototyping and testing at each step.
Just Married: User Centered Design and AgileMemi Beltrame
User Centred Design (UCD) and Agile Development are two of the most exciting and productive Methods to achieve high quality appication both desired by the customers and loved by the users. UCD and Agile Development are though often said to be impossible to combine and that despite their great advantages any attempt would most certainly lead to disaster.
This talk picks up the main points of both methods, shows the key issues and tries to offer a pragmatic approach on how to successfully combine User Centered Design and Agile Development.
The User Experience of Near Field CommunicationMemi Beltrame
The information age took us by storm and the mobile revolution is still in full effect – yet we already stand on the brink of the next paradigm shift: the seamless connection of information and personal devices. Imagine a world where you have the possibility of giving your devices context by simply holding them close to a tiny chip. Things like sharing your WiFi credentials or telling your mobile phone that you are going to bed and it should mute and dim itself and also set the alarm clock to 7am. All with one simple touch — Welcome to the world of Near Field Communication. This talk focuses on the amazing possibilities of NFC in everyday use. A variety of actual and (once) futuristic use cases will illustrate how NFC can enrich our experiences with technology and how this relates to our profession of User Experience Design and our role in shaping the future.
Patents can provide insights regarding the state of the art and technical details of IoT (Internet of Things) innovation. Thus, patents information combined with future technology development trends can provide insight regarding the future implement of a specific technology. Followings illustrate patents that indicate the potential future implementations of smart UI (user interface)/UX (user experience) of smartphones and wearable devices.
Michael Schmid discussed his experience with Drupal 8, highlighting improvements in internationalization, accessibility, content management, and site building. Boris Baldinger commented that Drupal 8 allows for building sites out of the box but sometimes requires thinking differently, and bugs can cause issues. Alex Tkachev praised Drupal 8's use of modern technologies like Symfony, calling it "the right way" to code. Kathryn McClintock found Twig templates easier than Drupal 7 templates. The discussion ended with notes on Drupal 8's status, upcoming releases, and when it's appropriate to start using it.
One of the easiest PHP MVC Framework to learn creating and running web applications. Part of our curriculum for Developing Web 2.0 Applications at www.silicongulf.com
This talk looks at the challenges we are facing when prototyping for mobile and gives an overview about the tools and handy helpers that you can use to deliver tappable, sharable and testable prototypes.
The document discusses the use of webfonts and how designers can utilize a richer variety of fonts on websites. Traditionally, designers were limited to fonts available on users' machines, but webfonts allow fonts to be downloaded from servers. However, digital rights management and browser support posed challenges. Solutions like web font services and open font libraries helped address these issues. The adoption of the WOFF format and improved browser support has helped fuel the recent hype around using webfonts to enhance website design.
This document summarizes statistics about mobile phone usage in Switzerland:
- 84.2% of the Swiss population uses the internet and 43% own a smartphone. The majority of smartphone purchases occurred after 2009.
- 57% use their smartphone daily and 41% search online daily via their smartphone, mostly for local information like restaurants, travel, jobs, and real estate.
- Mobile internet usage via smartphones and tablets has increased significantly since 2010.
- Smartphones running Android and iOS make up the majority of the Swiss market.
Any created product or service contains many different elements of design - the term design is not limited to the aesthetic aspect: Whenever anything is planned and/or implemented by a team Collaborative Design is inevitably an integral part of the process. This talk explores the dynamics of Collaborative Design and defines successful Collaborative Design and points to important elements on the way to achieve that.
The document discusses content audits and provides guidance on conducting content audits. It defines a content audit as an assessment of all available content to determine its state and actionability. It recommends listing all content items, analyzing them based on defined criteria, and identifying actions. It provides examples of content audit goals and tools. It also presents different approaches to auditing content, including using a site crawler to export all pages to a spreadsheet and using analytics data to focus on high traffic pages.
The document provides an overview of the benefits of conducting user research before designing products or websites. It discusses conducting research with stakeholders to understand business strategy, risks, and content needs. It also emphasizes the importance of user research to understand user needs, reactions to designs, and behaviors. Research methods discussed include interviews, observations, prototyping, analytics, and more. The key message is that research helps address assumptions, focus efforts, and understand both business and user perspectives to create successful designs.
This talk is about the typical indicators of projects that surpass a certain volume. Key alements are the definition of Scope and the elements of controlling, the essential stages of a large project and how to keep the process agile
This document summarizes Memi Beltrame's presentation on collaborative design at the 6th phpDay conference in Verona, Italy in May 2009. The presentation discussed how collaborative design occurs whenever two or more participants plan or implement an artifact. It noted challenges that can arise from interdependencies between participants and suboptimal outcomes when local interests are not aligned with global objectives. The presentation provided examples of collaborative design in areas like architecture, software and movies, and suggested that raising awareness, removing barriers, high iteration, and open communication are needed for successful collaborative design.
This document provides a summary of content strategy concepts and best practices. It discusses how content strategy guides plans for creating, delivering, and governing content to achieve business goals. It also covers defining the substance and structure of content, establishing workflows and ownership, and using tools like content audits, style guides, and governance policies. The document recommends resources like books, websites, and people in the field to learn more about developing an effective content strategy.
Embracing Collaborative Design: Acceptance of UX in the Development process
Ever since UX Design got involved with the development of websites UX experts had a hard time getting the acceptance they deserve. These slides point out the process of collaborative design that emerges in buiding sites, points at the reasons for low acceptance and shows ways to raise it.
This document discusses elements that impact the readability and clarity of written language. It notes that readability refers to how easy text is to read and understand. Elements that can negatively impact readability include small text, long lines with little white space, long paragraphs without breaks, cluttered text, and complex linguistic elements like long sentences, unfamiliar terms, and compound words. Elements that can improve readability include short sentences, familiar terms, syntactic simplicity, illustrations, redundancy, coherence, consistency, and breaking text into concise paragraphs with headings. The document also discusses how users typically skim web pages in an F-shaped pattern rather than reading thoroughly, and the importance of maintaining a high signal-to-noise ratio to keep only relevant
The document discusses dynamic A/B testing using a service called AB/CD. It explains that traditional A/B testing divides users into static groups to test different buttons or options, but this is costly if a large number of users is needed. Dynamic A/B testing addresses this by initially giving 10% of users a random option and then routing 90% of users to the best performing option based on metrics like views, clicks and click-through rate. This allows conclusions to be drawn more quickly using fewer users. AB/CD is a service that handles the calculations behind dynamic A/B testing, allowing options to be requested via API and results reported back in real time.
Memi Beltrame gave a talk at Liip Techday 2009 about gender and technology. She discussed how gender is defined by social patterns rather than biology alone, and operates at the levels of identity, social structures and symbolism. She showed how technology fields like engineering and programming were initially dominated by women but became male-dominated over time. Beltrame argued that embracing differences and overcoming assumptions about gender roles is needed to close the gender gap in technology.
Follow the Flow - Essentials of User Interaction DesignMemi Beltrame
These slides are a brief introduction of the main principles of User Interaction Design. I use them as a starting point when training juniors. They are largely based on the Book "About Face" by Alan Cooper et al.
This presentation is about the challenges faced when doing prototypes and to make sure that these prototypes are useful for the developers.
It is about how the prototyping activity fits into the iterative implementation cycles (Scrum Sprints) and how the triangle of UX, development and visual design works together, in particular if external service providers are involved.
The document outlines Memi Beltrame's presentation on the UX design process at a November 2010 Liip techtalk. The process involves 5 phases - strategy, scope, structure, skeleton, and surface. Each phase involves research such as focus groups and personas, prototyping, testing, and iteration to understand users and design the optimal experience from content to interactions. The goal is to translate user needs into a tangible design through prototyping and testing at each step.
Just Married: User Centered Design and AgileMemi Beltrame
User Centred Design (UCD) and Agile Development are two of the most exciting and productive Methods to achieve high quality appication both desired by the customers and loved by the users. UCD and Agile Development are though often said to be impossible to combine and that despite their great advantages any attempt would most certainly lead to disaster.
This talk picks up the main points of both methods, shows the key issues and tries to offer a pragmatic approach on how to successfully combine User Centered Design and Agile Development.
The User Experience of Near Field CommunicationMemi Beltrame
The information age took us by storm and the mobile revolution is still in full effect – yet we already stand on the brink of the next paradigm shift: the seamless connection of information and personal devices. Imagine a world where you have the possibility of giving your devices context by simply holding them close to a tiny chip. Things like sharing your WiFi credentials or telling your mobile phone that you are going to bed and it should mute and dim itself and also set the alarm clock to 7am. All with one simple touch — Welcome to the world of Near Field Communication. This talk focuses on the amazing possibilities of NFC in everyday use. A variety of actual and (once) futuristic use cases will illustrate how NFC can enrich our experiences with technology and how this relates to our profession of User Experience Design and our role in shaping the future.
Patents can provide insights regarding the state of the art and technical details of IoT (Internet of Things) innovation. Thus, patents information combined with future technology development trends can provide insight regarding the future implement of a specific technology. Followings illustrate patents that indicate the potential future implementations of smart UI (user interface)/UX (user experience) of smartphones and wearable devices.
Michael Schmid discussed his experience with Drupal 8, highlighting improvements in internationalization, accessibility, content management, and site building. Boris Baldinger commented that Drupal 8 allows for building sites out of the box but sometimes requires thinking differently, and bugs can cause issues. Alex Tkachev praised Drupal 8's use of modern technologies like Symfony, calling it "the right way" to code. Kathryn McClintock found Twig templates easier than Drupal 7 templates. The discussion ended with notes on Drupal 8's status, upcoming releases, and when it's appropriate to start using it.
One of the easiest PHP MVC Framework to learn creating and running web applications. Part of our curriculum for Developing Web 2.0 Applications at www.silicongulf.com
This document discusses automating web application deployment using Phing. Phing is a PHP build tool that can be used to automate tasks like version control, testing, code analysis, and file manipulation. It uses an XML configuration file to define targets and tasks. Properties are used to separate configuration from environments. Phing allows extending tasks to integrate with other tools. The document provides examples of using Phing for configuration management, environments, deploying with version control, and database migrations. Automating deployment consistently across environments is recommended.
This document provides an overview of Drupal 8 including its timeline, core initiatives, state for different users, and changes from Drupal 7. Some of the key changes mentioned include using Twig as the new templating engine, storing configuration in YAML files instead of the database, making blocks and views entities, improving multilingual support, and rewriting the codebase to use object-oriented PHP with namespaces and dependency injection inspired by Symfony components.
Content Management Systems and Refactoring - Drupal, WordPress and eZ PublishJani Tarvainen
Content Management has come of age and systems need to move forward. Tools such as WordPress, Drupal and eZ Publish have evolved to what they are rather organically. Now they face the challenge of renewing themselves.
The WAI-ARIA specification has been a shot in the arm for accessibility on the web. In this talk, I'll cover the basics of building accessible web applications without ARIA, and then how to add ARIA for some extra accessibility magic.
This document provides an overview of HTML5, including its new elements, features, and comparison to older HTML versions. It describes how HTML5 is the latest version of HTML developed as a cooperation between W3C and WHATWG. Key new elements include semantic elements, audio/video embedding, canvas for drawings, and drag and drop. New features include local storage, websockets, geolocation, and form input types. It provides examples of using various HTML5 elements and features.
Phpworks enterprise-php-1227605806710884-9PrinceGuru MS
The document discusses enterprise PHP development and provides a 10 step process for developing enterprise PHP applications. The steps include forming a team, defining requirements, designing architecture and tools, using frameworks, implementing design patterns, testing, optimizing, deploying, and operating applications. Key aspects of enterprise development emphasized are using structured methodologies, no "cowboy coding", and following a software development life cycle.
A presentation given for the course of ICT Entrepreneurship at Utrecht University. Each group of students is working on a business idea. This presentation aims to give them information on what development platforms are available to develop their prototypes.
This document provides an overview of how to develop apps for Firefox OS. It discusses the core components of Firefox OS including Gonk, Gecko, and Gaia. Native apps are developed using HTML5, CSS3, and JavaScript. The document outlines the steps to create a simple "Hello World" app and discusses tools needed like the Firefox Nightly browser and B2G simulator. It also provides an example of developing a more advanced e-reader app that imports ePub books from the SD card and allows navigation of book contents.
This document provides an introduction and overview of Drupal 8. It discusses key differences between Drupal 7 and 8 such as increased use of Symfony components, YAML, Composer, and Twig. It covers Drupal 8 for developers, site builders, and mobile. For developers, it explains concepts like dependency injection, namespaces, and configuration management. For site builders, it highlights features like Spark, WYSIWYG editor, and improved content moderation. It concludes by soliciting volunteers to lead future trainings on topics like Drupal 8 module development.
This document outlines an agenda for a workshop on developing apps with Apache Cordova. The workshop will include an introduction to Apache Cordova, following a Cordova tutorial, and building a sample app. Cordova allows developing cross-platform native apps with web technologies like HTML and JavaScript. It combines native and web capabilities by wrapping web content in a native container. Popular companies use Cordova to build apps that work across platforms like iOS, Android and Windows.
This presentation helps non-coders understand the mechanics behind a web application.
Use it to shorten the time to build your first web app or better communicate your development needs to a progammer.
This document is a letter from Zappos providing information about their presentation at DIWD (Drupal in the Wild Day) in 2011. It includes links to the presentation slides on SlideShare, their Twitter handle for the event, and a link to job postings on their website. The letter signs off saying "Love, Zappos".
This document discusses the suitability of Go for web development. It notes that while Go's built-in HTML template engine is basic, the Gorazor template engine provides a more powerful way to mix Go code into HTML templates. Code generation approaches also allow Go to behave more dynamically at runtime. Go's fast compilation and use of interfaces make it well-suited for dynamic web applications and large websites. The document concludes that while other languages may be more mature, Go is suitable for developing large, stable, scalable websites that need to be maintained over time.
01/2009 - Portral development with liferaydaveayan
Portal Development with Liferay provides an overview of Liferay portal and its features. Liferay is an open source enterprise portal built on Java technologies that provides out of the box tools like wikis, blogs, and document management. It supports standards like AJAX, portlets, and web services. Developers can use the plugin SDK to rapidly develop and deploy portlets and themes or create a custom extension environment. Liferay has been widely adopted by organizations and supports technologies like caching, clustering, and web services to ensure security and performance at scale.
Drupal 8 brings a lot of changes. Many standby contributed modules are now included with Drupal Core, and many small changes add up to the most exciting Drupal release yet! We'll walk through many of the biggest changes, highlighting how Drupal 8 will accelerate your web development and provide tools to make Drupal the best content management platform on any device.
Modern web application development with java ee 7Shekhar Gulati
This document discusses building a modern Java web application called Miles2Run using Java EE 7. It describes the initial requirements of allowing users to store running activities and authenticate using Twitter. The technology stack used includes Java EE 7, AngularJS, MySQL, and deployment on WildFly running on OpenShift. Challenges in meeting all requirements and technologies used to overcome them like Redis, MongoDB and C3.js for graphs are also summarized.
Machine Learning for Designers - UX ScotlandMemi Beltrame
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Machine Learning for Designers - UX Camp SwitzerlandMemi Beltrame
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Machine Learning for Designers - DX Meetup BaselMemi Beltrame
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Zero Adoption: Lessons Learned From Failing at Open SourceMemi Beltrame
I'd love to tell you a story about how the software I created helped my community. Sadly, I can't: nothing I built ever found an audience. This talk is about how I failed to reach a community, about why it doesn't matter - or rather: what I learned from being stuck in an open source team of one.
For years I was convinced that the success of an open source project was determined by the usefulness of the software. My imaginary blueprint of open sourcing was:
Build something useful
Open source it
Everybody wins
It turns out that it is much harder than that.
This talk is about how I built several tools that would help the UX community to deliver awesome products with a great experience, while never finding an audience for the tools. We'll look at all the mistakes one can make and what to do instead to build a thriving community.
And even if you don't find an audience: Zero adoption does not mean zero value. We'll look at how there is great benefit in building and publishing things, if not for others then for yourselves.
An in-depth look at how interaction design, industrial design and service design are merging together to form a super-discipline and what this all means for designers.
Understanding complexity is understanding content and its function. This talk is about content driven design in prototyping. The point of content driven design is to simulate everything users can do with data in highly interactive prototypes.
Zeitgemässe Produkt-Entwicklungsprozesse sollen Benutzer ins Zentrum stellen. Dabei spielt User Experience Design eine führende Rolle. Gute Product Owner müssen wissen wie der Design Prozess modernen Produktentwicklung aussieht und sind gleichermassen Design-Integratoren wie Design Champions.
Designed for the Worst Case - Zurich's water supplyMemi Beltrame
Zurich has two separate water supply systems - one for households and one for emergency use. The emergency system includes decorative fountains throughout the city that can be opened to access hydrants and distribute water in case the household system becomes polluted. Though the fountains appear impractical for fetching water, they are designed to reveal hydrants that can connect to hoses and pipes for water distribution in disaster situations. The document emphasizes designing for failures and worst case scenarios.
Data Driven Design - Frontend Conference ZurichMemi Beltrame
Data driven prototyping goes far beyond the mere administration of content for prototyping purposes. It is a powerful tool to handle the needs arising from interfaces with extensive amounts of microcontent - tiny but important pieces of content, usually involved in microinteractions like transactions, changes or updates.
Ever so often users are sensitive to minute changes of content - for example stock prices changing quickly or dates and times in news reflecting current time. In these cases it is important to be able to rely on dynamic data that simulates the behavior of the real content as close as possible.
This talk is about why it is important to build rich functional prototypes that focus on content and how this can be achieved. It gives an overview of the benefits and obstacles of data driven prototyping and contains a wide range of examples of how data driven prototyping can make the difference between a good and a great prototype.
Artypedia is an art project that aims at expanding the view on the term "art" in a wiki that takes wikipedia articles and transforms them into new articles basend around the term "art"
Visit: http://artypedia.org
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
Technoblade The Legacy of a Minecraft Legend.Techno Merch
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Revolutionizing the Digital Landscape: Web Development Companies in Indiaamrsoftec1
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
1. Protostrap
A prototyping framework
for designers
Liip Techtalk
November 29th 2012
Memi Beltrame
@bratwurstkomet
💻 Demo
📥 Download
Liip - Agile Web Development
liip.ch
2. Protostrap is a framework
for designers that want to
get clickable and testable
prototypes up fast.
Liip - Agile Web Development
liip.ch
3. Goal
To allow designers to have
reusable page elements for
recurring things like
navigation.
Liip - Agile Web Development
liip.ch
4. Goal
To give designers a solid
foundation that offers of a lot
of expected functionality out
of the box.
Liip - Agile Web Development
liip.ch
5. It is based on Twitter
Bootstrap, so all you can do
there you can do here too.
Liip - Agile Web Development
liip.ch
6. Protostrap
+ +
Just a sprinkle! A lot of functionality.
Out of the box!
{
Liip - Agile Web Development
liip.ch
7. Only very basic PHP
Just a sprinkle!
knowledge needed:
<?php // this includes the header
include('./header.php');?>
$navbarClasses = array('active','','');
echo $username;
Liip - Agile Web Development
liip.ch
8. PHP is used to:
Just a sprinkle!
• Stitch elements together
• Allow fake auth layer
• Create id‘s for accordeons
• Fake Google searches
(Fake Google is not in the master branch yet)
Liip - Agile Web Development
liip.ch
9. Heaps of functionality
out of the box
Site structure
• Templates and snippets for
header, footer, iosTabbar
• Navigation snippets including bootstrap
navigation elements
• missing.php to show the "End of Prototype"
• 404 Handler that redirects to missing.php
• Fake Login Process and logged in status,
authentification error faking.
Liip - Agile Web Development
liip.ch
10. Heaps of functionality
out of the box
Mobile
• iOS tabbar with styles for
active and non active tabs
• Badges and for iOS
tabbar
Liip - Agile Web Development
liip.ch
11. Heaps of functionality
out of the box
Mobile
• Can be added to the
homescreen as a native
mobile-webapp
• Displays an "Add to
Homescreen" hint
• standalone app mode for ios,
correctly handling all the links
not to open in safari
Liip - Agile Web Development
liip.ch
12. Heaps of functionality
out of the box
Ready-to-Use Examples
• Grid
• Accordeon with dynamic ID
• Carousel with Touch support
• Tabs
• Stacked Navigation
• Breadcrumb that is horizontally scrollable on
mobile.
Liip - Agile Web Development
liip.ch
13. Heaps of functionality
out of the box
Entypo Pictogram Suite
• Protostrap uses the Entypo typeface
that allows to have scalable icons.
• Relies on the bootstrap syntax:
<i class="icon-user"></i>
• Scales up for headings
• Inherits the parents color value Entypo pictograms
by Daniel Bruce
http://entypo.com
Liip - Agile Web Development
liip.ch
14. Heaps of functionality
out of the box
In the Pipeline
• Megamenu files
• Forms with UX optimized Feedback
• Easy verification triggering for Form-Feedback
• Files to fake Google search
• Typeahead example with a more flexible
typeahead to emulate live-search
Liip - Agile Web Development
liip.ch
15. ⚠ Not for use on live sites
Protostrap is prototyping software and
lacks all the security features needed
on a live system.
Do NOT use this in a
production environment.
Liip - Agile Web Development
liip.ch
16. Demo:
📥 Resources
http://preview.liip.ch/protostrap
Download:
https://github.com/liip/Protostrap/archive/master.zip
GitHub:
https://github.com/liip/Protostrap/
Liip - Agile Web Development
liip.ch