As HTML5 becomes more and more popular there is a lot of work being done to make the lives of mobile application designers and developers easier by allowing them to build once and target deployment for all popular mobile platforms and browsers. There is now a great HTML5 application framework called Sencha Touch and it allows web designers/developers to use their skills to build compelling native/browser-based applications for all platforms with a shared codebase. This presentation will introduce users to Sencha Touch and its various benefits and walk them through the process of creating a Sencha Touch project and deploying it to multiple mobile platforms.
50 favorite CSS Tools & resources. It’s a huge post of all of the really cool CSS resources, frameworks, libraries, UI kits and tools that have been released this year.
From: http://ltheme.com/50-css-tools-resources-from-2014/
CSS is a style sheet language that defines the look and formatting of elements on a web page. CSS works with HTML, where HTML defines the content and CSS specifies how it is presented. CSS allows for more customization of elements by defining the behavior and styling of HTML elements to control their appearance and layout.
Sencha Touch Intro - Toronto HTML5 User GroupMukul Seth
This presentation introduces Sencha Touch, an HTML5 framework for building cross-platform mobile applications. It discusses Sencha Touch's advantages for building apps that work across iOS, Android, Windows Phone and other platforms. The presentation demonstrates how to get started with Sencha Touch, including creating user interface views, working with data models and stores, and binding data to views. Code demos show how to manipulate data and use different layouts. The presentation concludes with a question and answer section.
- In this course you will learn how to create a responsive web design that adapts to different screen sizes by changing the layout and rearranging content, and also optimizes the design for printing. You will start by building the HTML structure and then use CSS to style the content and create different layouts based on screen size and media queries. The course provides step-by-step instructions to teach techniques for responsive design, CSS styling, and combining HTML elements with CSS properties.
Sass:-Syntactically Awesome Stylesheet by ShafeeqDignitasDigital1
Sass is a CSS pre-processor that allows for nesting, variables, mixins and other features not available in regular CSS. This helps reduce repetition and makes stylesheets more maintainable. Sass files use the extensions .sass or .scss and are compiled to regular CSS files. Popular tools for using Sass include the command line, CodeKit and other GUI apps. Key features of Sass include variables, nesting rules, partials, mixins and extending styles from one rule to another.
SPS Oslo - Stop your SharePoint CSS becoming a di-sass-ter today!Stefan Bauer
CSS can get overly complex and unwieldy very quickly - especially on SharePoint Projects. To achieve the SharePoint branding you desire, often results in thousands of lines of CSS across many files. This approach is error prone and also a maintenance nightmare! However, there is a better way…
SASS (“Syntactically Awesome Style Sheets”) is fast becoming the preferred approach to develop your CSS! SASS is an extension to CSS which arms you with programming features such as variables, functions, loops and many more.
Join my session and I will take you from a complete SASS novice to someone that knows where SASS fits and how to use it with SharePoint.
Key Takeaways :
- I will explain what SASS is and where you would use it.
- How to use SASS to brand SharePoint without requiring lengthy deployments.
- How to create simple Rich Text Editor Styles using mixins and includes.
- How to apply a Grid layout and make it Responsive.
- How to structure your branding correctly to make it more maintainable.
- How CSS 4 fits into the picture and does it make SASS obsolete?
This document discusses the CSS cascade and how it determines which CSS rules are applied when there are conflicts. It explains that CSS declarations with higher specificity, source order, or importance will take precedence over others. It provides an example where declaring the same styles for an element in multiple places results in the last declaration winning due to source order. The document also outlines different types of CSS selectors like elements, classes, IDs, and complex selectors that impact specificity.
50 favorite CSS Tools & resources. It’s a huge post of all of the really cool CSS resources, frameworks, libraries, UI kits and tools that have been released this year.
From: http://ltheme.com/50-css-tools-resources-from-2014/
CSS is a style sheet language that defines the look and formatting of elements on a web page. CSS works with HTML, where HTML defines the content and CSS specifies how it is presented. CSS allows for more customization of elements by defining the behavior and styling of HTML elements to control their appearance and layout.
Sencha Touch Intro - Toronto HTML5 User GroupMukul Seth
This presentation introduces Sencha Touch, an HTML5 framework for building cross-platform mobile applications. It discusses Sencha Touch's advantages for building apps that work across iOS, Android, Windows Phone and other platforms. The presentation demonstrates how to get started with Sencha Touch, including creating user interface views, working with data models and stores, and binding data to views. Code demos show how to manipulate data and use different layouts. The presentation concludes with a question and answer section.
- In this course you will learn how to create a responsive web design that adapts to different screen sizes by changing the layout and rearranging content, and also optimizes the design for printing. You will start by building the HTML structure and then use CSS to style the content and create different layouts based on screen size and media queries. The course provides step-by-step instructions to teach techniques for responsive design, CSS styling, and combining HTML elements with CSS properties.
Sass:-Syntactically Awesome Stylesheet by ShafeeqDignitasDigital1
Sass is a CSS pre-processor that allows for nesting, variables, mixins and other features not available in regular CSS. This helps reduce repetition and makes stylesheets more maintainable. Sass files use the extensions .sass or .scss and are compiled to regular CSS files. Popular tools for using Sass include the command line, CodeKit and other GUI apps. Key features of Sass include variables, nesting rules, partials, mixins and extending styles from one rule to another.
SPS Oslo - Stop your SharePoint CSS becoming a di-sass-ter today!Stefan Bauer
CSS can get overly complex and unwieldy very quickly - especially on SharePoint Projects. To achieve the SharePoint branding you desire, often results in thousands of lines of CSS across many files. This approach is error prone and also a maintenance nightmare! However, there is a better way…
SASS (“Syntactically Awesome Style Sheets”) is fast becoming the preferred approach to develop your CSS! SASS is an extension to CSS which arms you with programming features such as variables, functions, loops and many more.
Join my session and I will take you from a complete SASS novice to someone that knows where SASS fits and how to use it with SharePoint.
Key Takeaways :
- I will explain what SASS is and where you would use it.
- How to use SASS to brand SharePoint without requiring lengthy deployments.
- How to create simple Rich Text Editor Styles using mixins and includes.
- How to apply a Grid layout and make it Responsive.
- How to structure your branding correctly to make it more maintainable.
- How CSS 4 fits into the picture and does it make SASS obsolete?
This document discusses the CSS cascade and how it determines which CSS rules are applied when there are conflicts. It explains that CSS declarations with higher specificity, source order, or importance will take precedence over others. It provides an example where declaring the same styles for an element in multiple places results in the last declaration winning due to source order. The document also outlines different types of CSS selectors like elements, classes, IDs, and complex selectors that impact specificity.
This document discusses concepts related to Sass (Syntactically Awesome Style Sheets), which is a CSS preprocessor. It describes how Sass allows for variables, nesting, mixins and other features to make CSS more powerful and maintainable. Key concepts covered include using variables to reduce repetition, creating reusable code with mixins, and how Sass files are compiled into normal CSS that browsers can understand.
Structuring your CSS for maintainability: rules and guile lines to write CSSSanjoy Kr. Paul
Structuring your CSS for maintainability: rules and guile lines to write CSS
As you start work on larger stylesheets and big projects with a team, you will discover that maintaining a huge CSS file can be challenging. So, we will go through some best practices for writing CSS that will help us to maintain the CSS project easily.
This document discusses how to beautify a Sencha app using Sass/SCSS. It covers what SCSS is, setting up the Compass environment, using Compass in a Sencha app, SCSS mixins and variables in Sencha, and theming in Sencha. SCSS allows for nesting, inheritance and variables/mixins to generate CSS. Compass compiles SCSS files. The document demonstrates including SCSS files in a Sencha app project, compiling them with Compass, and using Sencha-provided SCSS mixins and variables to style components for theming.
This document provides an overview and introduction to Bootstrap for beginners. It discusses what Bootstrap is, the benefits of using it, and its basic grid system including containers, rows, and columns. It also covers responsive design, integrating Bootstrap with SharePoint, common issues and bugs, and includes examples of live Bootstrap implementations. The presenter is D'arce Hess, a SharePoint interface developer, and the content is from a SharePoint Saturday event in October 2014.
The document discusses reworking front-end development workflows. It describes the speaker's workflow in 2004, which involved writing HTML, CSS and JavaScript, and uploading files via FTP. This is compared to modern workflows, which involve version control, preprocessors, task runners, and static site generators. Common CSS methodologies like SMACSS and BEM are also discussed. Nesting in preprocessors and responsible use of tools are emphasized.
Slides presented at DrupalCamp Montreal 2013. Walks through the features of the Zen theme, how to use Sass and Compass, and finally, how to use Zen Grids to change the layout. Conclusion: Zen Grids simplifies the process of changing the layout, so makes responsive design a lot easier to implement.
Authoring Stylesheets with Compass & Sasschriseppstein
The document discusses authoring stylesheets using Sass and Compass. It provides an overview of Sass features like variables, nested rules, mixins, and more. It also discusses how Compass can be used to simplify CSS development with features like a project context, libraries, and asset management. The presentation aims to teach attendees the Sass syntax and how to set up and use Compass projects.
Originally given at JoomlaDay Florida 2018 on many of my favorite CSS and Sass concepts. Covering things like CSS Layout Grid, Flexbox, and how to start using Element Queries.
SASS (Syntactically Awesome Style Sheets) is a CSS pre-processor that allows for nesting, variables, mixins and other powerful features to help write cleaner, more maintainable CSS. It helps achieve the DRY principle by eliminating repeated code and allowing logical structuring. Some key SASS features include nesting, variables and scopes, mixins, extends and interpolation. SASS files are compiled to normal CSS files for use in browsers. Using SASS can help large development teams work on CSS in a more organized and efficient way.
If you are a theme developer, using Sass or Syntactically Awesome Stylesheets is a time saving way to write your code and it is easy to learn once you are familiar with CSS. In this session, you will learn how to harness the power of variables, nesting, and mixins to take advantage of everything that SASS has to offer to write awesome code. In order to get the most from this session, you must have a good understanding of HTML and CSS.
This discussion will focus primarily on the two most popular CSS pre-processors, LESS and SASS. I will take some time to compare the two, by highlighting both their similarities and differences. Though these two “languages” share similar features, the compiler interprets them differently. Furthermore, certain functions and features are easier to execute in one language than the other. The goal of these comparison is to give the audience a feel for the syntax and to demonstrate how some of the features can be used in a practical way.
Moreover, further into the presentation we will take a deeper dive into the advance features of LESS and SASS. In this sections we will explore the latest features of both pre-processors and see how they work with popular 3rd party vendors and libraries. The audience will have a chance to learn about the frameworks and what makes these platforms so special!
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, inspect element, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
Takeaways:
Learn to speak dev
Get familiar with concepts (and acronyms) you’ll need to dev
Learn about tools that will help you
Today there are multiple CSS frameworks, pre-processors, grids and naming strategies that can be used to organize your codebase. The question is, how do you sort through all the noise and figure out which of theses new CSS coding strategies and tools are best for your specific project and how do you combine them in order to create the best environment for styling? (Created for a Workshop)
This document provides an overview of how to get started with branding and customizing the look of a SharePoint site. It discusses some basic SharePoint concepts and controls to understand first. It then explains ways to change the look, including overriding the CSS or choosing different themes. Master pages are discussed as the central file that determines page structure and styling. The document also introduces responsive web design and how this approach can make the site appear properly on different devices.
So, You Wanna Dev? Join the Team! - WordCamp Raleigh 2017 Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
The way we work with HTML and CSS has evolved massively over recent years. From writing native CSS, many of us now consider pre-processors a key part of our development toolkit. This talk will explore how we use the front-end tools at our disposal today. We’ll cover some of the mistakes that can (easily) be made when using them and how to ensure that they complement our workflow, helping us to write more maintainable, well structured front-end code.
Schaeflein Dev409 Enterprise Branding Using Site Definitionsmferraz
This document provides guidance on using site definitions in SharePoint to create customized site templates. It discusses the key elements of a custom site definition like master pages, content types, lists. It also covers best practices like using features to package related functionality, deploying site definitions as solutions, and using advanced techniques like delegate controls for post-deployment customizations. The document includes a demonstration of creating a custom MOSS site definition.
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...Fwdays
Direct losses from downtime in 1 minute = $5-$10 thousand dollars. Reputation is priceless.
As part of the talk, we will consider the architectural strategies necessary for the development of highly loaded fintech solutions. We will focus on using queues and streaming to efficiently work and manage large amounts of data in real-time and to minimize latency.
We will focus special attention on the architectural patterns used in the design of the fintech system, microservices and event-driven architecture, which ensure scalability, fault tolerance, and consistency of the entire system.
This document discusses concepts related to Sass (Syntactically Awesome Style Sheets), which is a CSS preprocessor. It describes how Sass allows for variables, nesting, mixins and other features to make CSS more powerful and maintainable. Key concepts covered include using variables to reduce repetition, creating reusable code with mixins, and how Sass files are compiled into normal CSS that browsers can understand.
Structuring your CSS for maintainability: rules and guile lines to write CSSSanjoy Kr. Paul
Structuring your CSS for maintainability: rules and guile lines to write CSS
As you start work on larger stylesheets and big projects with a team, you will discover that maintaining a huge CSS file can be challenging. So, we will go through some best practices for writing CSS that will help us to maintain the CSS project easily.
This document discusses how to beautify a Sencha app using Sass/SCSS. It covers what SCSS is, setting up the Compass environment, using Compass in a Sencha app, SCSS mixins and variables in Sencha, and theming in Sencha. SCSS allows for nesting, inheritance and variables/mixins to generate CSS. Compass compiles SCSS files. The document demonstrates including SCSS files in a Sencha app project, compiling them with Compass, and using Sencha-provided SCSS mixins and variables to style components for theming.
This document provides an overview and introduction to Bootstrap for beginners. It discusses what Bootstrap is, the benefits of using it, and its basic grid system including containers, rows, and columns. It also covers responsive design, integrating Bootstrap with SharePoint, common issues and bugs, and includes examples of live Bootstrap implementations. The presenter is D'arce Hess, a SharePoint interface developer, and the content is from a SharePoint Saturday event in October 2014.
The document discusses reworking front-end development workflows. It describes the speaker's workflow in 2004, which involved writing HTML, CSS and JavaScript, and uploading files via FTP. This is compared to modern workflows, which involve version control, preprocessors, task runners, and static site generators. Common CSS methodologies like SMACSS and BEM are also discussed. Nesting in preprocessors and responsible use of tools are emphasized.
Slides presented at DrupalCamp Montreal 2013. Walks through the features of the Zen theme, how to use Sass and Compass, and finally, how to use Zen Grids to change the layout. Conclusion: Zen Grids simplifies the process of changing the layout, so makes responsive design a lot easier to implement.
Authoring Stylesheets with Compass & Sasschriseppstein
The document discusses authoring stylesheets using Sass and Compass. It provides an overview of Sass features like variables, nested rules, mixins, and more. It also discusses how Compass can be used to simplify CSS development with features like a project context, libraries, and asset management. The presentation aims to teach attendees the Sass syntax and how to set up and use Compass projects.
Originally given at JoomlaDay Florida 2018 on many of my favorite CSS and Sass concepts. Covering things like CSS Layout Grid, Flexbox, and how to start using Element Queries.
SASS (Syntactically Awesome Style Sheets) is a CSS pre-processor that allows for nesting, variables, mixins and other powerful features to help write cleaner, more maintainable CSS. It helps achieve the DRY principle by eliminating repeated code and allowing logical structuring. Some key SASS features include nesting, variables and scopes, mixins, extends and interpolation. SASS files are compiled to normal CSS files for use in browsers. Using SASS can help large development teams work on CSS in a more organized and efficient way.
If you are a theme developer, using Sass or Syntactically Awesome Stylesheets is a time saving way to write your code and it is easy to learn once you are familiar with CSS. In this session, you will learn how to harness the power of variables, nesting, and mixins to take advantage of everything that SASS has to offer to write awesome code. In order to get the most from this session, you must have a good understanding of HTML and CSS.
This discussion will focus primarily on the two most popular CSS pre-processors, LESS and SASS. I will take some time to compare the two, by highlighting both their similarities and differences. Though these two “languages” share similar features, the compiler interprets them differently. Furthermore, certain functions and features are easier to execute in one language than the other. The goal of these comparison is to give the audience a feel for the syntax and to demonstrate how some of the features can be used in a practical way.
Moreover, further into the presentation we will take a deeper dive into the advance features of LESS and SASS. In this sections we will explore the latest features of both pre-processors and see how they work with popular 3rd party vendors and libraries. The audience will have a chance to learn about the frameworks and what makes these platforms so special!
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, inspect element, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
Takeaways:
Learn to speak dev
Get familiar with concepts (and acronyms) you’ll need to dev
Learn about tools that will help you
Today there are multiple CSS frameworks, pre-processors, grids and naming strategies that can be used to organize your codebase. The question is, how do you sort through all the noise and figure out which of theses new CSS coding strategies and tools are best for your specific project and how do you combine them in order to create the best environment for styling? (Created for a Workshop)
This document provides an overview of how to get started with branding and customizing the look of a SharePoint site. It discusses some basic SharePoint concepts and controls to understand first. It then explains ways to change the look, including overriding the CSS or choosing different themes. Master pages are discussed as the central file that determines page structure and styling. The document also introduces responsive web design and how this approach can make the site appear properly on different devices.
So, You Wanna Dev? Join the Team! - WordCamp Raleigh 2017 Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
The way we work with HTML and CSS has evolved massively over recent years. From writing native CSS, many of us now consider pre-processors a key part of our development toolkit. This talk will explore how we use the front-end tools at our disposal today. We’ll cover some of the mistakes that can (easily) be made when using them and how to ensure that they complement our workflow, helping us to write more maintainable, well structured front-end code.
Schaeflein Dev409 Enterprise Branding Using Site Definitionsmferraz
This document provides guidance on using site definitions in SharePoint to create customized site templates. It discusses the key elements of a custom site definition like master pages, content types, lists. It also covers best practices like using features to package related functionality, deploying site definitions as solutions, and using advanced techniques like delegate controls for post-deployment customizations. The document includes a demonstration of creating a custom MOSS site definition.
Similar to Using Sencha Touch to build Cross-platform HTML5 Apps - FITC Screens 2011 (20)
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...Fwdays
Direct losses from downtime in 1 minute = $5-$10 thousand dollars. Reputation is priceless.
As part of the talk, we will consider the architectural strategies necessary for the development of highly loaded fintech solutions. We will focus on using queues and streaming to efficiently work and manage large amounts of data in real-time and to minimize latency.
We will focus special attention on the architectural patterns used in the design of the fintech system, microservices and event-driven architecture, which ensure scalability, fault tolerance, and consistency of the entire system.
What is an RPA CoE? Session 1 – CoE VisionDianaGray10
In the first session, we will review the organization's vision and how this has an impact on the COE Structure.
Topics covered:
• The role of a steering committee
• How do the organization’s priorities determine CoE Structure?
Speaker:
Chris Bolin, Senior Intelligent Automation Architect Anika Systems
Taking AI to the Next Level in Manufacturing.pdfssuserfac0301
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
High performance Serverless Java on AWS- GoTo Amsterdam 2024Vadym Kazulkin
Java is for many years one of the most popular programming languages, but it used to have hard times in the Serverless community. Java is known for its high cold start times and high memory footprint, comparing to other programming languages like Node.js and Python. In this talk I'll look at the general best practices and techniques we can use to decrease memory consumption, cold start times for Java Serverless development on AWS including GraalVM (Native Image) and AWS own offering SnapStart based on Firecracker microVM snapshot and restore and CRaC (Coordinated Restore at Checkpoint) runtime hooks. I'll also provide a lot of benchmarking on Lambda functions trying out various deployment package sizes, Lambda memory settings, Java compilation options and HTTP (a)synchronous clients and measure their impact on cold and warm start times.
The Microsoft 365 Migration Tutorial For Beginner.pptxoperationspcvita
This presentation will help you understand the power of Microsoft 365. However, we have mentioned every productivity app included in Office 365. Additionally, we have suggested the migration situation related to Office 365 and how we can help you.
You can also read: https://www.systoolsgroup.com/updates/office-365-tenant-to-tenant-migration-step-by-step-complete-guide/
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/temporal-event-neural-networks-a-more-efficient-alternative-to-the-transformer-a-presentation-from-brainchip/
Chris Jones, Director of Product Management at BrainChip , presents the “Temporal Event Neural Networks: A More Efficient Alternative to the Transformer” tutorial at the May 2024 Embedded Vision Summit.
The expansion of AI services necessitates enhanced computational capabilities on edge devices. Temporal Event Neural Networks (TENNs), developed by BrainChip, represent a novel and highly efficient state-space network. TENNs demonstrate exceptional proficiency in handling multi-dimensional streaming data, facilitating advancements in object detection, action recognition, speech enhancement and language model/sequence generation. Through the utilization of polynomial-based continuous convolutions, TENNs streamline models, expedite training processes and significantly diminish memory requirements, achieving notable reductions of up to 50x in parameters and 5,000x in energy consumption compared to prevailing methodologies like transformers.
Integration with BrainChip’s Akida neuromorphic hardware IP further enhances TENNs’ capabilities, enabling the realization of highly capable, portable and passively cooled edge devices. This presentation delves into the technical innovations underlying TENNs, presents real-world benchmarks, and elucidates how this cutting-edge approach is positioned to revolutionize edge AI across diverse applications.
Discover top-tier mobile app development services, offering innovative solutions for iOS and Android. Enhance your business with custom, user-friendly mobile applications.
Introduction of Cybersecurity with OSS at Code Europe 2024Hiroshi SHIBATA
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
Skybuffer SAM4U tool for SAP license adoptionTatiana Kojar
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyScyllaDB
Freshworks creates AI-boosted business software that helps employees work more efficiently and effectively. Managing data across multiple RDBMS and NoSQL databases was already a challenge at their current scale. To prepare for 10X growth, they knew it was time to rethink their database strategy. Learn how they architected a solution that would simplify scaling while keeping costs under control.
Have you ever been confused by the myriad of choices offered by AWS for hosting a website or an API?
Lambda, Elastic Beanstalk, Lightsail, Amplify, S3 (and more!) can each host websites + APIs. But which one should we choose?
Which one is cheapest? Which one is fastest? Which one will scale to meet our needs?
Join me in this session as we dive into each AWS hosting service to determine which one is best for your scenario and explain why!
5th LF Energy Power Grid Model Meet-up SlidesDanBrown980551
5th Power Grid Model Meet-up
It is with great pleasure that we extend to you an invitation to the 5th Power Grid Model Meet-up, scheduled for 6th June 2024. This event will adopt a hybrid format, allowing participants to join us either through an online Mircosoft Teams session or in person at TU/e located at Den Dolech 2, Eindhoven, Netherlands. The meet-up will be hosted by Eindhoven University of Technology (TU/e), a research university specializing in engineering science & technology.
Power Grid Model
The global energy transition is placing new and unprecedented demands on Distribution System Operators (DSOs). Alongside upgrades to grid capacity, processes such as digitization, capacity optimization, and congestion management are becoming vital for delivering reliable services.
Power Grid Model is an open source project from Linux Foundation Energy and provides a calculation engine that is increasingly essential for DSOs. It offers a standards-based foundation enabling real-time power systems analysis, simulations of electrical power grids, and sophisticated what-if analysis. In addition, it enables in-depth studies and analysis of the electrical power grid’s behavior and performance. This comprehensive model incorporates essential factors such as power generation capacity, electrical losses, voltage levels, power flows, and system stability.
Power Grid Model is currently being applied in a wide variety of use cases, including grid planning, expansion, reliability, and congestion studies. It can also help in analyzing the impact of renewable energy integration, assessing the effects of disturbances or faults, and developing strategies for grid control and optimization.
What to expect
For the upcoming meetup we are organizing, we have an exciting lineup of activities planned:
-Insightful presentations covering two practical applications of the Power Grid Model.
-An update on the latest advancements in Power Grid -Model technology during the first and second quarters of 2024.
-An interactive brainstorming session to discuss and propose new feature requests.
-An opportunity to connect with fellow Power Grid Model enthusiasts and users.
In the realm of cybersecurity, offensive security practices act as a critical shield. By simulating real-world attacks in a controlled environment, these techniques expose vulnerabilities before malicious actors can exploit them. This proactive approach allows manufacturers to identify and fix weaknesses, significantly enhancing system security.
This presentation delves into the development of a system designed to mimic Galileo's Open Service signal using software-defined radio (SDR) technology. We'll begin with a foundational overview of both Global Navigation Satellite Systems (GNSS) and the intricacies of digital signal processing.
The presentation culminates in a live demonstration. We'll showcase the manipulation of Galileo's Open Service pilot signal, simulating an attack on various software and hardware systems. This practical demonstration serves to highlight the potential consequences of unaddressed vulnerabilities, emphasizing the importance of offensive security practices in safeguarding critical infrastructure.
Monitoring and Managing Anomaly Detection on OpenShift.pdfTosin Akinosho
Monitoring and Managing Anomaly Detection on OpenShift
Overview
Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices.
Key Topics Covered
1. Introduction to Anomaly Detection
- Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems.
2. Understanding Edge (IoT)
- Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source.
3. What is ArgoCD?
- Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices.
4. Deployment Using ArgoCD for Edge Devices
- Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD.
5. Introduction to Apache Kafka and S3
- Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions.
6. Viewing Kafka Messages in the Data Lake
- Learn how to view and analyze Kafka messages stored in a data lake for better insights.
7. What is Prometheus?
- Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices.
8. Monitoring Application Metrics with Prometheus
- Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system.
9. What is Camel K?
- Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes.
10. Configuring Camel K Integrations for Data Pipelines
- Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow.
11. What is a Jupyter Notebook?
- Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text.
12. Jupyter Notebooks with Code Examples
- Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Using Sencha Touch to build Cross-platform HTML5 Apps - FITC Screens 2011
1. Using the Sencha Touch for Building
Cross-Platform HTML5 Mobile
Applications
Presenters:
Mukul Seth
Nathaniel Bagnell
2. Agenda
› Who we are and what we do
› The Current HTML5/CSS3 Landscape
› Why Sencha Touch?
› Getting Started
› Working with Views and Data- Demo
› Theming in Sencha Touch - Demo
› Q/A
4. Who we are
Mukul Seth Nathaniel Bagnell
Interactive Developer, Interactive Developer,
Digiflare Inc. Digiflare Inc.
5. What we do
› Browser - HTML5, Branded Websites
› iOS – Mobile and Tablet
› Android – Mobile and Tablet
› Windows Phone 7, Windows Tablet
› BB6, BB7, PlayBook, WebKit, AIR, QNX
› Microsoft Xbox Kinect
› Google TV
› more…
17. Getting Started
› What makes a Sencha Touch Application?
› index.html
› App.js
› sencha touch libs (js files)
› sencha touch resources (images/css/etc…)
› Your js/css files and other
assets(images, fonts, etc…)
22. Working with Views
› Basic Sencha Touch Controls
› View/Control Creation
› View/Control Definitions
› View/Control Customization
› Layout Types
› Method overrides
› Sencha Touch Kitchen Sink (Sample App)
› will be one of your best friends
23. Basic Sencha Touch Controls
› Component – Essentially an HTML Container
› Panel – Complex container, supports child items
› List – Most commonly used DataView control
› Button – pretty self-explanatory
› TabPanel – A specialized panel, allows to easily
switch between child items using Tabs
› Carousel – A specialized panel, allows to easily
switch between child items using swipe gestures
32. Working with Data
› Data Models – define data schema
› LocalStorage proxy example
› Data Stores – manage/store data instances
› Manipulating Data and Stores
› Binding data to DataView Controls (i.e. Lists)
39. Introduction to Sass and Compass
› Sencha uses CSS, accompanied by Sass and
Compass to help theme Sencha apps
› Sass and gives you the ability to dynamically
define CSS files, making your code much easier to
maintain
› Compass is a CSS framework for SASS that gives
you set of predefined “mixins” to help make
common CSS (and CSS3) much easier to produce
40. Introduction to Sass and Compass
› Sass allows you to use things like variables,
“mixins” (essentially functions), Nested
Rules, Expressions, and Control Structures
› If this sounds familiar, you may be thinking
about LESS. LESS is very similar to Sass with
just a few differences
41. Getting Started with Sass and Compass
› If you don’t have Ruby and the RubyGems
package manager, download Ruby 1.9.3,
which includes RubyGems
› Ruby comes bundled with the mac, but most likely
not version 1.9.3.
› Windows users can download an installer package
at http://rubyinstaller.org/
42. Getting Started with Sass and Compass
› Run the following commands:
› gem install sass
› gem install compass
› If all goes well, you have Sass and Compass!
› Note: You may need to run your
console/command prompt as an administrator
43. Getting Started with Sass and Compass
› To quickly create a new project, set your console
to the directory you wish to have your stylesheet
assets placed and run the following command:
› compass create
› Compass should have created a directory
structure with some .SCSS and .SCSS files.
› This directory structure nearly replicates the
Sencha Touch directory structure
44. Getting Started with Sass and Compass
› What you want to do is have Compass “watch”
the directory your .SCSS files are in. To do this:
› set your console to the directory with .SCSS files
› Run the command: compass watch
› Compass and Sass will keep “watch” so long as the
console is open
› Once you change a .SCSS file, Compass and Sass
will parse it automatically and place the parsed
.CSS file in the appropriate directory
45. Sass Example: Variables
› Sass variables are declared with a dollar sign ($) and
assigned a value with the colon (:)
› You can then place the variable wherever you
please, it will be parsed and outputted to your .CSS
file accordingly
46. Sass Example: “Mixins”
› A mixin is essentially code that you want to have re-used
throughout the stylesheet
› You define your mixin with the @mixin keyword followed by a name of your choice
› To call a mixin, simply place it in the body of the selection you wish to apply it to
47. Sass Example: “Mixins” Continued
› A mixin can take arguments too! You can define your parameters
within the parentheses
› You can specify default values to make certain parameters optional
49. Sass Example: Nested Rules Continued
› You can also nest same-type properties as you
may have noticed a few slides back
50. Sass Example: Expressions
› Sass can parse expressions that you may need
› Yet another flashback, take a look at the ‘size’
attribute
51. Sass Example: Control Structures
› You can define four types of control structures
within your Sass document.
› They are @if, @for, @each, and @while
54. What’s Compass About Then?
› Compass is a extends Sass with a whole bunch of
additional modules filled with useful mixins and
helper functions
› Generic Helper functions
› Utility mixins
› CSS3 mixins
› Layout mixins
› Reset mixins
› Typography mixins
55. Sass + Compass in Sencha Tocuh
› Sass & Compass are no different in Sencha
Touch
› The directory structure Sencha uses to store
Stylesheet files is nearly identical to what
Compass gives you when you create a
Compass project
56. Sass + Compass in Sencha Tocuh
› The one notable addition
is the themes directory
› This directory contains
the Sencha-specific
assets such as mixins,
icons, base templates,
etc. that are available to
all of your themes
57. How things come together
› sencha-touch.css is a basic theme file that
brings in all the mixins and utilizies their
respective variable values for things like
colours, paddings for buttons, etc.
58. How things come together
› You don’t need to include all of the mixins if you know you’re
not going to use them
› Each mixin will contain base style properties, which you can
override by reassigning the appropriate variable in the
sencha-touch.css file
59. Creating Themes
› Sencha comes with a few themes for you to use, they are an
Apple theme, BlackBerry Theme, Android Theme, and then
their base Sencha theme
› Let’s modify an existing theme to see how easy it is to change
the appearance of your application
60. Creating Themes
› Let’s modify the Apple theme
› In the Apple.scss file, there are several variables that have been
defined. These variables are used in their respective mixin, e.x. the
variable $tabs-dark: #111; will be used in the tabs mixin
› We can change any variable in any mixin that we please, all we
need to do is reassign them with our desired value at the top of our
theme’s .scss file
› If you want to make a global change that will be
applied to any theme that utilizes the respective
mixin, just change the default value in the mixin’s .scss
file
61. Creating Themes
› Creating themes in Sencha is very simple once you
understand the workings of Sass and Compass
› There’s many variables that you can change in Sencha, their
API Documentation contains a list of all the variables and
where they are stored
› In addition to the variables, the documentation also contains
all Sencha-specific mixins available to you as well
62. Where to go from here?
› Sencha Project Homepage › Compass Homepage
› http://www.sencha.com/ › http://www.compass-style.org/
› API Docs/Samples/Help/Tutorials › Digiflare Homepage
› http://docs.sencha.com/touch/2-0/ › http://www.digiflare.com
› Sass Homepage › Digiflare Twitter
› http://www.sass-lang.com/ › @Digiflare
-When people talk about an HTML5 application, it really involves 3 things-HTML5-But it also involves utilizing CSS3 to create some snazzy looking interfaces and using Javascript APIs and libraries to power the interactivity and functionality of the app-In fact a lot of the new HTML5 elements have JavaScript APIs that you need to use in order to harness the power of that element-When you look at what sorts of functionality the HTML5 spec covers, you’ll understand why you need to leverage JavaScript.-The specification is so big that it’s grouped into 8 technology areas
-Performance for things like JavaScript-Semantics for the new attributes and tags to describe your document-Styling which includes things like CSS and typography-Multimedia for elements such as our new Video and Audio-3D effects which are possible through Canvas and SVG elements-Offline and Storage for creating apps that don’t need to be connectived-Connectivity encompasses things like web sockets and server sent requests-Device access which refers to things like geo location, accessing the web cam and microphone-One thing to keep in mind is that this chart represents the intended future state of HTML5-Not all of these features are available now
Show Kitchen Sink
Show Kitchen Sink – with Source Code example
Show Kitchen Sink – with Source Code example
With Sass and Compass, so much is possible to make your lives easier when coding complex CSS. Some examples include variables, mixins (which are essentially functions), nested rules, expression evaluation, namespaces, and control structures, all of which have a scope.These are some of the high level branches of what Sass offers and within those branches are often a respectable amount of capabilities, so much that we cannot cover all of them today.That said, Sass may sound familiar, you may think it sounds like LESS. With Sass Vs. LESS, there's only Minor Syntax Differences and Dynamic Implementation Method. Sass is done Server Side through Ruby, where as LESS is done Client Side through JavaScript. That said though, both can be parsed locally during development. Both can be parsed locally during development.Since we’re dealing with Sencha, and Sencha uses Sass, we’ll only talk about Sass.
Watching can also be done via Sass, but the Compass command is simpler and just as effective.
You define variables in Sass with the dollar and then assign a value with the colon.Supported Data Types include numbers, strings of text (with and without quotes), color values (hex, name, and RGBA), booleans, and a lists of values.
Mixins allow you to define blocks of code that can be re-used. For example, if you were to http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins
You can nest rules inside other rules to automatically inherit the parent’s selector. This helps eliminate the repetition of parent selectors to target something within the parent. http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#nested_rules
You can nest rules inside other rules to automatically inherit the parent’s selctor. This helps eliminate the repetition of parent selectors to target something within the parent.http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#nested_rules
Sass has support for four basic control structures, those being if, for, each and while. If is a conditional control structure, where as the others are loops.http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#control_directives
In this example, we utilized everything we looked at individually. This is a mixin called LinkBuilder that will build a set of a tags along with their respective seduo-states.
After we’ve built our mixin, we can “include” it in our CSS document like shown above. The first include will just generate a:* tags, however the second @include is nested in the nav { } block, thus every generated item from our mixin will have the ‘nav’ leading in their selector.
Now that we looked at Sass, you may be asking – Okay, but where’s Compass? Well, Compass is a CSS Authoring Framework that extends Sass and provides a variety of useful modules that contain a wide selection of useful functions (mixins) and Layout helpers include sticky footers, grid backgrounds and stretching boxes. I’ve used a couple already in some previous examples, i.e. in our most recent one I was using the ‘scale-lightness’ helper function.Since there are so many, we can’t look at them all in depth today, however we can look at a few I’ve utilized in the demo page (reset and the border-radius).Also, as a note, there’s other Libraries/Frameworks available for you to utilize that are made to extend Sass, for example there’s one called Zocial (with a Zed) that is utilized to just make CSS3 Social Buttons and Icons. Since you can run these locally during your development if you choose, there’s really no overhead and thus no reason why you shouldn’t give it a shot.http://compass-style.org/reference/compass/DECIDE IF YOU WANT TO MAKE A SLIDE FOR EACH OF THEM.
The only differences are a few additional config files that allow you to control the output for the CSS grade that is being generated (debug/dev and production). Also, there’s a folder called “themes”. In this folder is where all of the
The only differences are a few additional config files that allow you to control the output for the CSS grade that is being generated (debug/dev and production). Also, there’s a folder called “themes”. In this folder is where all of the
You see that in the sencha-touch.css we have an import directive that essentially adds in base CSS code, and then following that we have a handful of mixins, which are appropricately named relative to the actual UI component’s name that Sencha Touch uses.
You don’t need to include all of the mixins if you know you’re not going to use them, you can pick and choose
You don’t need to include all of the mixins if you know you’re not going to use them, you can pick and choose
You don’t need to include all of the mixins if you know you’re not going to use them, you can pick and choose
You don’t need to include all of the mixins if you know you’re not going to use them, you can pick and choose