Don't be fooled, CSS3 isn't the future, it's the present, and is ripe for the pickin' and is ready to respond to display your sites in multiple devices right now.
CSS3 isn't the future, it's the present, and is ripe for the pickin' and is ready to respond to display your sites in multiple devices right now. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
CSS3 isn't the future, it's the present, and is ripe for the pickin' and is ready to respond to display your sites in multiple devices right now. Presented at Web 2.0 Expo New York 2011.
CSS3 isn't the future, it's the present, and is ready to respond to display your sites in multiple devices right now. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
Developers keep hearing a lot about HTML5, but many don’t know what it actually means or is truly capable of. In this deep dive you will learn how to use HTML5 to solve existing challenges on the web and how to design and develop stunning HTML5 application. You will also preview HTML5 application runs cross platforms, in the desktop browsers as well as on the Phones. What will be covered in the session:
• Introduction to CSS3, Canvas, SVG, Video, and Audio
• What is the real potential of HTML5 using CSS3, Canvas, SVG, Video, Audio, and JavaScript?
• Canvas and SVG comparison, and when to use what
• Best Practices of writing good HTML5 application
• Come and see a collection of the best HTML5 application on Games, Videos, Movies, Comics, Travel, Music and Art
• Expect a lot of demos and code
Presentation and demo will be available at http://blogs.msdn.com/b/dorischen/
CSS3 isn't the future, it's the present, and is ripe for the pickin' and is ready to respond to display your sites in multiple devices right now. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
CSS3 isn't the future, it's the present, and is ripe for the pickin' and is ready to respond to display your sites in multiple devices right now. Presented at Web 2.0 Expo New York 2011.
CSS3 isn't the future, it's the present, and is ready to respond to display your sites in multiple devices right now. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
Developers keep hearing a lot about HTML5, but many don’t know what it actually means or is truly capable of. In this deep dive you will learn how to use HTML5 to solve existing challenges on the web and how to design and develop stunning HTML5 application. You will also preview HTML5 application runs cross platforms, in the desktop browsers as well as on the Phones. What will be covered in the session:
• Introduction to CSS3, Canvas, SVG, Video, and Audio
• What is the real potential of HTML5 using CSS3, Canvas, SVG, Video, Audio, and JavaScript?
• Canvas and SVG comparison, and when to use what
• Best Practices of writing good HTML5 application
• Come and see a collection of the best HTML5 application on Games, Videos, Movies, Comics, Travel, Music and Art
• Expect a lot of demos and code
Presentation and demo will be available at http://blogs.msdn.com/b/dorischen/
An introduction and demonstration of graphics and animation techniques using canvas and CSS3 working in concert in webkit with html5. Targeted for Palm webOS devices, but compatible with other webkit implementations.
10 Advanced CSS Techniques (You Wish You Knew More About)Emily Lewis
Presentation for Webuquerque's November 2, 2011 event.
Practical examples of some of the latest CSS 3 techniques (and a few often-forgotten CSS 2.1 ones) including: image-free gradients and text shadows, attribute selectors, transitions and transforms, and media queries
Recent implementation of CSS3 features in modern browsers allow for greater design control and creativity in our Web sites.
In this three-hour workshop, attendees will learn about using colors through RGBa and opacity, multiple background and border images, text and box shadows, CSS-enabled gradients and transitions as well as laying out text in multiple columns.
In addition to font embedding techniques and third-party font bureaus, we look into designing with older browsers in mind when coding with CSS3.
Vector Graphics on the Web: SVG, Canvas, CSS3Pascal Rettig
An overview of the current state of Vector graphics on the web, why we would want to use them, what the options are. Presented to the Boston Ruby group at the January 2011 meeting.
Sara Soueidan: Styling and Animating Scalable Vector Graphics with CSS [CSSCo...Guillaume Kossi
Scalable Vector Graphics, or SVGs, are the new "big thing" in web design today, and for a good reason. With the proliferation of retina screens and high resolution displays, we need to adopt techniques that allow us to serve graphics that look good on all screens in all circumstances, and because SVGs offer resolution-independent, fully scalable and crystal clear graphics, it is safe to say that they are the future graphics format of the web.
In this talk we're going to see how SVGs can be styled in CSS, and how they can be animated using CSS animations and transitions. We're also going to cover "responsifying" SVGs using CSS media queries, and how we can control the size and looks of SVGs allowing them to adapt to different screen sizes. We'll cover a short workflow from a vector graphics editor to a responsive animated graphic on screen.
DojoX GFX Keynote Eugene Lazutkin SVG Open 2007Eugene Lazutkin
Eugene Lazutkin's keynote on DojoX GFX at SVG Open 2007.
(The seminar notes are here: http://www.slideshare.net/elazutkin/dojox-gfx-session-eugene-lazutkin-svg-open-2007/)
An introduction and demonstration of graphics and animation techniques using canvas and CSS3 working in concert in webkit with html5. Targeted for Palm webOS devices, but compatible with other webkit implementations.
10 Advanced CSS Techniques (You Wish You Knew More About)Emily Lewis
Presentation for Webuquerque's November 2, 2011 event.
Practical examples of some of the latest CSS 3 techniques (and a few often-forgotten CSS 2.1 ones) including: image-free gradients and text shadows, attribute selectors, transitions and transforms, and media queries
Recent implementation of CSS3 features in modern browsers allow for greater design control and creativity in our Web sites.
In this three-hour workshop, attendees will learn about using colors through RGBa and opacity, multiple background and border images, text and box shadows, CSS-enabled gradients and transitions as well as laying out text in multiple columns.
In addition to font embedding techniques and third-party font bureaus, we look into designing with older browsers in mind when coding with CSS3.
Vector Graphics on the Web: SVG, Canvas, CSS3Pascal Rettig
An overview of the current state of Vector graphics on the web, why we would want to use them, what the options are. Presented to the Boston Ruby group at the January 2011 meeting.
Sara Soueidan: Styling and Animating Scalable Vector Graphics with CSS [CSSCo...Guillaume Kossi
Scalable Vector Graphics, or SVGs, are the new "big thing" in web design today, and for a good reason. With the proliferation of retina screens and high resolution displays, we need to adopt techniques that allow us to serve graphics that look good on all screens in all circumstances, and because SVGs offer resolution-independent, fully scalable and crystal clear graphics, it is safe to say that they are the future graphics format of the web.
In this talk we're going to see how SVGs can be styled in CSS, and how they can be animated using CSS animations and transitions. We're also going to cover "responsifying" SVGs using CSS media queries, and how we can control the size and looks of SVGs allowing them to adapt to different screen sizes. We'll cover a short workflow from a vector graphics editor to a responsive animated graphic on screen.
DojoX GFX Keynote Eugene Lazutkin SVG Open 2007Eugene Lazutkin
Eugene Lazutkin's keynote on DojoX GFX at SVG Open 2007.
(The seminar notes are here: http://www.slideshare.net/elazutkin/dojox-gfx-session-eugene-lazutkin-svg-open-2007/)
Your inner critic is an unconscious deterrent that stands between the seeds of great ideas and the fruits of achievement, keeping you stuck by telling you you’re just faking it, that others have more talent, that you’ll never achieve the success you seek. Let's discover how to anatomize this pernicious inner force, and then learn techniques to banish this critic so that you can have the mental space and energy to let your true talents emerge -- and help you be a badass with your work.
There's a movement brewing built upon leveraging the transformative power of creativity to help us work and create better so that we can produce work infused with meaning. Discover how by knowing your Why, instilling tiny habits to cultivate your creative spark, and finally, fomenting creative collaboration based on the tenets of improv and open spaces, you can take the spark of Creativity (R)Evolution and use it as the impetus to push you, your teams, and your companies to create Betterness.
This is a natural dry river bed that we designed and built. We also designed and engineered the deck, which the homeowners then built themselves. This has been a very exciting project for us since we started it 4 years ago.
The Creativity (R)Evolution - UX Week 2014Denise Jacobs
There's a movement brewing built upon leveraging the transformative power of creativity to help us work and create better so that we can produce work infused with meaning. Discover how by instilling tiny habits to cultivate your creative spark, and finally, fomenting creative collaboration based on the tenets of improv and open spaces, you can take the spark of Creativity (R)Evolution and use it as the impetus to push you, your teams, and your companies to create Betterness.
Everyone is falling in love with CSS3, and no small wonder. Learn how to use popular CSS3 properties of the future while respecting the browsers of the past.
Blogs have a 95% failure rate according to a study by the New York Times. If you are serious about your blog and want to stay out of the graveyard, you need to look at this.
A presentation for the 7th Casa Thomas Jefferson Seminar in Brailia-DF-Brazil. Having been teaching EFL for 20 years, after I learned more about Web 2.0 and the use of technology in the classroom I suddenly realized all I had learned throughout the years was nothing but a PIECE of SKy. I used the movie YENTL as the main source of inspiration because its central idea is the fact that NOTHING is impossible.
InnoGage EduWeb Conference UGC - Tapping The PowerTom Williams
Want to supercharge your marketing? Why not let your students be your voice! Find out how attracting User Generated Content (UGC) adds authenticity, creativity and saves a ton of money.
CSS3 isn't the future, it's the present. Learn the gamut of CSS3 properties from colors, web fonts, and visual effects, to transitions, animations and media queries. Find the inspiration and resources to go forth and implement the new properties with confidence.
Presentation for Department of Veteran Affairs
Learn the essentials of HTML5
• HTML5 Semantics
• Accessibility and ARIA
• CSS3 Styles and Animations
• Advanced Web APIs
• How to adapt your website for N-screens TV, PC, Mobile and Tablets
Good CSS troubleshooting skills are important to decrease your workload and help you work better with others. Tips for clean code and targetting, as well as solutions to modern browser bugs are covered.
HTML5 and CSS3 offer some great features that everyone is clamoring to use. However, not everyone can simply rip apart their site and redo all of their markup and styling across the board. There are some quick wins, especially with CSS3, to be had that you can integrate into your site without rewriting your whole entire site.
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....Aidan Foster
This presentation was originally presented at Drupal Camp Toronto, 2012.
To view the video cast of this presentation visit http://fosterinteractive.com/blog/responsive-design-case-study
-----DESCRIPTION-----
responsivedesign.ca was launched in February of 2012, and it was well received. It was our first mobile-first responsive site. We built it quickly and knew it wasn’t perfect, but the game plan was to launch early and incrementally improve the site over time.
It’s not even a year later we use whole new workflows, creative design methods, modules, and development tools in our responsive websites. This talk will highlight how we created the original project and what we’ve since learned regarding workflow and development including:
Responsive Images Modules
Creative Concept Development
Device vs. Natural Breakpoints
SASS / Compass + Mixins we use
Dealing with IE
Benchmarking
----- Originally Presented at Drupal Camp Toronto 2012 -----
http://2012.drupalcamptoronto.org/sessions/a-responsive-design-case-study-what-we-did-wrong-building-responsivedesignca-and-how-we-fix
Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
How to Have Difficult Conversations With Confidence - MTP Digital 2020Denise Jacobs
Sometimes it’s difficult to have the self-assurance needed to tackle having some of the difficult conversations that are part and parcel of your work – particularly with the high level of Impostor syndrome that many product managers experience.
It turns out that silencing the inner critic is part of the foundation for cultivating the courage needed to have difficult conversations with more confidence. As a bonus, getting rid of the mean inner voice additionally enhances creative problem-solving, innovative thinking, and collaboration skills – three items that Product Managers have to use everyday.
In this session, we’ll first identify the ways in which the inner critic weakens our nerve to tackle head-on the conversations that we need to have. Then, we’ll explore powerful mental reframes and tools for reducing self-doubt, dealing with impostor syndrome, and recognizing cognitive distortions. Finally, we’ll address some of the most common difficult conversations such as giving and receiving feedback, getting teams in alignment with each other, dealing with execs, and saying no, and tools to facilitate each.
There are certain conversations that will always provoke anxiety. However, the tools and practices shared in this session will put you on the path to honing interpersonal skills, developing resilience, and increased self-awareness.
Overcome Self-Doubt to Amplify Your Impact and Create a Better World - GSLA 202Denise Jacobs
During these unprecedented times, we are particularly susceptible to The Inner Critic, that internal voice of self-doubt and judgement. Fortunately, there are effective ways to banish the inner critic so that we can be better to ourselves so that we can step into our power, amplify our impact, and create the changes we want to see in the world.
In this session, we'll also look at how amping up self-care enables us to give more to others, the power of compassion and how it helps us get to self-compassion, tapping into our imagination to envision what we want to create, and to how we to tap into our passion to contribute positively to the world when our communities and the world need our brilliance the most.
During these unprecedented times, we are particularly susceptible to our own Inner Critic.
It's that voice of self-doubt that tells us that we aren't doing enough and that everyone is more successful and productive during the pandemic than we are.
Fortunately, there are effective ways to banish your inner critic so that you can be better to yourself and still show up powerfully to meet the needs around you.
In this webinar, Denise Jacobs will share useful and effective tools to start to decrease the levels of anxiety that may be plaguing you. We'll also look at ways to tone down the tendency to compare ourselves with others (or to an unreachable "ideal"), ways to reframe language and transform self-talk to be more supportive, and to how we to tap into our passion to contribute positively to the world when our communities and constituents need our brilliance the most.
Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough to share and that you are expert enough to speak.
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic – Stanford HCI Group 2020Denise Jacobs
During these unprecedented times, we are particularly susceptible to The Inner Critic, that voice of self-doubt that tells us that we aren't doing enough and that everyone is more successful and productive during the pandemic than we are. Fortunately, there are effective ways to manage the inner critic so that we can be better to ourselves and still show up powerfully.
In this session, Denise will share useful and effective tools to decrease the levels of anxiety. We'll also look at ways to tone down the tendency to compare ourselves with others (or to an unreachable "ideal"), ways to reframe language and transform self-talk to be more supportive, and tactics to overcome impostor syndrome, perfectionism, and unblock creativity.
Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Co-Create: Creating Better Together - Clarity Conference 2019Denise Jacobs
Despite the prevalent mythology of the lone creative genius, many of the most innovative contributions spring from the creative chemistry of a group and the blending of everyone’s ideas and concepts. How can we best leverage this collective wisdom to generate creative synergy and co-create? Let’s look at the process of recognizing and removing our personal creative blocks, connecting and communicating with others, combining ideas using play, and constructing a collaborative environment to discover effective methods for tapping into a group’s creative brilliance. Through these steps, you’ll learn to capitalize on the super-linearity of creativity to embrace and leverage diversity to create better together.
Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019Denise Jacobs
Creativity is a super power, but many don't heed the call. Discover how you can get in touch with the greatness inside you and the five part quest to embark upon to be able to access and develop your creative superpowers . By the end, you'll have a roadmap for how to get unstuck and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Hack Your Productivity and Elevate PerformanceDenise Jacobs
Transform Self-Talk to Elevate Performance and Skyrocket Success
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there were simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic v2.0: Swipe Left! - Adobe Max 2018Denise Jacobs
The Inner Critic is the main source of our biggest our ability to perform at our best. Fortunately, there were simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the 3 mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to both get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
The Creativity (R)Evolution – CMX Summit 2018Denise Jacobs
There’s a movement brewing built upon leveraging
the transformative power of creativity to help us work and create better so that we can produce work infused with meaning. Discover how by knowing your why, instilling tiny habits to cultivate your creative spark, and finally, fomenting creative collaboration based on the tenets of improv, you can take the spark of Creativity (R)Evolution and use it as the impetus to push you, your teams, and your companies to create Betterness.
Research shows that self-talk is not only a key component to thinking and processing information, but is also how we build our ideas of who we are. This means that when self-talk goes awry, it’s the main source of our biggest block to creativity: the Inner Critic.
What if there were simple and effective ways to change our self-talk for the better and banish the inner critic in order to do our best work as contributors, collaborators, and leaders? Fortunately, there are! First, you’ll discover the 3 mental power tools that we already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.” By the end, you’ll have a roadmap of how to both get unstuck and channel your
creativity as a force for positive change in the world.
Co-Create: Creating Better Together - DevCamp Brazil 2018Denise Jacobs
Despite the prevalent mythology of the lone creative genius, many of the most innovative contributions spring from the creative chemistry of a group and the blending of everyone’s ideas and concepts. How can we best leverage this collective wisdom to generate creative synergy and co-create? Let’s look at the process of recognizing and removing our personal creative blocks, connecting and communicating with others, combining ideas using play, and constructing a collaborative environment to discover effective methods for tapping into a group’s creative brilliance. Through these steps, you’ll learn to capitalize on the super-linearity of creativity to embrace and leverage diversity to create better together.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
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:
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfPeter Spielvogel
Building better applications for business users with SAP Fiori.
• What is SAP Fiori and why it matters to you
• How a better user experience drives measurable business benefits
• How to get started with SAP Fiori today
• How SAP Fiori elements accelerates application development
• How SAP Build Code includes SAP Fiori tools and other generative artificial intelligence capabilities
• How SAP Fiori paves the way for using AI in SAP apps
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
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.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
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.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
2. Simple & Responsive Tweets
Who I am:
@denisejacobs
This fine event:
@parisweb #parisweb
I’m talking about:
#css3sr
2
3. A little about me
Denise R. Jacobs is an author, speaker,
design thinker, and educator. She is
the author of The CSS Detective
Guide, and is a co-author for InterAct
with Web Standards: A Holistic
Approach to Web Design. She is a
Consultant Web Design Trainer and
Creativity Evangelist based in Miami,
Florida.
3 CSSDetectiveGuide.com & InterActWithWebStandards.com
8. Start here…
1. Know Your CSS3
• Getting started
• What’s new
• Rules of the road
• Helping tools and scripts
• Properties
• Standard effects
• Advanced effects
• Selectors
8
9. …Continue here
2. Get Responsive
• Shift your brain
• Mobile first
• Watch out
• 3 components
• Flexible grid
• Flexible images
• Media queries
9
10. …And end here!
2. Becoming Responsive (cont’d)
• 4 Steps
• Plan your design
• Crunch the numbers
• Determine the breaking points
• Add media queries
3. Resources
10
12. What’s New in CSS3?
CSS3 is the third generation of the CSS
specification recommendations from the
W3C.
In CSS3 there are new selectors, pseudo-
elements and classes, properties, and
values specifically created to answer the
needs and solve the problems of modern
web design and development.
12
13. CSS3 Modularity
CSS3 has been broken up into different
unique modules. This means is that, for
example, the particular CSS properties and
values for layout is grouped into one
specific module.
13
14. CSS3 Modularity: Benefits
• Browser producers can now implement
CSS3 module by module
• Speeds up the browser implementation
process
• Encourages innovation
14
15. The CSS3 Modules
• Template Layout • Values and Units
• Backgrounds and Borders • Web Fonts
• Ruby • Behavioral Extensions to CSS
• Basic User Interface • Line Layout
• Basic Box Model • Flexible Box Layout
• Grid Positioning • Image Values
• Speech • 2D Transformations
• Marquee • Multi-column Layout
• Style Attribute Syntax • 3D Transformations
• Cascading and Inheritance • Namespaces
• Color • Transitions
• Fonts • Animations
• Text • View Module
• Generated Content for Paged • Media Queries
Media • Paged Media
• Generated and Replaced • Selectors
Content
15
16. Resources: New in CSS3
http://www.w3.org/TR/tr-groups-all#
tr_Cascading_Style_Sheets__CSS__
Working_Group
16
17. Colors in CSS3: RGB
• Regular RGB
rgb(x, x, x):
ex. rgb(255, 0, 0)
• RBG with alpha-opacity
rgba(x, x, x, y):
An RGB value
ex. rgba(255, 0, 0, 0.2)
17
18. RGBA Color
Alpha opacity:
0.0 = 0% = no opacity
1.0 = 100% = full opacity
18
19. Colors in CSS3: HSL
HSL stands for hue, saturation, and
luminosity (lightness)
• Regular HSL
hsl(x%, x%, x%):
ex. hsl(0, 100%, 50%)
• HSL with alpha-opacity
hsla(x%, x%, x%, y):
ex. hsla(0, 100%, 50%, 0.5)
19
20. HSL Color Wheel
0º – Red
60º – Yellow
120º – Green
180º – Cyan
240º – Blue
300º – Magenta
20
21. HSL Color Picker Tool
http://www.workwithcolor.com/hsl-color-picker-01.htm
21
22. Getting Started with
CSS3:
The Rules of the Road
22 http://www.flickr.com/photos/ilike/3707503212/
24. The Scoop
• Many properties are browser-specific,
requiring vendor prefixes
• Plus there is a standard property
• There are syntax differences between
browser-specific properties and the
standard property
• All of this causes an increase in the amount
of CSS
24
27. None of the older IEs support CSS3
…as in “not any.”
6 7 8
27 http://www.flickr.com/photos/johnsnape/4258191545/
28. IE9 now supports CSS3
…But still not as fully as
the other browsers
yet.
28
29. Resources: IE9 CSS3 support
http://msdn.microsoft.com/en-
us/ie/ff468705.aspx#_Web_standards_sup
port
http://msdn.microsoft.com/en-
us/library/cc351024%28v=vs.85%29.aspx
http://www.impressivewebs.com/css3-
support-ie9/
29
30. Tools you’ll need:
1. CSS3 Property browser support charts
2. CSS3 Selector browser support charts
3. CSS3 Specifications
4. All browsers to test in and/or
cross-browser testers
30
32. CSS3 Selector browser support charts
http://www.standardista.com/css3/
css3-selector-browser-support
32
33. The CSS3 Specifications
The CSS3 Specifications are THE resource for
finding out exactly is the intented behavior
and use of any given property.
http://www.w3.org/standards/techs/
css#w3c_all
33
38. How can we achieve compatibility?
38 http://www.flickr.com/photos/barretthall/205175534/
39. Steps to get as close as possible
1. Leverage source order
2. Filter it
3. Let tools do all of the work
39
40. Leverage source order
• Place default properties first
• Place browser-specific properties ahead of
standard properties
• The standard properties will override the
vendor’s when the standard is established.
40
42. A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0
x-repeat; /*fallback background color & image*/
42
43. A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0
x-repeat; /*fallback background color & image*/
background-image: -moz-linear-gradient(top,
#07407c, #aaaaaa); /* gradient for Mozilla */
43
44. A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0
x-repeat; /*fallback background color & image*/
background-image: -moz-linear-gradient(top,
#07407c, #aaaaaa); /* gradient for Mozilla */
background-image: -webkit-gradient(linear,left
top,left bottom,color-stop(0, #07407c),color-
stop(1, #aaaaaa)); /* gradient for the Webkits
*/
44
45. A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0
x-repeat; /*fallback background color & image*/
background-image: -moz-linear-gradient(top,
#07407c, #aaaaaa); /* gradient for Mozilla */
background-image: -webkit-gradient(linear,left
top,left bottom,color-stop(0, #07407c),color-
stop(1, #aaaaaa)); /* gradient for the Webkits
*/
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(sta
rtColorStr='#07407c', EndColorStr='#aaaaaa')";
/* filter for IE8 (& IE9) */
45
46. A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0
x-repeat; /*fallback background color & image*/
background-image: -moz-linear-gradient(top,
#07407c, #aaaaaa); /* gradient for Mozilla */
background-image: -webkit-gradient(linear,left
top,left bottom,color-stop(0, #07407c),color-
stop(1, #aaaaaa)); /* gradient for the Webkits
*/
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(sta
rtColorStr='#07407c', EndColorStr='#aaaaaa')";
/* filter for IE8 (& IE9) */
filter:
progid:DXImageTransform.Microsoft.gradient(star
tColorStr='#07407c', EndColorStr='#aaaaaa');
} /* filter for IE7 and lower */
46
47. Apply a Filter
• If you must have the effect in IE lt 8, such as
alpha opacity, gradient, shadow, transitions etc.
you could use a proprietary IE filter.
• The -ms-filter attribute is an extension to
CSS. This syntax will allow other CSS parsers to
skip the value of this unknown property
completely and safely. It also avoids future name
clashes with other CSS parsers.
• In IE 8 mode, filters must be prefixed with "-ms-"
and the PROGID must be in single or double
quotes to make sure IE 8 renders the filters
properly.
47
48. Filters: {Caveat Coder}
• IE filters work, but are essentially hacks
– IE filters are proprietary and thus not part of
any standard specification, and never will be
48
49. Resources: IE Filters
Microsoft Visual Filters and Transitions Reference
http://msdn.microsoft.com/en-us/library/
ms532853%28v=VS.85%29.aspx
49
50. Let the tools do the work
• We’ll talk about those next!
50
60. Get a helping hand…
These scripts help IE lt 8 behave like CSS3-
compliant browsers. However, support of
CSS3 properties varies between scripts.
60
66. What does Modernizr do?
Modernizr detects which CSS3 (and HTML5)
properties are supported by the browser,
and appends classes to the <html> tag,
which then allows you to create styles to
target specific properties to individual
browsers.
It is a premier progressive enhancement
tool!
66
67. How to use Modernizr
http://www.alistapart.com/articles/taking-
advantage-of-html5-and-css3-with-
modernizr/
http://webdesignernotebook.com/css/
how-to-use-modernizr
http://www.ericlightbody.com/2010/
modernizr-your-tool-for-html5-and-css3-
functionality/
67
73. @font-face
• Note:
– Actually part of the CSS2.1 specification.
– Therefore, the IEs do support it!
• Tips & issues
– When you decide to use a font as a webfont,
you have to be sure that the EULA supports it.
– One way to avoid that is to use ONLY fonts
that are listed as approved webfonts.
• Browser Support
– IE lt 8 require fonts to be in EOT format
– IE9 now supports WOFF
73
74. @font-face bug: IE lt 8
@font-face super bullet-proofing
The problem:
@font-face doesn’t work, even with the
proper normal syntax. What gives?
74
75. @font-face bug: Webkit
@font-face bold and italics “bug”
The problem:
Applying font-weight:bold or font-
style: italic to @font-face'd text doesn’t
work.
75
78. Webfont Services
Instead of generating the webfonts yourself,
you can pay a service where the webfonts
are hosted elsewhere, and you link to them
and use the fonts on their server.
78
87. border-radius
• Tips & issues
– Different syntax for mozilla, webkit, and
opera browsers
• Browser Support
– IE lt 8 does not support, IE9 does
87
88. border-radius
Syntax comparison breakdown:
• -moz allows multiple values for each position
• -webkit individual values
88
• Standard is like mozilla
89. border-radius
#contentcolumn {
-moz-border-radius: 20px 20px 0 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-radius: 20px 20px 0 0;
}
89
93. rgba
• Tips & issues
– More granular control of the color
opacity of a particular element
• Browser Support
– IE lt 8 does not support, IE9 does
– There is an IE filter that will give
transparency with a color.
93
94. Cross-browser: rgba
• Place after regular rgb color property to
override in modern browsers; older
browsers will ignore it
• IE lt 8 bug: use the property background
instead of background-color for the
regular color
94
95. Full solution: rgba
.rgba {
background-color: #ff0000;
/* fallback color in hexidecimal. */
background-color: transparent; /* transparent
is key for the filter to work in IE8. best
done through conditional comments */
background-color: rgba(255, 0, 0, 0.3);
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient
(startColorstr=#4CFF0000,
endColorstr=#4CFF0000)";
/* filter for IE8 */
filter:
progid:DXImageTransform.Microsoft.gradient(
startColorstr=#4CFF0000,
endColorstr=#4CFF0000);
/* filter for older IEs */
}
95
97. box-shadow
• Tips & issues
– Different syntax for mozilla, webkit, and
opera browsers
• Browser Support
– IE lt 8 does not support, IE9 does
– There is a filter for IE: shadow (actually
there are 2: shadow and dropshadow,
but shadow is said to be better)
97
98. box-shadow
.portfolio {
-moz-box-shadow: 0 5px 20px
rgba(0,0,0,0.6);
-webkit-box-shadow: 0 5px 20px
rgba(0,0,0,0.6);
box-shadow: 0 5px 20px rgba(0,0,0,0.6);
}
98
103. text-shadow
• Tips & issues
– Can help accentuate text and improve
readability and visual importance
• Browser Support
– IE lt 8 does not support, nor does IE9 :/
– could use the IE filter: shadow
103
110. gradient
• Tips & issues
– Very different syntax for mozilla and
webkit browsers previously
– Newer syntax for current and future
browsers
• Browser Support
– IE does not support, so will still need a
fallback image for those browsers
110
121. border-image
Borders can now be created using images
and sections thereof for enhanced visual
design.
• Tips & issues
– Documentation on best use is sparse
– No adequate fall-back techniques for graceful
degradation
– Vendor prefixes for Mozilla and webkit
• Browser support
121
– The IEs do not support
126. Multiple backgrounds
• Tips & issues:
– The backgrounds are shown according to the
order listed, with the first background image
listed is the one “on top” and the rest stack
underneath it.
– Can use CSS3 gradients (which are like
background images) in conjunction with
multiple background images.
• Browser support:
– IE lt 8 does not support, but IE9 does
126
130. background-size
You can set the size of a background image and
make sure it covers the entire background of a
page, no matter what the size.
• Tips & Issues:
– Vendor prefixes for mozilla, webkit, and opera
• Browser support:
– IE lt 8 does not support, but IE9 does
130
131. background-size
Example:
body { background: #000
url(myBackground_1280x960.jpg) center
center fixed no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
131
135. Multiple text columns
You can have one div containing a number of
paragraphs which can be displayed in columns,
with no float or height manipulations.
• Tips & Issues:
– Some of the properties are not widely
supported, and many of the related (like
dividers, breakers, etc.) haven’t been
implemented or aren’t supported yet either.
135
140. transform
• Tips & issues
– Mozilla, Webkit, and Opera vendor
prefixes; no standard yet.
• Browser Support
– IE lt 8 does not support, but IE9 does
140
141. 2D Transformations
Different kinds of transforms:
• rotate
• scale
• skew
• translate
• matrix
141
149. transition
You can create subtle transitions between
hover states on elements. The transitions
smooth out visual jumps.
• Tips & issues
– Be sure to put the transition effect on the
correct element
149
150. transition
Example:
#id_of_element {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
150
152. Animation
You can create subtle animations in the
browser!
• Tips & issues:
– Plan out the animation sequence ahead of
time
– Be aware of style order in the CSS
152
153. Animation
div {
animation-name: diagonal-slide;
animation-duration: 5s;
animation-iteration-count: 10;
}
@keyframes diagonal-slide {
from { left: 0; top: 0; }
to { left: 100px; top: 100px; }
}
153
156. Getting Advanced
Advanced selectors are a good way to
specifically target styles for modern
browsers.
The right selector will help you achieve
targeting nirvana, so it’s important to know
which selectors you can use now.
156
157. CSS3 Selectors
Advanced selectors give us the power to
target elements that are not part of the
document tree and/or those that are
generated dynamically.
• Tips & issues
– There are a lot of options to choose from!
– Great to use for progressive enhancement
– Need to be aware of changes to specificity
157
158. CSS3 Selector Specification
• General sibling • Pseudo-classes
E~F – Target
• :target
• Attribute substrings
– a[attribute^="value"] – Negation
– a[attribute$="value"] • :not(s)
– a[attribute*="value"]
– State
• Pseudo-elements • :enabled
no new ones, all pseudo-
• :disabled
elements in CSS3
indicated with :: • :checked
• :indeterminate
158
162. With structural pseudo-elements
The keywords odd and even can be used to match
child elements whose index is odd or even. The
index of an element’s first child is 1, so this rule
will match any p element that is the first, third,
fifth, and so on, child of its parent element.
An argument, can is placed within the parentheses,
as a number, a keyword, or a formula.
A formula an + b can be used to create more
complex repeating patterns. In the formula, a
represents a cycle size, n is a counter starting at
0, and b represents an offset value. All values are
integers.
162
189. @media queries
@media queries are now being used as a
basis for responsive web design: web
interfaces that change with the size (and
orientation) of the device.
189
190. How do they work?
Through media queries, the browser is served
different styles or stylesheets based on the
dimensions and the device.
The @media construct allows style sheet
rules for various media in the same style
sheet.
An @media rule specifies the target media
types (separated by commas) of a set of
statements (delimited by curly braces).
190
201. Calculate
• You need to know dimensions of page
elements to be able to calculate
proportional relationship of size and
margins
• The Golden Formula:
target ÷ context
= result
201
203. 3) Determine the breaking points
203 http://www.slideshare.net/yiibu/pragmatic-responsive-design
204. Some standard sizes to shoot for
• 320 px: smart phones in portrait mode
• 480 px: smart phones in landscape mode
• 600 px: smaller tablets like the Kindle (600
x 800) or Nook (600 x 1024)
• 768 px: tablet in portrait
• 1024 px: tablet in landscape and netbooks
• 1200 px: low end for widescreen displays
• 1600 px: widescreen displays
204
216. This is just the beginning!
My Delicious links are HUGE compendia of all
things related to CSS3, updated as I find
new articles, resources and tools!
http://delicious.com/denisejacobs/css3
http://delicious.com/denisejacobs/
css3training
216