1) The document discusses typography and improving readability on the web. It provides tips for font size, line height, whitespace, and contrast to make text easier to read.
2) Examples are given of classic web fonts like Times New Roman, Arial, and Verdana as well as newer Vista fonts like Segoe UI, Corbel, and Calibri.
3) The emergence of the @font-face technique in 1998 and its current implementation with Webkit browsers is covered, noting it enables easy font embedding but also piracy possibilities. The presentation concludes with thanks to the audience.
2010 was the year of web typography—the year new technologies came online that will forever change the way information appears online. As the dust settles from the advances of web fonts and CSS3, a new style of web typography is emerging, one that reflects print origins, but is also experimenting with the unique strengths of online communication. Learn about recent advances in technology through case studies at the boundaries of online typography. See how to use the new web typography to set your work apart from the rest of the herd.
Given at the Western MA WordPress meetups, 5/30/12. A short presentation on webfonts. The talk featured a brief introduction to webfonts, considerations for picking the right webfont, and integrating webfonts into WordPress.
Christy Gurga (theMechanism) presents different perspectives on formatting type online and demonstrate methods you can use right away. While only basic CSS knowledge is required, Christy covers advanced techniques that are applicable for front-end developers of any level.
You'll learn how to establish the CSS foundation for your type using relative font sizes and ems, implement text replacement practices for specially formatted headings and polish your typography with extra detail.
A very brief look at where certain aspects of typography on the web are today — specifically, methods for replacing OS defaults with other typefaces.
The slides are guides used for a quick (15-20 minute) talk at Refresh Lauderdale, rather than informational, with the exception of the references section at the end, which includes many great resources for typography in general, as well as for setting type on the web in all forms.
Often designers and developers see Refactoring front end user interfaces as a dreaded, monolithic task. Organization, architecture, clean up, optimization, and documentation all seem tedious and overwhelming. However, if you're armed with the right tools and a solid foundation, you may find refactoring to be actually quite fun. Learn some Sass, organization, and documentation tricks from a product designer's perspective. Start making refactoring a regular part of your design process and development workflows.
2010 was the year of web typography—the year new technologies came online that will forever change the way information appears online. As the dust settles from the advances of web fonts and CSS3, a new style of web typography is emerging, one that reflects print origins, but is also experimenting with the unique strengths of online communication. Learn about recent advances in technology through case studies at the boundaries of online typography. See how to use the new web typography to set your work apart from the rest of the herd.
Given at the Western MA WordPress meetups, 5/30/12. A short presentation on webfonts. The talk featured a brief introduction to webfonts, considerations for picking the right webfont, and integrating webfonts into WordPress.
Christy Gurga (theMechanism) presents different perspectives on formatting type online and demonstrate methods you can use right away. While only basic CSS knowledge is required, Christy covers advanced techniques that are applicable for front-end developers of any level.
You'll learn how to establish the CSS foundation for your type using relative font sizes and ems, implement text replacement practices for specially formatted headings and polish your typography with extra detail.
A very brief look at where certain aspects of typography on the web are today — specifically, methods for replacing OS defaults with other typefaces.
The slides are guides used for a quick (15-20 minute) talk at Refresh Lauderdale, rather than informational, with the exception of the references section at the end, which includes many great resources for typography in general, as well as for setting type on the web in all forms.
Often designers and developers see Refactoring front end user interfaces as a dreaded, monolithic task. Organization, architecture, clean up, optimization, and documentation all seem tedious and overwhelming. However, if you're armed with the right tools and a solid foundation, you may find refactoring to be actually quite fun. Learn some Sass, organization, and documentation tricks from a product designer's perspective. Start making refactoring a regular part of your design process and development workflows.
Der Vortrag beschäftigt sich mit verschiedene Elemente der Gestaltung (Farben, Formen, Schriften und Effekte), die in den letzten 4 bis 5 Jahren zum typischen "Web 2.0-Look" geführt haben und auch im mobilen Webdesign zum Tragen kommen. Diese Gestaltungsparadigmen haben viele Macher inzwischen dermaßen verinnerlicht, dass sie es in ihren Projekten fast schon darauf anlegen, möglichst viele Klischees zu bedienen, um entsprechend modern zu wirken. Manchmal mit einer gehörigen Portion Ironie, oftmals jedoch auch völlig ernsthaft.
Gerrit van Aaken zeigt, dass viele der Klischees tatsächlich nichts weiter als Klischees sind, und sich für viele Anwendungsfälle nur bedingt eignen. Andererseits demonstriert er an gelungenen Trends, wie durch modernes Webdesign eine Webanwendung sympathischer, unkomplizierter und damit letztlich erfolgreicher werden kann - am heimischen Rechner, sowie auf mobilen Endgeräten.
Anhand einer kontroversen Schlussthese soll eine Diskussion über die generelle Bedeutung von professionellem Grafikdesign im modernen Web angestoßen werden.
32 Ways a Digital Marketing Consultant Can Help Grow Your BusinessBarry Feldman
How can a digital marketing consultant help your business? In this resource we'll count the ways. 24 additional marketing resources are bundled for free.
The fifth rendition of my Beautiful Web Typography with some updates, additional info, more links and whatnot. A new section has been added focusing on webfonts (font linking and embedding) with the recent developments in that regard.
Kudos should go out to the chaps listed in the end as well as inspirational peeps like Ellen Lupton, whose categorisation of things type into letter, text, grid I’ve used to structure this talk.
Outlining some issues with the current approaches for fonts on the internet, and discussing some alternatives: more creative font stacks and font embedding. Presented at Barcamp Antwerp March 21 2009. More at http://lensco.be
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.
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.
Der Vortrag beschäftigt sich mit verschiedene Elemente der Gestaltung (Farben, Formen, Schriften und Effekte), die in den letzten 4 bis 5 Jahren zum typischen "Web 2.0-Look" geführt haben und auch im mobilen Webdesign zum Tragen kommen. Diese Gestaltungsparadigmen haben viele Macher inzwischen dermaßen verinnerlicht, dass sie es in ihren Projekten fast schon darauf anlegen, möglichst viele Klischees zu bedienen, um entsprechend modern zu wirken. Manchmal mit einer gehörigen Portion Ironie, oftmals jedoch auch völlig ernsthaft.
Gerrit van Aaken zeigt, dass viele der Klischees tatsächlich nichts weiter als Klischees sind, und sich für viele Anwendungsfälle nur bedingt eignen. Andererseits demonstriert er an gelungenen Trends, wie durch modernes Webdesign eine Webanwendung sympathischer, unkomplizierter und damit letztlich erfolgreicher werden kann - am heimischen Rechner, sowie auf mobilen Endgeräten.
Anhand einer kontroversen Schlussthese soll eine Diskussion über die generelle Bedeutung von professionellem Grafikdesign im modernen Web angestoßen werden.
32 Ways a Digital Marketing Consultant Can Help Grow Your BusinessBarry Feldman
How can a digital marketing consultant help your business? In this resource we'll count the ways. 24 additional marketing resources are bundled for free.
The fifth rendition of my Beautiful Web Typography with some updates, additional info, more links and whatnot. A new section has been added focusing on webfonts (font linking and embedding) with the recent developments in that regard.
Kudos should go out to the chaps listed in the end as well as inspirational peeps like Ellen Lupton, whose categorisation of things type into letter, text, grid I’ve used to structure this talk.
Outlining some issues with the current approaches for fonts on the internet, and discussing some alternatives: more creative font stacks and font embedding. Presented at Barcamp Antwerp March 21 2009. More at http://lensco.be
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.
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.
An introduction to AWS Elastic Beanstalk, a service to help run your Java web applications on the Amazon cloud, leaving you free to focus on your app. Slides from the London Java Community meetup, 1st June 2011.
Everyone knows there isn't just one way of doing things. This is also true for web-administrated Embedded Devices and a lot of different ways to attack the implementation were taken before the combination of Golang and Typescript manifested. Plenty of the tries started by missing knowledge, inability, the hate of some programming languages or just plainly on size requirements. Over Java and C/C++ to Go+Lua, Go+JavaScript and the final decision on Go and Typescript, we follow the adventure of an embedded framework and the arising problems. Pros and Cons but also the feeling for a Java developer and new horizons are given.
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
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
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.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
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.
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.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Connector Corner: Automate dynamic content and events by pushing a button
(Web ) Typography
1. Introducing Typography
(not only) for the Web.
Gerrit van Aaken, praegnanz.de
!
Barcamp Berlin, November 3rd/4th 2007
!
Some rights reserved:
!
CreativeCommons BY-NC
5. Readability vs. Creativity
Display fonts are easy and fun, almost everone
!
can do it.
Good readable body copy is the interesting thing!
!
What can I do to improve the readability of my
!
web site?
7. Improving Readability I
Higher resolutions require bigger type
!
at least 12px is required for sans-serif fonts
!
at least 14px is required for serif fonts
!
Line length of 40–80 characters
!
at least 1.4em line-height for body copy!
!
max. 1.3em line-height for headlines!
!
8. Improving Readability II
(Dos and Don’ts)
Use high contrast!
!
Avoid #000000 on #ffffff !
!
Avoid light text on dark backgrund!
!
Add lots of whitespace!
!
Add even more whitespace!
!
Use only left-aligned paragraphs (please!)
!
14. Vista font: Segoe UI
Rip-Off der weltbekannten Frutiger
!
(bzw. deren NEXT-Variante). Geniale
Schrift, wird hoffentlich zum zweiten
Standard in der Korrespondenz.
Rip-Off der weltbekannten Frutiger.
!
Geniale Schrift, wird hoffentlich zum
zweiten Standard in der
Korrespondenz.
24. @font-face
Has been around since 1998 (yes, really!)
!
Now Webkit does it with TrueType fonts.
!
Great font piracy possibilities.
!
Possible solution from Ralf Hermann.
!
Expect this feature to be used and misused.
!