The ABC of Coded Style Guides
1 like425 views
Teams today are facing similar problems: How do we encourage the reuse of existing components? How do we raise awareness for them? How do we keep them stable while keeping maintenance efforts low? How do we ensure a coherent branding without exploiting our designers? If you are worried by these questions fear no longer. I aim to show you a way out of this self-made jungle into a brighter world of coded style guides. We will explore together how we can tear down walls between design and development and how everyone can benefit from introducing living component directories into their project.
1 of 34
Download to read offline
Recommended
Henning Muszynski - The ABC of Coded Style Guides
Henning Muszynski - The ABC of Coded Style GuidesOdessaJS Conf
油
The document discusses coded style guides, which are directories that document components in different states through live rendering in isolation. It compares two popular solutions, Styleguidist and Storybook, for creating these style guides. Styleguidist uses Markdown and renders components, while Storybook uses stories written in JavaScript and has more customization options. Some best practices discussed are starting simple, encouraging contribution, and deploying the style guide to share it.Tf byows
Tf byowsShannon Gallagher
油
This document provides an introduction to web development training through Thinkful. It outlines Thinkful's mentorship and project-based learning approach and offers a free trial for their Full Stack Flex online program to learn HTML, CSS, JavaScript and build a website from starter code with support from a program manager and student community. Examples are given of past student projects and graduates are encouraged to provide feedback on Thinkful events through a survey.Tf byow
Tf byowShannon Gallagher
油
This document provides an introduction to web development training through Thinkful. It outlines Thinkful's mentorship and project-based learning approach. Sections cover HTML, CSS, building a website starter code, and learning resources. Testimonials from graduates highlight their portfolio and capstone projects. A survey link is included for feedback on Thinkful events.Tf byow
Tf byowShannon Gallagher
油
Thinkful is a coding bootcamp that trains web developers and data scientists through 1-on-1 mentorship and project-based learning. They offer a two-week free trial of their Full Stack Flex online program which teaches HTML, CSS, JavaScript, and allows for unlimited Q&A sessions and access to a student Slack community. The document provides links to starters codes and drills to help students learn the basics of HTML, CSS, and building a website. It also shares portfolios from Thinkful graduates to showcase the types of projects and skills students gain in the program.Html5
Html5Mahmoud Ghoz
油
This document provides an overview of Internet Explorer 9 and HTML5 for developers. It discusses what HTML5 means and includes new tags. It covers the history of HTML5 and how it came to be. The presentation demonstrates several new HTML5 features such as canvas, drag and drop, local storage, and multimedia capabilities without plugins. It also discusses whether HTML5 is right for applications with limited resources or those targeting mobile audiences.Tf bawa
Tf bawaShannon Gallagher
油
This document provides an introduction to a Thinkful web development training program. It outlines the program's curriculum including lessons on HTML, CSS, JavaScript, jQuery and building projects. It highlights graduate success stories and provides information and links for students to start a free trial of the program.Starting off in PhotoShiop and how it fits into the web design process
Starting off in PhotoShiop and how it fits into the web design processJohn Macpherson
油
This document discusses the use of Photoshop in web design and provides alternatives. Photoshop is the industry standard but expensive image editing tool, though it is not perfect for responsive web design. Free and cheaper alternatives include Gimp, Macaw, and Sketch. While some designers skip image editors and design directly in code, Photoshop allows for more creativity through textures and editing elements. It also is not well-suited for multi-device layouts which are better designed in the browser. The document outlines the typical design process and considerations for layers, masks, and slicing images in Photoshop for web design.Crafting an Impactful Home Page That Your Editors Will Love
Crafting an Impactful Home Page That Your Editors Will Lovecdw9
油
Your editors want a fancy home page in Plone with all the whistles, but you want to make sure that it's still functional and easy to edit when need be. What is the best way to build a home page that has both? In this talk we'll walk through the available methods for achieving this, such as templates, content types, or using a layout editor like Mosaic. I'll also show some custom things you can do with Mosaic, and talk about Search Engine Optimization.
Throughout I will show actual working examples from websites we have worked with.Future Fit courses
Future Fit coursesrlabsza
油
This developmental area of courses equips you with the skills of the future. Skills which are becoming more and more relevant for employment as we enter the 4th industrial revolution.TallyJS #1 - Intro to AngularJS
TallyJS #1 - Intro to AngularJSAndrew Hart
油
This document provides an introduction and overview of frameworks and best practices in JavaScript, with examples using AngularJS. It discusses the history of JavaScript, best practices including modularization and testing, and what modules and frameworks are. It then explains the key components of AngularJS including controllers, directives, services, and how they work together.Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66-123-168
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66-123-168Thinkful
油
This document outlines the agenda for a frontend crash course workshop on HTML and CSS. It will cover key concepts of HTML and CSS like tags, elements, and selectors over 30 minutes. Then go over assignments for 10 minutes and have 30 minutes for completing challenges with support. It will also discuss continuing learning paths for 10 minutes. The workshop will be led by Robert Wilson from Thinkful and cover topics like how the web works, client-server relationships, HTML structure, CSS properties and values, and assignments to complete after the workshop.Charts, PDFs, and PHP
Charts, PDFs, and PHPjerkob
油
The document discusses different options for creating charts that look the same when displayed on a website and in a PDF, including image-based, Flash-based, canvas-based, and SVG-based charting libraries, and evaluates them against the criteria of cross-browser compatibility, interactivity, aesthetics, and ability to export to PDF. It considers libraries like Google Charts, jqPlot, Highcharts, and TCPDF before settling on Highcharts for its SVG-based charts that can be rendered the same on screen and in print-ready PDFs.corporateJavascript
corporateJavascriptclimboid
油
This document discusses the role of JavaScript in large non-tech corporations. It addresses both challenges (e.g. tight deadlines, lack of understanding from managers) and opportunities (e.g. using modern tools/frameworks to solve real problems and evangelize JavaScript's capabilities). The author advocates delivering value quickly using frameworks like Backbone.js or AngularJS, data visualization libraries, and best practices like decoupling front-end and back-end code. The goal is to help corporations modernize their JavaScript use in a sustainable way.Tailwind: The Future of CSS is Here!
Tailwind: The Future of CSS is Here!Abdullah Al Mahi
油
Can you write a beautiful, maintainable, and responsive web applications without a single line of CSS? With Tailwind, you can. Unlike the majority of CSS frameworks that give you prebuilt components, Tailwind provides you with low-level CSS utility classes that you can combine to create custom designs. The goal of this presentation is to help you understand the value proposition of the utility-first philosophy. We will have a look at:
- why utility-first CSS is the future
- how Tailwind makes building bespoke user interfaces a total breeze
- the benefits and challenges of the utility-first approachDebugging and Profiling in WordPress: What is My Site Doing?
Debugging and Profiling in WordPress: What is My Site Doing?Peter Baylies
油
This document discusses debugging and profiling tools for WordPress. It recommends enabling debugging in wp-config.php and using plugins like Debug Bar, Query Monitor, and P3 Plugin Profiler for debugging. For profiling, it recommends XHProf and XDebug, which provide more extensive performance metrics and ability to analyze runtimes and function calls. It offers to demonstrate some of these tools live.Starting with JavaScript
Starting with JavaScriptDori Smith
油
JavaScript can be used everywhere including web clients and applications. It is easy to start with JavaScript as there are many plug-and-play solutions available and you don't need to be a programmer. JavaScript is also easy to learn as the code is uncompiled and can be viewed directly, and there are many online resources and books available. The basic concepts of JavaScript like objects and conditionals are standard. To get started with JavaScript, all you need is a browser and text editor. Some gotchas to be aware of include differences across browsers, outdated examples, and reinventing solutions that frameworks provide.Front end workflow 
Front end workflow Alexander Dimitrov
油
The slides from the local WordPress meet up group at Sofia, Bulgaria 2017 - March 22th. The slides are not very "slideshare-friendly", because there was more speaking on top of them, but It's always good to have them here :)
The general topic was - know your tools and write in a scalable way. That is to separate your code properly into components, to name it in a meaningful way or to use abstract modifiers.EPQ Presentation Final
EPQ Presentation FinalAndrew Smith
油
This document summarizes the development of a website called WebDesign+ intended to be a learning resource for HTML, CSS, and JavaScript. It describes the initial ideas, analysis, design, implementation, testing, and evaluation phases. The implementation included lessons organized by language and consistent templates. Testing addressed screen resolution issues fixed by JavaScript detection and CSS frameworks. Ultimately, the project provided skills and experience in web development.Javascript as universal language
Javascript as universal languageRonald Harmsen
油
This document discusses the benefits of using JavaScript as a universal language. It can be used everywhere due to its huge reach and ability to run on any browser or device. The document then discusses various JavaScript tooling options available in Visual Studio 2013 like WebEssentials, TypeScript, and Node.js tools. It also demonstrates how JavaScript can be used on the server side with Node.js and Azure Mobile Services. Finally, it mentions using JavaScript to build Windows 8, Windows Phone, and universal apps.An Introduction to Gutenberg, WordPress's New Editor
An Introduction to Gutenberg, WordPress's New EditorAndrew Marks
油
Andrew Marks presents An Introduction to Gutenberg, WordPress's new editor at the Brisbane Northside WordPress Meetup on 22nd February 2018.Devteach 2017
Devteach 2017S辿bastien Doucet
油
Using TypeScript enhanced a Ubisoft project involving 6-12 programmers and over 90,000 lines of code. TypeScript improved productivity by helping write code faster and easier, resolving problems more efficiently, finding issues earlier, reducing bugs and improving stability, lowering the learning curve for new members, and enabling easy collaboration to maintain high quality code. The presentation recommends immediately using TypeScript features like strictNullChecks and noImplicitAny to catch errors early, and emphasizes benefits like auto-completion and enabling design patterns.Open NTF OpenSource is collaboration at its best and matters
Open NTF OpenSource is collaboration at its best and mattersChristian G端demann
油
Christian G端demann discusses OPENNTF and open source collaboration. He addresses common myths about open source like code being of poor quality or unsupported. Open source identifies problems and creates communities to solve them. Contributing features or fixes to IBM products is now easier through open source with OPENNTF. Resources listed include the OPENNTF, CollaborationToday, and XPages websites and YouTube, Twitter, and GitHub pages for OPENNTF.Angular and SEO - Greenlane All Hands Day 10/17/16
Angular and SEO - Greenlane All Hands Day 10/17/16Sean Malseed
油
The document discusses Angular and SEO (search engine optimization). It explains that Angular sites are more like applications than traditional websites, using templates and controllers to build dynamic pages. It also covers how search engines can still crawl Angular sites, including using push state routing and avoiding contradicting tags. The document recommends not fighting emerging technologies and provides resources for more information on SEO with Angular.JavaScript - Web Development Fundaments Part 2 - DeepDive Learning Academy
JavaScript - Web Development Fundaments Part 2 - DeepDive Learning AcademyParag Mujumdar
油
This document outlines an agenda for a fundamentals of web development workshop focusing on JavaScript basics. The workshop will include introductions, an overview of course objectives and JavaScript, examples of JavaScript code, a workshop to build a JavaScript application, and puzzles and best practices. Attendees will learn the roles of HTML, CSS, and JavaScript in web development, code along to develop a simple web app, and get an assignment to add functionality to a personal profile page created previously.Become a better UX designer through code
Become a better UX designer through codeRamon Lapenta
油
Presentation at UX London 2014
The web is a fluid and inherently flexible medium - to design effectively for it you need to understand it better. In this hands-on workshop we will look to level up your HTML & CSS skills to learn how you can create responsive prototypes and re-usable pattern libraries for your web projects. Well explore how to create layouts that flow beautifully from tiny screens to large ones and how to design responsive grids from the content-out. Through practical examples well discuss the benefits of developing responsive pattern libraries including when and how to use them.Headless approach and acquia - case study | Codesushi
Headless approach and acquia - case study | CodesushiKrzysztof (Chris) Ozog
油
Presentation Agenda
Headless approach - explanation
What was our plan
What we did
What went wrong
ConclusionsStress free development
Stress free developmentLaurynas Antanaviius, PMI-ACP
油
Presentation about Agile project planning and stoftware development techniques oriented to IT students at Kaunas University of Technology in LithuaniaDrupalCamp Ghent 2014 - Developing Drupal 7 with Drupal 8 in mind
DrupalCamp Ghent 2014 - Developing Drupal 7 with Drupal 8 in mindJoeri van Dooren
油
Code samples used in the presentation: https://github.com/Ozmodiar/Drupal-DIC-Presentation
These are the slides of the presenation I gave at DrupalCamp Ghent 2014 about developing Drupal 7 with Drupal 8 in mind. A session about how we managed to do Drupal development with object-oriented custom modules and Composer and Symfony Container integration. All to provide an easier migration to Drupal 8 later on.From 0 to 100: How we jump-started our frontend testing
From 0 to 100: How we jump-started our frontend testingHenning Muszynski
油
Everybody knows testing is important: it reduces bugs, it keeps you sane during refactorings, it increases the overall code quality etc. We have all heard the countless arguments that speak for testing.
You probably know how the story continues: After developing for two years and ignoring all these (good) arguments we found ourselves in a gigantic code base without a single test. That we were horrified when thinking about adding tests to our code is an understatement. But we took a step back, thought about possible approaches and managed to get a very solid test coverage in a short period of time. And you can, too!
In this talk I present the state of the art for frontend testing (including but not limited to React testing). I am going to highlight different testing strategies and which mixture of tests works best for most applications. Additionally, I present tips and tricks we learned and applied at Doist. My goal is that everybody in the room can apply some take-aways in their daily work.
This talk was being held at #codetalkshh 2017
https://www.codetalks.de/en/2017/programm/from-0-to-100-how-we-jump-started-our-frontend-testingAlphabet from A to Z
Alphabet from A to ZHenning Muszynski
油
Alphabet - From A to Z
Let me Google that became a fundamental phrase in our daily life. But Google is much more than only a search engine. In fact, so much more that a new company was founded: Alphabet, of which Google is only a part of. This next-gen Alphabet embraces a lot of different cool technologies, products and projects. Come and join us on a tour through the breath-taking landscape of Alphabet.
Talk at first Google Developer Group Brunch 2015
Together with Benjamin RaethleinMore Related Content
What's hot (20)
Future Fit courses
Future Fit coursesrlabsza
油
This developmental area of courses equips you with the skills of the future. Skills which are becoming more and more relevant for employment as we enter the 4th industrial revolution.TallyJS #1 - Intro to AngularJS
TallyJS #1 - Intro to AngularJSAndrew Hart
油
This document provides an introduction and overview of frameworks and best practices in JavaScript, with examples using AngularJS. It discusses the history of JavaScript, best practices including modularization and testing, and what modules and frameworks are. It then explains the key components of AngularJS including controllers, directives, services, and how they work together.Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66-123-168
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66-123-168Thinkful
油
This document outlines the agenda for a frontend crash course workshop on HTML and CSS. It will cover key concepts of HTML and CSS like tags, elements, and selectors over 30 minutes. Then go over assignments for 10 minutes and have 30 minutes for completing challenges with support. It will also discuss continuing learning paths for 10 minutes. The workshop will be led by Robert Wilson from Thinkful and cover topics like how the web works, client-server relationships, HTML structure, CSS properties and values, and assignments to complete after the workshop.Charts, PDFs, and PHP
Charts, PDFs, and PHPjerkob
油
The document discusses different options for creating charts that look the same when displayed on a website and in a PDF, including image-based, Flash-based, canvas-based, and SVG-based charting libraries, and evaluates them against the criteria of cross-browser compatibility, interactivity, aesthetics, and ability to export to PDF. It considers libraries like Google Charts, jqPlot, Highcharts, and TCPDF before settling on Highcharts for its SVG-based charts that can be rendered the same on screen and in print-ready PDFs.corporateJavascript
corporateJavascriptclimboid
油
This document discusses the role of JavaScript in large non-tech corporations. It addresses both challenges (e.g. tight deadlines, lack of understanding from managers) and opportunities (e.g. using modern tools/frameworks to solve real problems and evangelize JavaScript's capabilities). The author advocates delivering value quickly using frameworks like Backbone.js or AngularJS, data visualization libraries, and best practices like decoupling front-end and back-end code. The goal is to help corporations modernize their JavaScript use in a sustainable way.Tailwind: The Future of CSS is Here!
Tailwind: The Future of CSS is Here!Abdullah Al Mahi
油
Can you write a beautiful, maintainable, and responsive web applications without a single line of CSS? With Tailwind, you can. Unlike the majority of CSS frameworks that give you prebuilt components, Tailwind provides you with low-level CSS utility classes that you can combine to create custom designs. The goal of this presentation is to help you understand the value proposition of the utility-first philosophy. We will have a look at:
- why utility-first CSS is the future
- how Tailwind makes building bespoke user interfaces a total breeze
- the benefits and challenges of the utility-first approachDebugging and Profiling in WordPress: What is My Site Doing?
Debugging and Profiling in WordPress: What is My Site Doing?Peter Baylies
油
This document discusses debugging and profiling tools for WordPress. It recommends enabling debugging in wp-config.php and using plugins like Debug Bar, Query Monitor, and P3 Plugin Profiler for debugging. For profiling, it recommends XHProf and XDebug, which provide more extensive performance metrics and ability to analyze runtimes and function calls. It offers to demonstrate some of these tools live.Starting with JavaScript
Starting with JavaScriptDori Smith
油
JavaScript can be used everywhere including web clients and applications. It is easy to start with JavaScript as there are many plug-and-play solutions available and you don't need to be a programmer. JavaScript is also easy to learn as the code is uncompiled and can be viewed directly, and there are many online resources and books available. The basic concepts of JavaScript like objects and conditionals are standard. To get started with JavaScript, all you need is a browser and text editor. Some gotchas to be aware of include differences across browsers, outdated examples, and reinventing solutions that frameworks provide.Front end workflow
Front end workflow Alexander Dimitrov
油
The slides from the local WordPress meet up group at Sofia, Bulgaria 2017 - March 22th. The slides are not very "slideshare-friendly", because there was more speaking on top of them, but It's always good to have them here :)
The general topic was - know your tools and write in a scalable way. That is to separate your code properly into components, to name it in a meaningful way or to use abstract modifiers.EPQ Presentation Final
EPQ Presentation FinalAndrew Smith
油
This document summarizes the development of a website called WebDesign+ intended to be a learning resource for HTML, CSS, and JavaScript. It describes the initial ideas, analysis, design, implementation, testing, and evaluation phases. The implementation included lessons organized by language and consistent templates. Testing addressed screen resolution issues fixed by JavaScript detection and CSS frameworks. Ultimately, the project provided skills and experience in web development.Javascript as universal language
Javascript as universal languageRonald Harmsen
油
This document discusses the benefits of using JavaScript as a universal language. It can be used everywhere due to its huge reach and ability to run on any browser or device. The document then discusses various JavaScript tooling options available in Visual Studio 2013 like WebEssentials, TypeScript, and Node.js tools. It also demonstrates how JavaScript can be used on the server side with Node.js and Azure Mobile Services. Finally, it mentions using JavaScript to build Windows 8, Windows Phone, and universal apps.An Introduction to Gutenberg, WordPress's New Editor
An Introduction to Gutenberg, WordPress's New EditorAndrew Marks
油
Andrew Marks presents An Introduction to Gutenberg, WordPress's new editor at the Brisbane Northside WordPress Meetup on 22nd February 2018.Devteach 2017
Devteach 2017S辿bastien Doucet
油
Using TypeScript enhanced a Ubisoft project involving 6-12 programmers and over 90,000 lines of code. TypeScript improved productivity by helping write code faster and easier, resolving problems more efficiently, finding issues earlier, reducing bugs and improving stability, lowering the learning curve for new members, and enabling easy collaboration to maintain high quality code. The presentation recommends immediately using TypeScript features like strictNullChecks and noImplicitAny to catch errors early, and emphasizes benefits like auto-completion and enabling design patterns.Open NTF OpenSource is collaboration at its best and matters
Open NTF OpenSource is collaboration at its best and mattersChristian G端demann
油
Christian G端demann discusses OPENNTF and open source collaboration. He addresses common myths about open source like code being of poor quality or unsupported. Open source identifies problems and creates communities to solve them. Contributing features or fixes to IBM products is now easier through open source with OPENNTF. Resources listed include the OPENNTF, CollaborationToday, and XPages websites and YouTube, Twitter, and GitHub pages for OPENNTF.Angular and SEO - Greenlane All Hands Day 10/17/16
Angular and SEO - Greenlane All Hands Day 10/17/16Sean Malseed
油
The document discusses Angular and SEO (search engine optimization). It explains that Angular sites are more like applications than traditional websites, using templates and controllers to build dynamic pages. It also covers how search engines can still crawl Angular sites, including using push state routing and avoiding contradicting tags. The document recommends not fighting emerging technologies and provides resources for more information on SEO with Angular.JavaScript - Web Development Fundaments Part 2 - DeepDive Learning Academy
JavaScript - Web Development Fundaments Part 2 - DeepDive Learning AcademyParag Mujumdar
油
This document outlines an agenda for a fundamentals of web development workshop focusing on JavaScript basics. The workshop will include introductions, an overview of course objectives and JavaScript, examples of JavaScript code, a workshop to build a JavaScript application, and puzzles and best practices. Attendees will learn the roles of HTML, CSS, and JavaScript in web development, code along to develop a simple web app, and get an assignment to add functionality to a personal profile page created previously.Become a better UX designer through code
Become a better UX designer through codeRamon Lapenta
油
Presentation at UX London 2014
The web is a fluid and inherently flexible medium - to design effectively for it you need to understand it better. In this hands-on workshop we will look to level up your HTML & CSS skills to learn how you can create responsive prototypes and re-usable pattern libraries for your web projects. Well explore how to create layouts that flow beautifully from tiny screens to large ones and how to design responsive grids from the content-out. Through practical examples well discuss the benefits of developing responsive pattern libraries including when and how to use them.Headless approach and acquia - case study | Codesushi
Headless approach and acquia - case study | CodesushiKrzysztof (Chris) Ozog
油
Presentation Agenda
Headless approach - explanation
What was our plan
What we did
What went wrong
ConclusionsStress free development
Stress free developmentLaurynas Antanaviius, PMI-ACP
油
Presentation about Agile project planning and stoftware development techniques oriented to IT students at Kaunas University of Technology in LithuaniaDrupalCamp Ghent 2014 - Developing Drupal 7 with Drupal 8 in mind
DrupalCamp Ghent 2014 - Developing Drupal 7 with Drupal 8 in mindJoeri van Dooren
油
Code samples used in the presentation: https://github.com/Ozmodiar/Drupal-DIC-Presentation
These are the slides of the presenation I gave at DrupalCamp Ghent 2014 about developing Drupal 7 with Drupal 8 in mind. A session about how we managed to do Drupal development with object-oriented custom modules and Composer and Symfony Container integration. All to provide an easier migration to Drupal 8 later on.More from Henning Muszynski (8)
From 0 to 100: How we jump-started our frontend testing
From 0 to 100: How we jump-started our frontend testingHenning Muszynski
油
Everybody knows testing is important: it reduces bugs, it keeps you sane during refactorings, it increases the overall code quality etc. We have all heard the countless arguments that speak for testing.
You probably know how the story continues: After developing for two years and ignoring all these (good) arguments we found ourselves in a gigantic code base without a single test. That we were horrified when thinking about adding tests to our code is an understatement. But we took a step back, thought about possible approaches and managed to get a very solid test coverage in a short period of time. And you can, too!
In this talk I present the state of the art for frontend testing (including but not limited to React testing). I am going to highlight different testing strategies and which mixture of tests works best for most applications. Additionally, I present tips and tricks we learned and applied at Doist. My goal is that everybody in the room can apply some take-aways in their daily work.
This talk was being held at #codetalkshh 2017
https://www.codetalks.de/en/2017/programm/from-0-to-100-how-we-jump-started-our-frontend-testingAlphabet from A to Z
Alphabet from A to ZHenning Muszynski
油
Alphabet - From A to Z
Let me Google that became a fundamental phrase in our daily life. But Google is much more than only a search engine. In fact, so much more that a new company was founded: Alphabet, of which Google is only a part of. This next-gen Alphabet embraces a lot of different cool technologies, products and projects. Come and join us on a tour through the breath-taking landscape of Alphabet.
Talk at first Google Developer Group Brunch 2015
Together with Benjamin RaethleinGrowth Hacking 101
Growth Hacking 101Henning Muszynski
油
Growth Hacking 101 - scale your app from zero to hero
This talk gives insights about various growth hacks successfully applied by startups and big players. Suitable for newcomers and experienced marketing professionals.
Talk at Google Developer Group Devfest 2015
Together with Lukas Masuch and Benjamin RaethleinContext Discount
Context DiscountHenning Muszynski
油
Context Discount
Context Discount gives its user the chance to collect discounts and coupons based on their location and shopping history. Additionally shops can easily post new discounts by tweeting to a bot which posts it to the platform.
Project for Hamburg Hackathon 2015
Together with Benjamin Raethlein and othersTwitter Trend Detection and Analysis
Twitter Trend Detection and AnalysisHenning Muszynski
油
Trend Detection and Analysis on Twitter
Leveraging Twitter's Streaming API to collect over 80 million tweets and extracting trends.
Project for first project paper during master studies.
Together with Lukas Masuch and Benjamin RaethleinRoadtrip
RoadtripHenning Muszynski
油
Roadtrip
Share your roadtrip with family and friends leveraging automatically generated blogs.
Project at VW Hackfest in Karlsruhe
Together with Lukas Masuch and Benjamin RaethleinSpark X - Enterprise Crowdfunding
Spark X - Enterprise CrowdfundingHenning Muszynski
油
Spark X - Enterprise Crowdfunding
Project at SAP University Alliances Hackathon
Together with Lukas Masuch and othersVirtual Meeting Room
Virtual Meeting RoomHenning Muszynski
油
Virtual Meeting Room - Unleashing the power of modern Human Computer Interaction
Project for lecture "Human Computer Interaction"
Together with Lukas Masuch and Benjamin RaethleinRecently uploaded (20)
Partner Tableau Next Product First Call Deck.pdf
Partner Tableau Next Product First Call Deck.pdfssuser3d62c6
油
This PDF presentation serves as the introductory deck for a partner call focused on the upcoming Tableau product release, titled "Next Product." It is designed to provide partners with a comprehensive overview of the new features, strategic benefits, and market positioning of the Tableau Next product. The deck covers key product capabilities, integration possibilities, use cases, and partner enablement resources to prepare sales and technical teams for effective customer engagement. Ideal for initial partner briefings, the document aims to align stakeholders on value propositions and foster collaboration for successful product adoption.
Stretching CloudStack over multiple datacenters
Stretching CloudStack over multiple datacentersShapeBlue
油
In Apache CloudStack, zones are typically perceived as single datacenters. But what if you need to extend your CloudStack deployment across multiple datacenters? How can you seamlessly distribute and migrate virtual machines across them? In this session, Wido den Hollander explored strategies, best practices, and real-world considerations for achieving a multi-datacenter CloudStack setup.
--
The CloudStack European User Group 2025 took place on May 8th in Vienna, Austria. The event once again brought together open-source cloud professionals, contributors, developers, and users for a day of deep technical insights, knowledge sharing, and community connection.
Reducing Bugs With Static Code Analysis php tek 2025
Reducing Bugs With Static Code Analysis php tek 2025Scott Keck-Warren
油
Have you ever deployed code only to have it causes errors and unexpected results? By using static code analysis we can reduce, if not completely remove this risk. In this session, we'll discuss the basics of static code analysis, some free and inexpensive tools we can use, and how we can run the tools successfully.NVIDIAs Enterprise AI Factory and Blueprints_ Paving the Way for Smart, Scal...
NVIDIAs Enterprise AI Factory and Blueprints_ Paving the Way for Smart, Scal...derrickjswork
油
In a landmark step toward making autonomous AI agents practical and production-ready for enterprises, NVIDIA has launched the Enterprise AI Factory validated design and a set of AI Blueprints. This initiative is a critical leap in transitioning generative AI from experimental projects to business-critical infrastructure.
Designed for CIOs, developers, and AI strategists alike, these new offerings provide the architectural backbone and application templates necessary to build AI agents that are scalable, secure, and capable of complex reasoning all while being deeply integrated with enterprise systems.Apache CloudStack 101 - Introduction, Whats New and Whats Coming
Apache CloudStack 101 - Introduction, Whats New and Whats ComingShapeBlue
油
This session provided an introductory overview of CloudStack, covering its core features, architecture, and practical use cases. Attendees gained insights into how CloudStack simplifies cloud orchestration, supports multiple hypervisors, and integrates seamlessly with existing IT infrastructures.
--
The CloudStack European User Group 2025 took place on May 8th in Vienna, Austria. The event once again brought together open-source cloud professionals, contributors, developers, and users for a day of deep technical insights, knowledge sharing, and community connection."AI in the browser: predicting user actions in real time with TensorflowJS", ...
"AI in the browser: predicting user actions in real time with TensorflowJS", ...Fwdays
油
With AI becoming increasingly present in our everyday lives, the latest advancements in the field now make it easier than ever to integrate it into our software projects. In this session, well explore how machine learning models can be embedded directly into front-end applications. We'll walk through practical examples, including running basic models such as linear regression and random forest classifiers, all within the browser environment.
Once we grasp the fundamentals of running ML models on the client side, well dive into real-world use cases for web applicationsranging from real-time data classification and interpolation to object tracking in the browser. We'll also introduce a novel approach: dynamically optimizing web applications by predicting user behavior in real time using a machine learning model. This opens the door to smarter, more adaptive user experiences and can significantly improve both performance and engagement.
In addition to the technical insights, well also touch on best practices, potential challenges, and the tools that make browser-based machine learning development more accessible. Whether you're a developer looking to experiment with ML or someone aiming to bring more intelligence into your web apps, this session will offer practical takeaways and inspiration for your next project.TAFs on WebDriver API - By - Pallavi Sharma.pdf
TAFs on WebDriver API - By - Pallavi Sharma.pdfPallavi Sharma
油
This Presentation details different test automation frameworks available on Selenium WebDriver, and some directly on WebDriver. Assurance Best Practices: Unlocking Proactive Network Operations
Assurance Best Practices: Unlocking Proactive Network OperationsThousandEyes
油
Presented by Marcus Sarmento and Saakshi GusainWondershare Filmora 14.3.2 Crack + License Key Free for Windows PC
Wondershare Filmora 14.3.2 Crack + License Key Free for Windows PCMudasir
油
COPY & PASTE LINK
https://pcsoftsfull.org/dl
Wondershare Filmora for Windows PC is an all-in-one home video editor with powerful functionality and a fully stacked feature set. Filmora has a simple drag-and-droptop interface, allowing you to be artistic with the story you want to create.
Optimize IBM i with Consulting Services Help
Optimize IBM i with Consulting Services HelpAlice Gray
油
We offers a comprehensive overview of legacy system modernization, integration, and support services. It highlights key challenges businesses face with IBM i systems and presents tailored solutions such as modernization strategies, application development, and managed services. Ideal for IT leaders and enterprises relying on AS400, the deck includes real-world case studies, engagement models, and the benefits of expert consulting. Perfect for showcasing capabilities to clients or internal stakeholders.Introducing High Availability: Business Continuity for Every NAS User
Introducing High Availability: Business Continuity for Every NAS UserQNAP Marketing
油
際際滷deck for Introducing High Availability: Business Continuity for Every NAS User Webinar hosted by QNAP (May 20, 2025)AI and Gender: Decoding the Sociological Impact
AI and Gender: Decoding the Sociological ImpactSaikatBasu37
油
Exploring the Intersection of Technology and Society. How does AI shape our understanding of gender, and what does it mean for society?
Pushing the Limits: CloudStack at 25K Hosts
Pushing the Limits: CloudStack at 25K HostsShapeBlue
油
Boris Stoyanov took a look at a load testing exercise conducted in the lab. Discovered how CloudStack performs with 25,000 hosts as we explore response times, performance challenges, and the code improvements needed to scale effectively
--
The CloudStack European User Group 2025 took place on May 8th in Vienna, Austria. The event once again brought together open-source cloud professionals, contributors, developers, and users for a day of deep technical insights, knowledge sharing, and community connection.Storage Setup for LINSTOR/DRBD/CloudStack
Storage Setup for LINSTOR/DRBD/CloudStackShapeBlue
油
Deciding on a good storage layout is crucial for good performance and reliability on later operations of your LINSTOR/CloudStack installation. This session gave the attendees an overview on different storage setups (LVM-Thin, striping, ZFS) and explaining differences in failure domains and performance implications and how to use them in LINSTOR.
--
The CloudStack European User Group 2025 took place on May 8th in Vienna, Austria. The event once again brought together open-source cloud professionals, contributors, developers, and users for a day of deep technical insights, knowledge sharing, and community connection.
How to Integrate FME with Databricks (and Why Youll Want To)
How to Integrate FME with Databricks (and Why Youll Want To)Safe Software
油
Databricks is a powerful platform for processing and analyzing large volumes of data at scale. But when it comes to connecting systems, transforming messy data, incorporating spatial data, or delivering results across teams FME can take your Databricks implementation even further.
In this webinar, join our special guest speaker Martin Koch from Avineon-Tensing as we explore how FME and Databricks can work together to streamline your end-to-end data journey.
In this webinar, youll see live demos on how to:
-Moving data in and out of Databricks using FME WebApps
-Integrating Databricks with ArcGIS for spatial analysis
-Creating a data virtualization layer on top of Databricks
Youll also learn how FME enhances interoperability, automates routine tasks, and helps deliver trusted, ready-to-use data into and out of your Databricks environment.
If youre using Databricks, or considering it, this webinar will show you how pairing it with FME can maximize both platforms strengths and deliver even more value from your data strategy.Is Your QA Team Still Working in Silos? Here's What to Do.
Is Your QA Team Still Working in Silos? Here's What to Do.marketing943205
油
Often, QA teams find themselves working in silos: the mobile team focused solely on app functionality, the web team on their portal, and API testers on their endpoints, with limited visibility into how these pieces truly connect. This separation can lead to missed integration bugs that only surface in production, causing frustrating customer experiences like order errors or payment failures. It can also mean duplicated efforts, communication gaps, and a slower overall release cycle for those innovative F&B features everyone is waiting for.
If this sounds familiar, you're in the right place! The carousel below, "Is Your QA Team Still Working in Silos?", visually explores these common pitfalls and their impact on F&B quality. More importantly, it introduces a collaborative, unified approach with Qyrus, showing how an all-in-one testing platform can help you break down these barriers, test end-to-end workflows seamlessly, and become a champion for comprehensive quality in your F&B projects. Dive in to see how you can help deliver a five-star digital experience, every time! Planetek Italia Corporate Profile Brochure
Planetek Italia Corporate Profile BrochurePlanetek Italia Srl
油
Planetek Italia is an Italian Benefit Company established in 1994, which employs 130+ women and men, passionate and skilled in Geoinformatics, Space solutions, and Earth science.
We provide solutions to exploit the value of geospatial data through all phases of data life cycle. We operate in many application areas ranging from environmental and land monitoring to open-government and smart cities, and including defence and security, as well as Space exploration and EO satellite missions.TrustArc Webinar: Cross-Border Data Transfers in 2025
TrustArc Webinar: Cross-Border Data Transfers in 2025TrustArc
油
In 2025, cross-border data transfers are becoming harder to managenot because there are no rules, the regulatory environment has become increasingly complex. Legal obligations vary by jurisdiction, and risk factors include national security, AI, and vendor exposure. Some of the examples of the recent developments that are reshaping how organizations must approach transfer governance:
- The U.S. DOJs new rule restricts the outbound transfer of sensitive personal data to foreign adversaries countries of concern, introducing national security-based exposure that privacy teams must now assess.
- The EDPB confirmed that GDPR applies to AI model training meaning any model trained on EU personal data, regardless of location, must meet lawful processing and cross-border transfer standards.
- Recent enforcement such as a 290 million GDPR fine against Uber for unlawful transfers and a 30.5 million fine against Clearview AI for scraping biometric data signals growing regulatory intolerance for cross-border data misuse, especially when transparency and lawful basis are lacking.
- Gartner forecasts that by 2027, over 40% of AI-related privacy violations will result from unintended cross-border data exposure via GenAI tools.
Together, these developments reflect a new era of privacy risk: not just legal exposurebut operational fragility. Privacy programs must/can now defend transfers at the system, vendor, and use-case levelwith documentation, certification, and proactive governance.
The session blends policy/regulatory events and risk framing with practical enablement, using these developments to explain how TrustArcs Data Mapping & Risk Manager, Assessment Manager and Assurance Services help organizations build defensible, scalable cross-border data transfer programs.
This webinar is eligible for 1 CPE credit.CloudStack + KVM: Your Local Cloud Lab
CloudStack + KVM: Your Local Cloud LabShapeBlue
油
Setting up a local cloud environment for development and testing can be complex, but with Apache CloudStack and KVM, it becomes a powerful and flexible solution. This talk guided attendees through the process of creating a fully functional CloudStack-powered private cloud on a local machine or server, using KVM as the hypervisor and Ansible for automation.
--
The CloudStack European User Group 2025 took place on May 8th in Vienna, Austria. The event once again brought together open-source cloud professionals, contributors, developers, and users for a day of deep technical insights, knowledge sharing, and community connection.
Build your own NES Emulator... with Kotlin
Build your own NES Emulator... with KotlinArtur Skowroski
油
For those who have ever wanted to recreate classic games, this presentation covers my five-year journey to build a NES emulator in Kotlin. Starting from scratch in 2020 (you can probably guess why), Ill share the challenges posed by the architecture of old hardware, performance optimization (surprise, surprise), and the difficulties of emulating sound. Ill also highlight which Kotlin features shine (and why concurrency isnt one of them). This high-level overview will walk through each step of the processfrom reading ROM formats to where GPT can help, though it wont write the code for us just yet. Well wrap up by launching Mario on the emulator (hopefully without a call from Nintendo).The ABC of Coded Style Guides
- 1. The ABC of Coded Style Guides Henning Muszynski @henningmus 揃 Doist
- 2. Lets style this <span> like the button we have over there and other great ideas you might have had
- 3. Hi, Im Henning ! Living in Hamburg, Germany Studied Business IT & Computer Science Software Engineer at Doist
- 5. More productive teamwork Calmer communication More organized team knowledge Twist
- 6. Reactist React Component Library Used in Todoist and Twist Open Source
- 7. Avatar Name Level Experience Bar Sideways Scrolling Content Badge Activity
- 8. What is a Coded Style Guide? Directory of your components in di鍖erent states Components rendered in isolation Components built in isolation Live documentation
- 9. Advantages Encourage reuse and raising awareness Higher stability and lower maintenance Coherent branding Testing and documentation
- 11. Agenda 1. Roll your own 2. Styleguidist 3. Storybook
- 13. Roll Your Own Main Goal: Add value for your users Stand on the shoulders of giants (Development) resources are scarce
- 14. Styleguidist Supports: Vue and React Markdown description of components Uses your jsdoc and prop types Zero con鍖g for CRA Otherwise webpack and custom con鍖g 鍖le
- 20. Styleguidist (+) Live code editor for every example (+) Completely customizable styles Default already beautiful (-) Markdown sometimes requires some hacking or intermediate components
- 21. Storybook Supports: React, React Native, Vue and Angular, Stories are just Javascript Extensible via (a lot of) addons Zero con鍖g (webpack based)
- 25. Storybook & Testing Same data used for rendering & testing Automated (visual) snapshots Viewing test results in stories Manual checking more a鍖ordable (through isolation)
- 26. Storybook (+) Easier to demo complex (legacy) components (+) Test data can be reused (-) Styling is way less 鍖exible (-) Creating a documentation is harder
- 28. Other solutions Sketch Design Libraries react-cosmos: showcasing more complex states many more
- 29. Pitfalls or: Learn from our learnings Start with easy components for quick wins Dont try to do everything at once Encourage contribution & make part of reviews
- 30. De鍖ne a strategy and goal Key Takeaway
- 31. Key Takeaway Share by deploying
- 33. The ABC of Coded Style Guides Henning Muszynski @henningmus 揃 Doist
- 34. Resources Blogs / Articles / Talks - https://github.com/SaraVieira/styleguide-driven-development - https://blog.hichroma.com/storybook-vs-styleguidist-2bd93d6dcc06 - https://spin.atomicobject.com/2018/01/24/react-storybook/ - http://bradfrost.com/blog/post/the-workshop-and-the-storefront/ - https://blog.hichroma.com/the-delightful-storybook-work鍖ow-b322b76fd07 Storybook - https://storybook.js.org/basics/quick-start-guide/ - https://github.com/storybooks/storybook - https://storybook.js.org/examples/ Styleguidist - https://github.com/styleguidist/react-styleguidist - https://react-styleguidist.js.org/docs/getting-started.html Others - https://medium.com/@skidding/鍖ghting-for-component-independence-2a762ee53272 - https://github.com/react-cosmos/react-cosmos