The document discusses creating a component library. It defines components, views, and elements. It provides examples of each and explains that components are reusable structures made of elements. The document outlines a process for creating a library, including discovering components, organizing them, building assets, documenting specifications, and promoting the library's use. It emphasizes the need to distribute, maintain, and teach others about the library over time.
In this session, we are going to brand a SharePoint site from start to finish. We will use SharePoint Designer, HTML and custom CSS to design a site how not to look like SharePoint. We'll touch upon themes, page layouts as well as master page design. As well as learn how to upgrade a SharePoint 2007 design to SharePoint 2010.
This session is focused on designers well versed with HTML and CSS but might not have the SharePoint development experience. Within the session, we'll also look at usability, accessibility and best practices on branding SharePoint public facing sites.
Visit http://www.kanwalkhipple.com
Step into the SharePoint branding world, tools and techniquesBenjamin Niaulin
This presentation presents the basics for SharePoint branding tools and techniques. All of it was done during Demonstrations feel free to contact me on twitter @bniaulin for more information or CSS files
In this session, we are going to brand a SharePoint site from start to finish. We will use SharePoint Designer, HTML and custom CSS to design a site how not to look like SharePoint. We'll touch upon themes, page layouts as well as master page design. As well as learn how to upgrade a SharePoint 2007 design to SharePoint 2010.
This session is focused on designers well versed with HTML and CSS but might not have the SharePoint development experience. Within the session, we'll also look at usability, accessibility and best practices on branding SharePoint public facing sites.
Visit http://www.kanwalkhipple.com
Step into the SharePoint branding world, tools and techniquesBenjamin Niaulin
This presentation presents the basics for SharePoint branding tools and techniques. All of it was done during Demonstrations feel free to contact me on twitter @bniaulin for more information or CSS files
Parallax, responsive, card, and flat design are only a few modern Web Design trends that have taken the web by storm. I have listed 40 in this article, though I’m quite certain there’s more. So if you guys have spotted any modern trends that I’ve missed, just holla in the comments.
http://www.equinetacademy.com/latest-web-design-trends/
Integrating Axure Into Your Design ProcessFred Beecher
Like any powerful design tool, Axure RP Pro can adapt itself to your design process. But to gain the full benefit of this tool, you must (at least a little bit) adapt your process to Axure as well. This presentation will help you do both of these things.
From Flash to Canvas - a penchant for black holesPatric Lanhed
This session will cover what HTML5 developers can benefit from knowing its way around in the world of Flash and ActionScript. The tools that could be used for a better Canvas experience and foremost how the display list will ease your burden.
Simplifying Massive Changes with a Live Style GuideMark Meeker
What would appear on the surface to be a simple change like updating the look of a button or changing the color of a link can turn out to be a huge effort. When everyone understands what can be reused and what needs to be newly created, the team can focus discussion on how to attain the best designs.
This is the support deck for an introductory class I made for Junior Designers, Developers, Product and Project Managers to introduce them to the proper way to use wireframes.
I did this class already multiple times at General Assembly (London, UK), TechLab (Santa Clara, CA), Santiago (Chile) and internally in my consulting job.
It's updated to Keynote 6.
I translate Framework Design Guideline to Korean.
This Book is very impressed to me.
So I want to share Krzysztof Cwalina's Knowledge.
I re-edit his presentation and add my opinion.
This presentation addresses how some of the challenges that have historically confronted implementers of markup technologies (SGML and XML) and how DITA, together with some of the usability innovations associated with Web 2.0, can be used to address them. Presented at Content Convergence and Integration in Vancouver (12 March 2008).
Don Day relates the background and development of IBM's prototype DITA Wiki, a collaborative tool for extending the uptake of DITA within IBM by teams not necessarily trained as technical writers.
Parallax, responsive, card, and flat design are only a few modern Web Design trends that have taken the web by storm. I have listed 40 in this article, though I’m quite certain there’s more. So if you guys have spotted any modern trends that I’ve missed, just holla in the comments.
http://www.equinetacademy.com/latest-web-design-trends/
Integrating Axure Into Your Design ProcessFred Beecher
Like any powerful design tool, Axure RP Pro can adapt itself to your design process. But to gain the full benefit of this tool, you must (at least a little bit) adapt your process to Axure as well. This presentation will help you do both of these things.
From Flash to Canvas - a penchant for black holesPatric Lanhed
This session will cover what HTML5 developers can benefit from knowing its way around in the world of Flash and ActionScript. The tools that could be used for a better Canvas experience and foremost how the display list will ease your burden.
Simplifying Massive Changes with a Live Style GuideMark Meeker
What would appear on the surface to be a simple change like updating the look of a button or changing the color of a link can turn out to be a huge effort. When everyone understands what can be reused and what needs to be newly created, the team can focus discussion on how to attain the best designs.
This is the support deck for an introductory class I made for Junior Designers, Developers, Product and Project Managers to introduce them to the proper way to use wireframes.
I did this class already multiple times at General Assembly (London, UK), TechLab (Santa Clara, CA), Santiago (Chile) and internally in my consulting job.
It's updated to Keynote 6.
I translate Framework Design Guideline to Korean.
This Book is very impressed to me.
So I want to share Krzysztof Cwalina's Knowledge.
I re-edit his presentation and add my opinion.
This presentation addresses how some of the challenges that have historically confronted implementers of markup technologies (SGML and XML) and how DITA, together with some of the usability innovations associated with Web 2.0, can be used to address them. Presented at Content Convergence and Integration in Vancouver (12 March 2008).
Don Day relates the background and development of IBM's prototype DITA Wiki, a collaborative tool for extending the uptake of DITA within IBM by teams not necessarily trained as technical writers.
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDon Day
Lavacon 2013, Portland, Oregon
On the challenges of implementing structured, in-browser editing environements for creating adaptive content for the Web.
Exploiting Layout and Content
Don Day, Contelligence Group
Under the covers of Drupal Commons - the "Instant Community" distributionAcquia
Drupal Commons is a pre-assembled Drupal distribution you can use to build a community site. Whether for internal collaboration or for an open community, Drupal Commons slashes the work required to stand your site up.
In this webinar, find out what’s inside Commons, and how to use it – and extend it.
Drupal Commons doesn’t limit you to the use cases that work out-of-the-box. You can still add modules, customize the theme, and extend Commons using normal Drupal practices to build a site that integrates Commons-style functions with your own unique needs.
This webinar will cover the modules in use, the content types, views, contexts, features, theme elements and all the other components that are in Drupal Commons. In addition, it will cover how the Drupal Commons community itself is organized, and how you can contribute back enhancements to Commons that you create
Intranet 2.0 - Integrating Enterprise 2.0 into your corporate intranetJames Dellow
Enterprise 2.0 opportunities and challenges; The technology building blocks: Blogs, RSS,
tags, search and wikis; Implementation approaches: Nature or nurture? Pulling it all together and getting started.
This presentation was made as a workshop at Intranet '07 on 20th September, 2007 in Sydney, Australia. Note: This version of the presentation pack contains only key slides and omits additional reading materials provided.
The Metaverse and AI: how can decision-makers harness the Metaverse for their...Jen Stirrup
The Metaverse is popularized in science fiction, and now it is becoming closer to being a part of our daily lives through the use of social media and shopping companies. How can businesses survive in a world where Artificial Intelligence is becoming the present as well as the future of technology, and how does the Metaverse fit into business strategy when futurist ideas are developing into reality at accelerated rates? How do we do this when our data isn't up to scratch? How can we move towards success with our data so we are set up for the Metaverse when it arrives?
How can you help your company evolve, adapt, and succeed using Artificial Intelligence and the Metaverse to stay ahead of the competition? What are the potential issues, complications, and benefits that these technologies could bring to us and our organizations? In this session, Jen Stirrup will explain how to start thinking about these technologies as an organisation.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex ProofsAlex Pruden
This paper presents Reef, a system for generating publicly verifiable succinct non-interactive zero-knowledge proofs that a committed document matches or does not match a regular expression. We describe applications such as proving the strength of passwords, the provenance of email despite redactions, the validity of oblivious DNS queries, and the existence of mutations in DNA. Reef supports the Perl Compatible Regular Expression syntax, including wildcards, alternation, ranges, capture groups, Kleene star, negations, and lookarounds. Reef introduces a new type of automata, Skipping Alternating Finite Automata (SAFA), that skips irrelevant parts of a document when producing proofs without undermining soundness, and instantiates SAFA with a lookup argument. Our experimental evaluation confirms that Reef can generate proofs for documents with 32M characters; the proofs are small and cheap to verify (under a second).
Paper: https://eprint.iacr.org/2023/1886
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
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:
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.
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.
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
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
1. Creating a Component Library
for DC Design Talks, February 29, 2008
by Nathan Curtis
Founder & Principal, EightShapes LLC
nathan@eightshapes.com :: www.eightshapes.com
11. Components 11
View (Page)
A point-in-time display EXAMPLES
within a viewer, such as Shopping cart
Product overview
a specific browser
Log in
page, application state,
Install shield intro
or document view Portal home
Gmail’s inbox
iPhone default screen
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
12. Components 12
Element
A single atomic item EXAMPLES
Text snippet
on a page that cannot
Image
be further broken
Textbox
down into multiple Button
parts Logo
Radio button
(labeled)
Link
Page Title
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
13. Components 13
Component
A combination of EXAMPLES
Search box area
elements that creates
Promotion list
a purposeful, reusable,
News feed
and independent Tabbed navigation
structure Related links
Article content
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
14.
15.
16.
17.
18. Components 18
Components can permeate...
Wireframing
Visual Design
Code
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
19. Introduction 19
Component
=
Pattern
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
20. Components 20
Components are Different!
Distinction Components Patterns
Specificity? Specific to design system General across contexts
Style? Established Independent
Flexible? Well-defined, codified Broadly applicable
Location? Grid implies position & use Up to the designer
Type(s)? Smaller than page, bigger All sorts (module, element,
than element page, flow, behavior, etc)
Guidelines? Detailed, org-specific Best practices and common
specs behaviors
Code-base? Well defined reference Tandem starter assets
code
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
28. Taxonomy for asset namespace
Universal IDs
Image filenames
CSS Class
HTML Namespace
Wireframe snippet
Inspired by http://blogs.sun.com/riotnrrd/entry/under_the_hood_a_look
32. HOW do I build a library?
A look at the high level process of library development
33. Components 33
Creating a Component Library
1 2 3 4 5
Discover Organize Build Document Promote
Distribute Maintain Teach
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
34. Components 34
Discover
1 2 3 4 5
Discover Organize Build Document Promote
During Design Analyzing a System Collaborative Exercises
Create it organically Perform an analysis Bring together multiple
as a system emerges of regions, reuse, and perspectives to decompose
(this is hard) other aspects of a live the system together
design system
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
39. Components 39
Organize
1 2 3 4 5
Discover Organize Build Document Promote
Create an inventory that includes:
• Build/Exercise ID
• Reference Artwork/Page
• Component ID
• Component Title
• Variation ID
• Variation Title
• Category
• Priority (High, Medium, Low)
• Phase (1, 2, 3, etc)
• Status (Identified, Drafted, Spec’ed,
Published)
• Notes
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
40. Components 40
Regions
• Global navigation / Header / Footer
• Navigation (secondary or local)
• Side bar / side navigation / right rail
• Content space
• Spotlight / lead / billboard / big top
• Pop-up / Pop-in / Hovers (lightbox)
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
41. Components 41
Sun.com
• Global
• Navigation
• Side
• Content
• Spotlight
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
42. Components 42
RevolutionHealth.com
• Global
• Navigation
• Side
• Content
• Spotlight
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
43. Components 43
Comcast.net
• Global
• Navigation
• Side
• Content
• Spotlight
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
44. Components 44
Marriott.com
• Global
• Navigation
• MU
• Content
• Spotlight
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
45. Components 45
NationalGeographic.com
• Global
• Navigation
• Side
• Content
• Spotlight
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
46. Components 46
Build
1 2 3 4 5
Discover Organize Build Document Promote
No matter the component assets you produce...
Wireframe or Comp or Code
...keep a process in mind:
Create Test Review Publish Store
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
47. Components 47
Document
1 2 3 4 5
Discover Organize Build Document Promote
Document-Based Web-Based Self-Documenting
PDF Specifications & Guidelines Sun Component Library Code
Contact Sheets Files Libraries
Yahoo Pattern Library
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
48. Components 48
Promote
1 2 3 4 5
Discover Organize Build Document Promote
The library must be communicated to varied
audiences in specific ways to address their needs:
Product Copywriter/
Manager Publisher Engineer
“What can I use?” “What are the editorial “Where is the code?”
guidelines?”
“What are the strategies?” “What’s the latest update?”
“Who must I coordinate
“What are the constraints?” with when I use them?” “How stable is it?”
“How can I customize?” “In what context(s) can “What are the behavioral
each be employed?” specifications?”
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
49. Components 49
Once Established...
You’ve now got a living, changing, evolving set of assets
that grows stale quickly unless you concentrate on:
Distribution Maintenance Teaching
The library and tools The library and tools The library and tools
must be distributed, must have a viable must be augmented by
whether via: owner that: documentation that:
• .zip file • Serves as a resource • Clarifies purpose
• Secure site • Updates the library • Provides details
• Versioning system • Handles requests • Fosters adoption
• Identifies opportunities • Limits resource
impacts
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
50. Introduction 50
Further References
http://blogs.sun.com/riotnrrd/entry/under_the_hood_a_look
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29
51. Introduction 51
So, who are you?
DC Design Talks :: Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: 2008.02.29