Introduction to Baidu map Web app front-end style guide
•
1 like•1,385 views
This document introduces a front-end style guide for Baidu Map's web app. It discusses what a front-end style guide is, how Baidu's style guide was created using tools like Grunt and Gulp, what it includes like a folder structure and SCSS files, how to use it with naming conventions, how to maintain it by updating from source control, and further considerations around the style guide.
Report
Share
Report
Share
Recommended
Things I've learned from User Friendly 2013
The document summarizes key lessons learned from a 2013 user experience conference. It discusses 3 main points: 1) Embrace sensors to reduce touch interactions and turn physical objects into smart connected devices, 2) Remember multi-channel experiences as users interact across devices, and 3) Take a holistic view of customers as people rather than isolated users. The future will be personalized and online, with changing technologies acting as new containers for existing services.
RWD - Bootstrap
This document discusses responsive web design and frameworks like Bootstrap. It explains that responsive design allows sites to adapt to different devices like mobile versus desktop. It provides an overview of Bootstrap, including that it is an open source framework for building responsive sites using HTML, CSS and JavaScript. Popular frameworks like Bootstrap have pre-built components that save development time compared to building sites from scratch.
Comparison ppt
Framework plays a key role in application development. A website is attracted by its design and structure. We depict a short comparison of three web designing frameworks.
Web and App
Design Fundamental: Quick and dirty tips to improve your UX in n...
"Web and App
Design Fundamental: Quick and dirty tips to improve your UX in no-time" is created for everyone who wants to improve their website/app user experience design (UX) by applying user research, UX design, basic design principle such as typography, color, grid etc. The presentation also included a list of real-world & useful UX/UI tools we use every day.
mLearnCon 2014 - A responsive web solution for a complex online educational p...
This document summarizes the redesign of an online educational platform to be responsive. It discusses surveying users, sketching layouts, choosing the responsive framework SkelJS, and using the preprocessor Less. Prototypes were created in HTML/CSS. The design adapts to phones, tablets, and desktops. Panels and overlays were added for navigation on small screens using SkelJS. Videos and interactions were converted to be responsive using tools like SublimeVideo.
Let's Work Together
This document discusses principles and best practices for collaboration within organizations. It addresses topics like establishing shared values and culture, defining roles and responsibilities across teams, implementing design systems for consistency, and emphasizing communication during the process of creating products and tools. The overall message is that collaborative work requires establishing discipline and guidelines while also allowing for flexibility and humanity between groups.
sushilbhagwat
Sushil Subhash Bhagwat is a web developer and programmer seeking a middle level role in website development or project execution in Mumbai or Pune. He has 7 years of experience in web development using technologies like PHP, XHTML, CSS, XML, and JavaScript/jQuery. He has expertise in all phases of web development projects from design to implementation and managing project teams. He also has strong communication, graphic design, and project monitoring skills.
Class 4: Introduction to web technology entrepreneurship
The document is an agenda for a class on user interface and user experience design. It includes topics like wireframing, branding, logo design, and an overview of UI/UX principles. Students will use Balsamiq Mockups to create wireframes for their web applications and work on designing the visual aspects. Homework involves reading about UI/UX design principles and creating wireframes and mockups for their team's web application.
Recommended
Things I've learned from User Friendly 2013
The document summarizes key lessons learned from a 2013 user experience conference. It discusses 3 main points: 1) Embrace sensors to reduce touch interactions and turn physical objects into smart connected devices, 2) Remember multi-channel experiences as users interact across devices, and 3) Take a holistic view of customers as people rather than isolated users. The future will be personalized and online, with changing technologies acting as new containers for existing services.
RWD - Bootstrap
This document discusses responsive web design and frameworks like Bootstrap. It explains that responsive design allows sites to adapt to different devices like mobile versus desktop. It provides an overview of Bootstrap, including that it is an open source framework for building responsive sites using HTML, CSS and JavaScript. Popular frameworks like Bootstrap have pre-built components that save development time compared to building sites from scratch.
Comparison ppt
Framework plays a key role in application development. A website is attracted by its design and structure. We depict a short comparison of three web designing frameworks.
Web and App
Design Fundamental: Quick and dirty tips to improve your UX in n...
"Web and App
Design Fundamental: Quick and dirty tips to improve your UX in no-time" is created for everyone who wants to improve their website/app user experience design (UX) by applying user research, UX design, basic design principle such as typography, color, grid etc. The presentation also included a list of real-world & useful UX/UI tools we use every day.
mLearnCon 2014 - A responsive web solution for a complex online educational p...
This document summarizes the redesign of an online educational platform to be responsive. It discusses surveying users, sketching layouts, choosing the responsive framework SkelJS, and using the preprocessor Less. Prototypes were created in HTML/CSS. The design adapts to phones, tablets, and desktops. Panels and overlays were added for navigation on small screens using SkelJS. Videos and interactions were converted to be responsive using tools like SublimeVideo.
Let's Work Together
This document discusses principles and best practices for collaboration within organizations. It addresses topics like establishing shared values and culture, defining roles and responsibilities across teams, implementing design systems for consistency, and emphasizing communication during the process of creating products and tools. The overall message is that collaborative work requires establishing discipline and guidelines while also allowing for flexibility and humanity between groups.
sushilbhagwat
Sushil Subhash Bhagwat is a web developer and programmer seeking a middle level role in website development or project execution in Mumbai or Pune. He has 7 years of experience in web development using technologies like PHP, XHTML, CSS, XML, and JavaScript/jQuery. He has expertise in all phases of web development projects from design to implementation and managing project teams. He also has strong communication, graphic design, and project monitoring skills.
Class 4: Introduction to web technology entrepreneurship
The document is an agenda for a class on user interface and user experience design. It includes topics like wireframing, branding, logo design, and an overview of UI/UX principles. Students will use Balsamiq Mockups to create wireframes for their web applications and work on designing the visual aspects. Homework involves reading about UI/UX design principles and creating wireframes and mockups for their team's web application.
ExampleSiteEvaluationJustification
The document provides UI/UX recommendations for optimizing an example website. Key recommendations include:
1. Optimizing and minifying CSS code to improve page load times.
2. Implementing a responsive design to make the site usable on different screen sizes.
3. Guiding users through workflows and common tasks using wizards and tunnels to simplify processes.
4. Providing helpful on-page feedback like inline validation, tooltips and messages to assist users.
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Présentation à l'Université Laval - conférencier invité dans le cours Atelier en analyse d'affaires
SIO 3100
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
JavaScript MVC Frameworks are all the rage these days. They’ve taken the web development world by storm. This session explores the various features of the three hottest JavaScript MVC frameworks: AngularJS, Ember.js and React.js. It also compares client-side templating vs. server-side templating and how well each framework supports Isomorphic JavaScript (code that can run both client-side and server-side). Finally, it ranks each framework on 10 different criteria using Yevgeniy Brikman’s framework scorecard.
Video on InfoQ: https://www.infoq.com/presentations/comparing-angular-ember-react
Michael Kowalski
This document discusses various concepts and techniques for designing effective user interfaces for web applications. It covers the differences between designing websites and web apps, why good UI design is important, characteristics of great interfaces, and specific techniques like affordances, feedback, grouping, and icons. The goal is to make interfaces intuitive, efficient and pleasant to use.
Web Design - Innovation Hackathon
This document discusses various aspects of web design. It covers why web design is important, different types of design roles like graphic designer, UI designer, and UX designer. It discusses current design trends like material design and the popularity of cards on websites. It provides tips for good practices like following design standards and avoiding bad practices like default templates. The document emphasizes that good design leads to benefits like increased user engagement and reduced support costs. Overall it provides a high-level overview of web design, different roles, trends, best practices and why design is important for user experience.
Responsive Web Designs.pdf
The ConclusionFinally, the most popular design approach is responsive web design. RWD is a web development method that enables dynamic changes to the look and feel of a website. If Responsive Web Designs the screen and orientation of the device used to view it are different. When it comes to developing for a wide range of devices, responsive web design is one option to consider. Because of this, the designers at SEO Expate Bangladesh Ltd. construct 100% mobile-friendly and flexible websites. A site’s layout can be specified using RWD breakpoints.
Creating a comprehensive guide on responsive web design in 5000 words is a challenging task, but I can provide you with an in-depth overview and outline to get you started. Responsive web design is a crucial aspect of modern web development, ensuring that websites look and function well on various devices and screen sizes.
Building resuable and customizable Vue components
This document summarizes key lessons learned from building Storefront UI, a Vue component library for e-commerce sites. Some of the challenges discussed include determining the goals and intended users of the library, how to deliver components to users, which atomic components to include, and how to enable global and individual customization of components. The document provides suggestions like using props for customization where it makes sense, avoiding props for CSS customization, leveraging slots to make components highly customizable, and starting with an overridable style guide.
Confess_2011 - Rapid Rich Client Development with Spring Roo and GWT
Show (shortly) what Spring Roo and GWT is. Then it shows some problems with this combination at the moment. Finally, the presentation shows when to use Spring Roo (instead of other frameworks).
Web Design - Professional Development
Platt College San Diego’s Professional Development Courses (PD) is designed for, but not limited to, professionals seeking to learn software, scripting or concepts that will enhance their knowledge in the Digital Media Design field.
It is very simple; Call 619-265-0107 and an admissions representative will be happy to assist you.
Web Design
The document discusses the process of web design, including content management, user analysis, information architecture, wireframing, visual design, and development. It describes gathering content, categorizing it, analyzing users, creating a site map and wireframes, establishing visual style guidelines, and developing the website before testing and launch.
Let's Work Together!
This document discusses the importance of collaboration, communication, and establishing principles and guidelines when working in teams. It addresses challenges like differing approaches, technologies, and opinions that can arise. The document suggests researching user needs, establishing shared values and priorities, and creating design systems to promote consistency. Overall, it advocates for establishing processes and tools to facilitate interdisciplinary cooperation and coordination across organizations.
20 tips for website performance
Lets look at an example of what a performant website can look like. This discuss what concepts should we be considering when looking at website performance. Next we will go over two areas pertaining to website performance: 1) website performance tweaks that you as a web developer can directly make 2) website performance tweaks that you may have to work with your hosting provider or IT department to achieve
Style Guide Best Practices
Brad Frost
Web designer
Style Guide Best Practices
We’re tasked with creating experiences that look and function beautifully across a dizzying array of devices and environments. That’s a tall order in and of itself, but once you factor in other team members, clients, stakeholders, and organizational quirks, things start looking downright intimidating. With so many variables to consider, we need solid ground to stand on. Style guides are quickly proving to be foundational tools for tackling this increasingly-diverse web landscape while still maintaining your sanity. Style guides promote consistency, establish a shared vocabulary, make testing easier, and lay a future-friendly foundation. This session will detail best practices and considerations for creating and maintaining style guides, so you can set up your organization for success.
The Superhero’s Method of Modern HTML5 Development by RapidValue Solutions
This document discusses tools and techniques for modern HTML5 development. It introduces CSS preprocessors like Sass and Compass that make CSS maintenance easier. Automation tools are also discussed, including Grunt for tasks like concatenation and minification, Bower for package management, and LiveReload for faster development. The Yeoman workflow is recommended for scaffolding projects using tools like Grunt and Bower.
Mongo Seattle - The Business of MongoDB
This document discusses strategies for promoting MongoDB adoption. It recommends understanding MongoDB's features, costs, and use cases before promoting it to potential users. It suggests identifying pain points like complex joins that MongoDB could alleviate for "developers" and performance needs that its MapReduce could address for "managers." Examples of successful MongoDB migrations are presented to convince "skeptics." The goal is to alter perceptions and infect target organizations with MongoDB by solving real problems rather than just touting its features.
Cv aman gupta-uiux
Aman Prakash Gupta has 4 years of experience as a UI/UX designer for startups and businesses. He has expertise in design, prototyping, and front-end development for web and mobile using tools like Figma, Photoshop, Illustrator, HTML, CSS, React, and Angular. Some of his projects include designing the interfaces for construction management platform VueOps and ecommerce platform OmniCX. He is looking for long-term collaboration on products that help users achieve their personal and business goals.
Processes + Patterns
The document discusses combining design patterns and process patterns to improve outcomes. It suggests developing a database to track patterns of success and failure for different site types, design patterns, and process patterns. Analyzing how design patterns work with different process patterns and team compositions could identify best practices. This could help designers choose optimal combinations and provide statistical proof for their design decisions.
Push notifications using Firebase
This document outlines an event hosted by the Chennai OSUG (OutSystems User Group) to teach attendees how to integrate Firebase with mobile applications. The agenda includes an introduction, a demo on how to integrate Firebase with mobile apps, a technical discussion, and a quiz. Attendees are encouraged to connect with other OutSystems developers and provide feedback after the event. The document also advertises the OutSystems Research Program which rewards participants for sharing their thoughts and opinions to help improve OutSystems products.
Push notifications using Firebase
This document summarizes an event hosted by the Chennai OSUG (OutSystems User Group) to teach attendees how to integrate Firebase with mobile applications. The agenda includes an introduction, a demo on how to integrate Firebase with mobile apps, a technical discussion, and a quiz. Attendees are encouraged to provide feedback through a survey and to connect with other OutSystems developers. Guidelines are provided for participation, including using the Q&A function for questions and sharing where attendees are joining from in the chat. The event will be recorded and shared later. Participants can also join the OutSystems Research Program to provide input to help guide product development.
Mobile First Responsive Web Design — BD Conf Oct 2013
The document discusses responsive web design and mobile-first approaches. It advocates building responsive designs with a mobile-first mindset, where the mobile version is prioritized and expanded upon for larger screens rather than the desktop version being scaled down. It also emphasizes performance techniques like keeping images out of breakpoints to avoid unnecessary downloads, and using media queries to scope images to only the viewports that need them. The overall message is that responsive design should consider both layout and performance to provide the best experience across devices.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
More Related Content
Similar to Introduction to Baidu map Web app front-end style guide
ExampleSiteEvaluationJustification
The document provides UI/UX recommendations for optimizing an example website. Key recommendations include:
1. Optimizing and minifying CSS code to improve page load times.
2. Implementing a responsive design to make the site usable on different screen sizes.
3. Guiding users through workflows and common tasks using wizards and tunnels to simplify processes.
4. Providing helpful on-page feedback like inline validation, tooltips and messages to assist users.
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Présentation à l'Université Laval - conférencier invité dans le cours Atelier en analyse d'affaires
SIO 3100
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
JavaScript MVC Frameworks are all the rage these days. They’ve taken the web development world by storm. This session explores the various features of the three hottest JavaScript MVC frameworks: AngularJS, Ember.js and React.js. It also compares client-side templating vs. server-side templating and how well each framework supports Isomorphic JavaScript (code that can run both client-side and server-side). Finally, it ranks each framework on 10 different criteria using Yevgeniy Brikman’s framework scorecard.
Video on InfoQ: https://www.infoq.com/presentations/comparing-angular-ember-react
Michael Kowalski
This document discusses various concepts and techniques for designing effective user interfaces for web applications. It covers the differences between designing websites and web apps, why good UI design is important, characteristics of great interfaces, and specific techniques like affordances, feedback, grouping, and icons. The goal is to make interfaces intuitive, efficient and pleasant to use.
Web Design - Innovation Hackathon
This document discusses various aspects of web design. It covers why web design is important, different types of design roles like graphic designer, UI designer, and UX designer. It discusses current design trends like material design and the popularity of cards on websites. It provides tips for good practices like following design standards and avoiding bad practices like default templates. The document emphasizes that good design leads to benefits like increased user engagement and reduced support costs. Overall it provides a high-level overview of web design, different roles, trends, best practices and why design is important for user experience.
Responsive Web Designs.pdf
The ConclusionFinally, the most popular design approach is responsive web design. RWD is a web development method that enables dynamic changes to the look and feel of a website. If Responsive Web Designs the screen and orientation of the device used to view it are different. When it comes to developing for a wide range of devices, responsive web design is one option to consider. Because of this, the designers at SEO Expate Bangladesh Ltd. construct 100% mobile-friendly and flexible websites. A site’s layout can be specified using RWD breakpoints.
Creating a comprehensive guide on responsive web design in 5000 words is a challenging task, but I can provide you with an in-depth overview and outline to get you started. Responsive web design is a crucial aspect of modern web development, ensuring that websites look and function well on various devices and screen sizes.
Building resuable and customizable Vue components
This document summarizes key lessons learned from building Storefront UI, a Vue component library for e-commerce sites. Some of the challenges discussed include determining the goals and intended users of the library, how to deliver components to users, which atomic components to include, and how to enable global and individual customization of components. The document provides suggestions like using props for customization where it makes sense, avoiding props for CSS customization, leveraging slots to make components highly customizable, and starting with an overridable style guide.
Confess_2011 - Rapid Rich Client Development with Spring Roo and GWT
Show (shortly) what Spring Roo and GWT is. Then it shows some problems with this combination at the moment. Finally, the presentation shows when to use Spring Roo (instead of other frameworks).
Web Design - Professional Development
Platt College San Diego’s Professional Development Courses (PD) is designed for, but not limited to, professionals seeking to learn software, scripting or concepts that will enhance their knowledge in the Digital Media Design field.
It is very simple; Call 619-265-0107 and an admissions representative will be happy to assist you.
Web Design
The document discusses the process of web design, including content management, user analysis, information architecture, wireframing, visual design, and development. It describes gathering content, categorizing it, analyzing users, creating a site map and wireframes, establishing visual style guidelines, and developing the website before testing and launch.
Let's Work Together!
This document discusses the importance of collaboration, communication, and establishing principles and guidelines when working in teams. It addresses challenges like differing approaches, technologies, and opinions that can arise. The document suggests researching user needs, establishing shared values and priorities, and creating design systems to promote consistency. Overall, it advocates for establishing processes and tools to facilitate interdisciplinary cooperation and coordination across organizations.
20 tips for website performance
Lets look at an example of what a performant website can look like. This discuss what concepts should we be considering when looking at website performance. Next we will go over two areas pertaining to website performance: 1) website performance tweaks that you as a web developer can directly make 2) website performance tweaks that you may have to work with your hosting provider or IT department to achieve
Style Guide Best Practices
Brad Frost
Web designer
Style Guide Best Practices
We’re tasked with creating experiences that look and function beautifully across a dizzying array of devices and environments. That’s a tall order in and of itself, but once you factor in other team members, clients, stakeholders, and organizational quirks, things start looking downright intimidating. With so many variables to consider, we need solid ground to stand on. Style guides are quickly proving to be foundational tools for tackling this increasingly-diverse web landscape while still maintaining your sanity. Style guides promote consistency, establish a shared vocabulary, make testing easier, and lay a future-friendly foundation. This session will detail best practices and considerations for creating and maintaining style guides, so you can set up your organization for success.
The Superhero’s Method of Modern HTML5 Development by RapidValue Solutions
This document discusses tools and techniques for modern HTML5 development. It introduces CSS preprocessors like Sass and Compass that make CSS maintenance easier. Automation tools are also discussed, including Grunt for tasks like concatenation and minification, Bower for package management, and LiveReload for faster development. The Yeoman workflow is recommended for scaffolding projects using tools like Grunt and Bower.
Mongo Seattle - The Business of MongoDB
This document discusses strategies for promoting MongoDB adoption. It recommends understanding MongoDB's features, costs, and use cases before promoting it to potential users. It suggests identifying pain points like complex joins that MongoDB could alleviate for "developers" and performance needs that its MapReduce could address for "managers." Examples of successful MongoDB migrations are presented to convince "skeptics." The goal is to alter perceptions and infect target organizations with MongoDB by solving real problems rather than just touting its features.
Cv aman gupta-uiux
Aman Prakash Gupta has 4 years of experience as a UI/UX designer for startups and businesses. He has expertise in design, prototyping, and front-end development for web and mobile using tools like Figma, Photoshop, Illustrator, HTML, CSS, React, and Angular. Some of his projects include designing the interfaces for construction management platform VueOps and ecommerce platform OmniCX. He is looking for long-term collaboration on products that help users achieve their personal and business goals.
Processes + Patterns
The document discusses combining design patterns and process patterns to improve outcomes. It suggests developing a database to track patterns of success and failure for different site types, design patterns, and process patterns. Analyzing how design patterns work with different process patterns and team compositions could identify best practices. This could help designers choose optimal combinations and provide statistical proof for their design decisions.
Push notifications using Firebase
This document outlines an event hosted by the Chennai OSUG (OutSystems User Group) to teach attendees how to integrate Firebase with mobile applications. The agenda includes an introduction, a demo on how to integrate Firebase with mobile apps, a technical discussion, and a quiz. Attendees are encouraged to connect with other OutSystems developers and provide feedback after the event. The document also advertises the OutSystems Research Program which rewards participants for sharing their thoughts and opinions to help improve OutSystems products.
Push notifications using Firebase
This document summarizes an event hosted by the Chennai OSUG (OutSystems User Group) to teach attendees how to integrate Firebase with mobile applications. The agenda includes an introduction, a demo on how to integrate Firebase with mobile apps, a technical discussion, and a quiz. Attendees are encouraged to provide feedback through a survey and to connect with other OutSystems developers. Guidelines are provided for participation, including using the Q&A function for questions and sharing where attendees are joining from in the chat. The event will be recorded and shared later. Participants can also join the OutSystems Research Program to provide input to help guide product development.
Mobile First Responsive Web Design — BD Conf Oct 2013
The document discusses responsive web design and mobile-first approaches. It advocates building responsive designs with a mobile-first mindset, where the mobile version is prioritized and expanded upon for larger screens rather than the desktop version being scaled down. It also emphasizes performance techniques like keeping images out of breakpoints to avoid unnecessary downloads, and using media queries to scope images to only the viewports that need them. The overall message is that responsive design should consider both layout and performance to provide the best experience across devices.
Similar to Introduction to Baidu map Web app front-end style guide (20)
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
Confess_2011 - Rapid Rich Client Development with Spring Roo and GWT
Confess_2011 - Rapid Rich Client Development with Spring Roo and GWT
The Superhero’s Method of Modern HTML5 Development by RapidValue Solutions
The Superhero’s Method of Modern HTML5 Development by RapidValue Solutions
Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013
Recently uploaded
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Artificial Intelligence for XMLDevelopment
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
National Security Agency - NSA mobile device best practices
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
20240607 QFM018 Elixir Reading List May 2024
Everything I found interesting about the Elixir programming ecosystem in May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
Climate Impact of Software Testing at Nordic Testing Days
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-und-domino-lizenzkostenreduzierung-in-der-welt-von-dlau/
DLAU und die Lizenzen nach dem CCB- und CCX-Modell sind für viele in der HCL-Community seit letztem Jahr ein heißes Thema. Als Notes- oder Domino-Kunde haben Sie vielleicht mit unerwartet hohen Benutzerzahlen und Lizenzgebühren zu kämpfen. Sie fragen sich vielleicht, wie diese neue Art der Lizenzierung funktioniert und welchen Nutzen sie Ihnen bringt. Vor allem wollen Sie sicherlich Ihr Budget einhalten und Kosten sparen, wo immer möglich. Das verstehen wir und wir möchten Ihnen dabei helfen!
Wir erklären Ihnen, wie Sie häufige Konfigurationsprobleme lösen können, die dazu führen können, dass mehr Benutzer gezählt werden als nötig, und wie Sie überflüssige oder ungenutzte Konten identifizieren und entfernen können, um Geld zu sparen. Es gibt auch einige Ansätze, die zu unnötigen Ausgaben führen können, z. B. wenn ein Personendokument anstelle eines Mail-Ins für geteilte Mailboxen verwendet wird. Wir zeigen Ihnen solche Fälle und deren Lösungen. Und natürlich erklären wir Ihnen das neue Lizenzmodell.
Nehmen Sie an diesem Webinar teil, bei dem HCL-Ambassador Marc Thomas und Gastredner Franz Walder Ihnen diese neue Welt näherbringen. Es vermittelt Ihnen die Tools und das Know-how, um den Überblick zu bewahren. Sie werden in der Lage sein, Ihre Kosten durch eine optimierte Domino-Konfiguration zu reduzieren und auch in Zukunft gering zu halten.
Diese Themen werden behandelt
- Reduzierung der Lizenzkosten durch Auffinden und Beheben von Fehlkonfigurationen und überflüssigen Konten
- Wie funktionieren CCB- und CCX-Lizenzen wirklich?
- Verstehen des DLAU-Tools und wie man es am besten nutzt
- Tipps für häufige Problembereiche, wie z. B. Team-Postfächer, Funktions-/Testbenutzer usw.
- Praxisbeispiele und Best Practices zum sofortigen Umsetzen
“I’m still / I’m still / Chaining from the Block”
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
Recently uploaded (20)
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Introduction to Baidu map Web app front-end style guide
- 1. Introduction to Baidu Map Web App Front-end Style Guide by Hongru Hou 2014.2.20
- 2. Contents What is Front-end style guide? How did our SG born? What dose it include? How to use it? How to maintain it? Further thinking 2
- 3. What is Front-end style guide? 3
- 4. 4
- 5. £2.00 “Front-end style guides […] to make maintaining a site easier […] built specifically for the web […] uses real code and works in the browser […] living documentation and grows organically with a site throughout its lifetime.” –Anna Debenham 5
- 6. How did our SG born? 6
- 7. Set up scaffolds kss-node-template Style Guide Boilerplate Pattern Lab Kalei Style Guide fontcustom gulp Grunt 7
- 9. Battle with PM and UE Remove, remove, remove Reduce, reduce, reduce Check, check, check 9
- 10. Results of the battle Before After % bg-color 11 7 -36.7% opacity 5 2 -60% font-family 2 1 -50% font-size 8 4 -50% color 29 7 -75.9% Background Font
- 12. Design principle Separate structure and skin Separate container and content } OOCSS Meaningful class 12
- 13. Hand in hand with Sass Variables Nesting Partials (@import) Mixins (@include) Inheritance (@extend) Control Directives (e.g. @for) 13
- 14. What does it include? 14
- 16. SCSS _reset.scss + _mixin.scss + _utilities.scss _basic.scss + _grid.scss _components.scss _icon-font.scss main.scss + sg.scss 16
- 17. How to use it? 17
- 18. Naming Conventions Block—Element__Modifier sucks SM (Sassier Modifier) SM+ 18
- 20. “In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit.” –Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
- 23. Examples
- 24. CSS 11kb
- 25. HTML 4kb 3kb
- 27. How to maintain it? 27
- 28. Update SG svn checkout https://svn.bce.bae.baidu.com/appid89ac2cam6b/0 sudo npm install gulp 28
- 29. Further thinking Design accordance New workflow CSS has became a programatic language
- 30. QA
- 31. Acknowledgement
- 32. Thanks