Although forms make the Web go around, they are often ugly due to the generic way in which browsers display them, not to mention irritating to our site's users when they don't work as expected. Christopher Schmitt walks through the problem CSS properties, Web form elements and points fingers at the browsers getting it wrong. Then he shows you how to make a decent form out of Band-Aids and broken browsers.
Research indicated that CountryWide homes have higher resale absorption and perceived value in the York Region market. Surveys and internal discussions led to the same conclusion: after ten years, CountryWide had become known for their superior quality, detailed construction and ability to exceed customer expectations.
The offer is premium, so it should be advertised as such. A complete rebranding and repositioning was developed to reflect that. This effort resulted in the development of two brand books: the Strategic Marketing Positioning Book and the Corporate Style Guide. Together, they establish a new mission, vision, brand values and visual guidelines to make the company more appealing to a buyer looking for a premium offering.
The result: A New Level. It's not only a tagline, but the company's mindset on everything it touches: from the materials selections, the internal processes, staffing, the buyer's journey, and the way they communicate.
To assess how good Target's online catalog product attribution is in understanding context in consumer search terms. We looked at 4 key dimensions in this analysis:
(a) Completeness: Are the product data attributes adequately complete across required fields?
(b) Accuracy: Is the available data correctly filled in and up to date?
(c) Consistency: Are the values consistent and comply with specified formats?
(d) Other: Product availability or search related issues resulting in irrelevant results
Research indicated that CountryWide homes have higher resale absorption and perceived value in the York Region market. Surveys and internal discussions led to the same conclusion: after ten years, CountryWide had become known for their superior quality, detailed construction and ability to exceed customer expectations.
The offer is premium, so it should be advertised as such. A complete rebranding and repositioning was developed to reflect that. This effort resulted in the development of two brand books: the Strategic Marketing Positioning Book and the Corporate Style Guide. Together, they establish a new mission, vision, brand values and visual guidelines to make the company more appealing to a buyer looking for a premium offering.
The result: A New Level. It's not only a tagline, but the company's mindset on everything it touches: from the materials selections, the internal processes, staffing, the buyer's journey, and the way they communicate.
To assess how good Target's online catalog product attribution is in understanding context in consumer search terms. We looked at 4 key dimensions in this analysis:
(a) Completeness: Are the product data attributes adequately complete across required fields?
(b) Accuracy: Is the available data correctly filled in and up to date?
(c) Consistency: Are the values consistent and comply with specified formats?
(d) Other: Product availability or search related issues resulting in irrelevant results
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
In the beginning, web pages didn't say anything about fonts, colours or layout. Cascading Style Sheets (CSS) was invented to change this, and today all web pages use CSS. How did this come about? What tools do we find in the CSS toolbox, and why? Which should be added in the future?
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.
My second talk at Apache Barcamp Spain 2011. It includes a series of starting points about how to get started with CSS3, caveats with CSS3 and some techniques to get up-to-speed with IE.
This presentation (together with our "CSS for non-designers" talk) got the award to the best presentation at Apache Barcamp Spain.
The Cascading Style Sheets Specification ( CSS ) is a computer language that is used to write formatting instructions ( rules ). These rules tell a web browser how webpage content should 'look'— in terms of: layout. position, alignment, width, height, etc.
Presentation delivered to the Auckland Web Meetup on 20 May 2010, regarding the use of type on the web, its history and the new techniques and services that are emerging in this space.
Une landing page c’est comme un mini-site qui donne une première impression de votre projet aux internautes… Et elle doit capter rapidement l’attention pour une stratégie de communication réussie
Color creates a massive impact on how we tell users about our brands and products. Selecting the colors that reflect that is tough, but also making sure they are working is also essential.
After reviewing the foundations of color theory, how colors can harmonize, color schemes that reflect themes or ideas, Christopher explores the problems with working on digital color.
By examining how sites popular brands use color, we will discuss how colors fail their intended goals as well as for people with low or problematic vision. We will review rules and guidelines that help ensure our colors are visible and provide the proper intent to our customers.
Smartphones and tablets not only contain more computing power and better browsers than the computers that started the Internet economy. They also have better displays, which demands more of us when we use images. This session will work through tips and tricks to develop future friendly images in our sites and apps.
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
In the beginning, web pages didn't say anything about fonts, colours or layout. Cascading Style Sheets (CSS) was invented to change this, and today all web pages use CSS. How did this come about? What tools do we find in the CSS toolbox, and why? Which should be added in the future?
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.
My second talk at Apache Barcamp Spain 2011. It includes a series of starting points about how to get started with CSS3, caveats with CSS3 and some techniques to get up-to-speed with IE.
This presentation (together with our "CSS for non-designers" talk) got the award to the best presentation at Apache Barcamp Spain.
The Cascading Style Sheets Specification ( CSS ) is a computer language that is used to write formatting instructions ( rules ). These rules tell a web browser how webpage content should 'look'— in terms of: layout. position, alignment, width, height, etc.
Presentation delivered to the Auckland Web Meetup on 20 May 2010, regarding the use of type on the web, its history and the new techniques and services that are emerging in this space.
Une landing page c’est comme un mini-site qui donne une première impression de votre projet aux internautes… Et elle doit capter rapidement l’attention pour une stratégie de communication réussie
Color creates a massive impact on how we tell users about our brands and products. Selecting the colors that reflect that is tough, but also making sure they are working is also essential.
After reviewing the foundations of color theory, how colors can harmonize, color schemes that reflect themes or ideas, Christopher explores the problems with working on digital color.
By examining how sites popular brands use color, we will discuss how colors fail their intended goals as well as for people with low or problematic vision. We will review rules and guidelines that help ensure our colors are visible and provide the proper intent to our customers.
Smartphones and tablets not only contain more computing power and better browsers than the computers that started the Internet economy. They also have better displays, which demands more of us when we use images. This session will work through tips and tricks to develop future friendly images in our sites and apps.
[CSSDevConf] Adaptive Images in Responsive Web Design 2014Christopher Schmitt
The web doesn't stop at the desktop anymore. Our image assets need to do more than look good in one context. In this talk, I look at how images like JPEG, GIFs, SVG, Icons, Unicode, and more can be used in a multi-device environment.
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
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
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/
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!
UiPath New York Community Day in-person eventDianaGray10
UiPath Community Day is a unique gathering designed to foster collaboration, learning, and networking with automation enthusiasts. Whether you're an automation developer, business analyst, IT professional, solution architect, CoE lead, practitioner or a student/educator excited about the prospects of artificial intelligence and automation technologies in the United States, then the UiPath Community Day is definitely the place you want to be.
Join UiPath leaders, experts from the industry, and the amazing community members and let's connect over expert sessions, demos and use cases around AI in automation as we highlight our technology with a special speaker on Document Understanding.
📌Agenda
3:00 PM Registrations
3:30 PM Welcome note and Introductions | Corina Gheonea (Senior Director of Global UiPath Community)
4:00 PM Introduction to Document Understanding
How to build and deploy Document Understanding process
Where would Document Understanding be used.
Demo
Q&A
4:45 PM Customer/Partner showcase
Accelirate
Intro to Accelirate and history with UiPath
Why are we excited about the new AI features of UiPath?
Customer highlight
a. Document Understanding – BJs Case Study
b. Document Understanding + generative AI
5.30 PM Networking
КАТЕРИНА АБЗЯТОВА «Ефективне планування тестування ключові аспекти та практ...QADay
Lviv Direction QADay 2024 (Professional Development)
КАТЕРИНА АБЗЯТОВА
«Ефективне планування тестування ключові аспекти та практичні поради»
https://linktr.ee/qadayua
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™UiPathCommunity
In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni.
📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath:
Autopilot per Studio Web
Autopilot per Studio
Autopilot per Apps
Clipboard AI
GenAI applicata alla Document Understanding
👨🏫👨💻 Speakers:
Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant
Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath
Andrei Tasca, RPA Solutions Team Lead @NTT Data
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
27. CSS & TEXTAREA
20
15
10
5
0
IE6 IE7 IE8b2 Ch Mac FF3 Win FF3 Mac Op9 Win Op9 Mac S3 Win S3 Mac S4b Win S4b
Yes No Somewhat N/A
28. CSS & INPUT TEXT FIELDS
20
15
10
5
0
IE6 IE7 IE8b2 Ch Mac FF3 Win FF3 Mac Op9 Win Op9 Mac S3 Win S3 Mac S4b Win S4b
Yes No Somewhat N/A
29. CSS & SUBMIT BUTTON
20
15
10
5
0
IE6 IE7 IE8b2 Ch Mac FF3 Win FF3 Mac Op9 Win Op9 Mac S3 Win S3 Mac S4b Win S4b
Yes No Somewhat N/A
30. CSS & SELECT BOXES (ONE)
20
15
10
5
0
IE6 IE7 IE8b2 Ch Mac FF3 Win FF3 Mac Op9 Win Op9 Mac S3 Win S3 Mac S4b Win S4b
Yes No Somewhat N/A
31. CSS & SELECT BOXES (MULTI)
20
15
10
5
0
IE6 IE7 IE8b2 Ch Mac FF3 Win FF3 Mac Op9 Win Op9 Mac S3 Win S3 Mac S4b Win S4b
Yes No Somewhat N/A
32. CSS & FILE UPLOADS
20
15
10
5
0
IE6 IE7 IE8b2 Ch Mac FF3 Win FF3 Mac Op9 Win Op9 Mac S3 Win S3 Mac S4b Win S4b
Yes No Somewhat N/A
33. CSS & CHECKBOXES
20
15
10
5
0
IE6 IE7 IE8b2 Ch Mac FF3 Win FF3 Mac Op9 Win Op9 Mac S3 Win S3 Mac S4b Win S4b
Yes No Somewhat N/A
34. CSS & RADIO BUTTONS
20
15
10
5
0
IE6 IE7 IE8b2 Ch Mac FF3 Win FF3 Mac Op9 Win Op9 Mac S3 Win S3 Mac S4b Win S4b
Yes No Somewhat N/A
35. Radio Check File Select Select Input Text
Buttons Boxes Uploads (Multi) (One) Text Area
36.
37. CSS PROPERTIES
100
75
50
25
0
height letter-spacing line-height margin padding text-align text-decoration text-indent width word-spacing
Y N S N/A
38. CSS PROPERTIES
100
75
50
25
0
bkgd-color bkgd-image border border-color border-style border-width color font-family font-size font-weight
Y N S N/A
39. Text Indent Font Family Height Font Size Margin
Text Border Color Color Border Style Background
Decoration Color
Font Weight Background Letter Spacing
Image Width
Word Spacing Padding
Border
40. Radio Check File Select Select Input Text
Buttons Boxes Uploads (Multi) (One) Text Area
Text Indent Font Family Height Font Size Margin
Text Border Color Color Border Style Background
Decoration Color
Font Weight Background Letter Spacing
Image Width
Word Spacing Padding
Border
41. MacFF3
MacS4b WinOp9
WinS3 IE7 IE6 Chrome WinS4b
WinFF3 IE8b2
MacS3
Radio Check File Select Select Input Text
Buttons Boxes Uploads (Multi) (One) Text Area
Text Indent Font Family Height Font Size Margin
Text Border Color Color Border Style Background
Decoration Color
Font Weight Background Letter Spacing
Image Width
Word Spacing Padding
Border
42.
43.
44.
45.
46.
47.
48.
49. LET BROWSER VENDORS
KNOW WHAT YOU WANT
• Internet Explorer
• http://blogs.msdn.com/ie/contact.aspx
• Opera
• http://my.opera.com/community/forums/forum.dml?id=24
• http://groups.google.com/group/opera.wishlist/topics
• Safari
• http://lists.webkit.org/mailman/listinfo/webkit-dev
• Google Chrome
• http://groups.google.com/group/chromium-dev
50. LET BROWSER VENDORS
KNOW WHAT YOU WANT
• Web Form Elements Design Quiz
• Part 1: http://tr.im/lp2k
• Part 2: http://tr.im/lp2g
• http://www.WebFormElements.com/
• 3,500 form element screen captures
• HTML form element look-up tables (free):
• http://oreilly.com/catalog/9780596527419/appendixd/appd.pdf
55. ZERO OUT CSS PROPERTIES
• Zero out Borders
• Zero out Padding
• Zero Margins
• Clear out Background Images, Color, etc.
• Then
• wrap INPUT element with DIVs and bring in the control
56.
57. SLOW WAY TO ZERO
<input type="submit" value="submit" class="submit" />
58. FASTER WAY TO ZERO
input { /* type selector */
border: 1px solid black;
}
.submit { /* class selector */
border: 1px solid black;
}
87. TAKE AWAYS
• Designing for forms is hard for HTML+CSS
• Even the same browser, different platform render Web forms
differently
• To
help you discern the safety of CSS on a Web form, use
WebFormElements.com
• Reviewed which browsers are most hazardous
88. TAKE AWAYS
• Reviewed which CSS properties are supported the most.
• Reviewed what high-profile sites are doing to design for forms:
Nothing.
• Call to action!
• Letbrowser vendors hear you or they won’t care to fix the
problem.
• With HTML5 form elements, problem is going to get worse.