It may be something we often overlook, but typography plays an essential part in the presentation process. Typography can change the entire look and feel of a presentation. Big Fish introduces the five way typography is powerful in your presentation.
The Typography is an almost six-centuries-old practice, and we’ve came a long way since Gutenberg’s moveable types to the digital documents as we know it. But somewhere in between, the craftsmanship and best practices of printers and engravers were long forgotten by many web developers—who end up relying on the browser, frameworks, and trial-and-error values to properly display a website’s content.
In this talk, we’ll journey through the basic concepts of Typography; how we can use them to improve a content’s identity, architecture, and readability; and how to do it through HTML and CSS.
Beautiful Web Typography: 7 tips on de-sucking the webPascal Klein
Beautiful Web Typography is possible. This presentation looked at 7 tips at how to make the Internet a lovelier and more beautiful place using simple typographic conventions through CSS and general practice.
UP200 is a 3d dental scanner with fast scan speed and high precision,and it is easy to use,applicable with UPCAD own dental CAD or other CAD providers,such as EXOCAD.
It may be something we often overlook, but typography plays an essential part in the presentation process. Typography can change the entire look and feel of a presentation. Big Fish introduces the five way typography is powerful in your presentation.
The Typography is an almost six-centuries-old practice, and we’ve came a long way since Gutenberg’s moveable types to the digital documents as we know it. But somewhere in between, the craftsmanship and best practices of printers and engravers were long forgotten by many web developers—who end up relying on the browser, frameworks, and trial-and-error values to properly display a website’s content.
In this talk, we’ll journey through the basic concepts of Typography; how we can use them to improve a content’s identity, architecture, and readability; and how to do it through HTML and CSS.
Beautiful Web Typography: 7 tips on de-sucking the webPascal Klein
Beautiful Web Typography is possible. This presentation looked at 7 tips at how to make the Internet a lovelier and more beautiful place using simple typographic conventions through CSS and general practice.
UP200 is a 3d dental scanner with fast scan speed and high precision,and it is easy to use,applicable with UPCAD own dental CAD or other CAD providers,such as EXOCAD.
Роман расскажет о разных тонкостях работы с трехмерной графикой в Unity, о работе графического конвеера, о реализации отложенного освещения в Unity3D, его преимуществах и недостатках. А также разберет все возможности работы с шейдерами и пост-эффектами в Unity.
Initially presented during the Web 2.0 Expo in Berlin, this presentation takes typography beyond the surface layer. Structure, Process, Macro and Micro typography are all covered in detail to help you improve the typographic quality on your site, service or product.
Woden 2: Developing a modern 3D graphics engine in SmalltalkESUG
Tue, August 23, 2:30pm – 3:00pm
Youtube: https://youtu.be/fnPv7jtVY8U
First Name: Ronie
Last Name: Salgado
Email: roniesalg@gmail.com
Title: Woden 2: Developing a modern 3D graphics engine in Smalltalk.
Type: Talk
Abstract:
Developing a 3D graphics engine is hard. A 3D graphics engine has to be fast and has to be very flexible for being used in multiples projects. By writing
a graphics engine in Smalltalk, we gain a huge flexibility for free. However, Smalltalk is not a fast programming language as C++. Newer low-level
graphics APIs such as Vulkan, Direct3D 12 and Metal allows to communicate very fast with the graphics card by mapping memory buffers present in the
graphics processing unit in the CPU address space.
For Woden 2, we extended Smalltalk to get more performance in some critical sections, such as the math library. With these extensions we are able to write
directly to the graphics card memory and to avoid marshalling/unmarshalling overhead. We made an abstraction layer for low-level graphics APIs (Vulkan,
Direct3D 12 and Metal) in C that we are calling via FFI. For programming the GPU, we made a custom shader language with a compiler written in Smalltalk.
This custom shader language can be compiled into graphics API specific shader languages for being executed by the GPU.
This talk is about the challenges of the new architecture behind Woden 2, and about building an integrated environment for 3D graphics software
development.
Bio: Ronie Salgado is the main architect behind Woden, a 3D graphics engine that won the third place in ESUG 2014, 11th innovation technology awards.
We’re all trying to find that idea or spark that will turn a good project into a great project. Creativity plays a huge role in the outcome of our work. Harnessing the power of collaboration and open source, we can make great strides towards excellence. Not just for designers, this talk can be applicable to many different roles – even development. In this talk, Seasoned Creative Director Sara Cannon is going to share some secrets about creative methodology, collaboration, and the strong role that open source can play in our work.
Design Strategy: How information Can Drive Your Designs Decisions To SuccessSara Cannon
In this talk, seasoned creative director Sara Cannon will dive into the intersection of strategy and creativity through discussing how knowledge can inform design decisions. She will be looking at how different methods of research, data-collection, and strategical thinking can play into the creativity behind designs. And how at the end of the design process, you can measure success.
As designers we’re searching for the best – the best method, the best look, the best font. We have a continuous battle to create brands that are unique but that have a longstanding presence. We make tough decisions constantly, question our instincts, and settle. We fight and we strive to make long lasting beautiful, smart and informed design. How do we get there?
In this talk, seasoned Creative Director Sara Cannon is going to dive deep into the designers struggle. She’s going to share different processes that can make our work better. We’re going to discuss philosophy, methodology, and execution from the creative mind stand point. Hopefully by the end of the talk, you will be inspired to push your own creative limits and learned some tips on how to get there.
Роман расскажет о разных тонкостях работы с трехмерной графикой в Unity, о работе графического конвеера, о реализации отложенного освещения в Unity3D, его преимуществах и недостатках. А также разберет все возможности работы с шейдерами и пост-эффектами в Unity.
Initially presented during the Web 2.0 Expo in Berlin, this presentation takes typography beyond the surface layer. Structure, Process, Macro and Micro typography are all covered in detail to help you improve the typographic quality on your site, service or product.
Woden 2: Developing a modern 3D graphics engine in SmalltalkESUG
Tue, August 23, 2:30pm – 3:00pm
Youtube: https://youtu.be/fnPv7jtVY8U
First Name: Ronie
Last Name: Salgado
Email: roniesalg@gmail.com
Title: Woden 2: Developing a modern 3D graphics engine in Smalltalk.
Type: Talk
Abstract:
Developing a 3D graphics engine is hard. A 3D graphics engine has to be fast and has to be very flexible for being used in multiples projects. By writing
a graphics engine in Smalltalk, we gain a huge flexibility for free. However, Smalltalk is not a fast programming language as C++. Newer low-level
graphics APIs such as Vulkan, Direct3D 12 and Metal allows to communicate very fast with the graphics card by mapping memory buffers present in the
graphics processing unit in the CPU address space.
For Woden 2, we extended Smalltalk to get more performance in some critical sections, such as the math library. With these extensions we are able to write
directly to the graphics card memory and to avoid marshalling/unmarshalling overhead. We made an abstraction layer for low-level graphics APIs (Vulkan,
Direct3D 12 and Metal) in C that we are calling via FFI. For programming the GPU, we made a custom shader language with a compiler written in Smalltalk.
This custom shader language can be compiled into graphics API specific shader languages for being executed by the GPU.
This talk is about the challenges of the new architecture behind Woden 2, and about building an integrated environment for 3D graphics software
development.
Bio: Ronie Salgado is the main architect behind Woden, a 3D graphics engine that won the third place in ESUG 2014, 11th innovation technology awards.
We’re all trying to find that idea or spark that will turn a good project into a great project. Creativity plays a huge role in the outcome of our work. Harnessing the power of collaboration and open source, we can make great strides towards excellence. Not just for designers, this talk can be applicable to many different roles – even development. In this talk, Seasoned Creative Director Sara Cannon is going to share some secrets about creative methodology, collaboration, and the strong role that open source can play in our work.
Design Strategy: How information Can Drive Your Designs Decisions To SuccessSara Cannon
In this talk, seasoned creative director Sara Cannon will dive into the intersection of strategy and creativity through discussing how knowledge can inform design decisions. She will be looking at how different methods of research, data-collection, and strategical thinking can play into the creativity behind designs. And how at the end of the design process, you can measure success.
As designers we’re searching for the best – the best method, the best look, the best font. We have a continuous battle to create brands that are unique but that have a longstanding presence. We make tough decisions constantly, question our instincts, and settle. We fight and we strive to make long lasting beautiful, smart and informed design. How do we get there?
In this talk, seasoned Creative Director Sara Cannon is going to dive deep into the designers struggle. She’s going to share different processes that can make our work better. We’re going to discuss philosophy, methodology, and execution from the creative mind stand point. Hopefully by the end of the talk, you will be inspired to push your own creative limits and learned some tips on how to get there.
Learning Through Stealing - How to Become Better At Your CraftSara Cannon
In art class we were taught to copy the masters such as Da Vinci, Van Gough, and Caravaggio. This taught us skills like technique, form, & contrast. The same principle applies to learning any skill – steal from the masters and learn from it.
In this design-focused talk, we’re going to explore a few methods of sharpening our skills and intuition. Design, code, & user experience can all be improved when we take a deeper look into successful implementations. We’ll analyze some methods and steal a few things along the way – learning how to truly make it our own.
WordPress & User Experience - WordCamp LondonSara Cannon
WordPress has a long standing history of providing a good user experience. Publishers, site owners, content editors, all have been able to benefit from the ease of use of the admin. In this talk, we’re going to take a deeper look into the experience of the WordPress admin – how we can extend WordPress to make publishing content a breeze, and how a few changes to the way we approach the admin, plugins, and themes can help make the experience even better.WordPress has a long standing history of providing a good user experience. Publishers, site owners, content editors, all have been able to benefit from the ease of use of the admin. In this talk, we’re going to take a deeper look into the experience of the WordPress admin – how we can extend WordPress to make publishing content a breeze, and how a few changes to the way we approach the admin, plugins, and themes can help make the experience even better.
WordPress & User Experience - WordCamp St. LouisSara Cannon
WordPress & User Experience
“WordPress has a long standing history of providing a good user experience. Publishers, site owners, content editors, all have been able to benefit from the ease of use of the admin. In this talk, we’re going to take a deeper look into the experience of the WordPress admin - how we can extend WordPress to make publishing content a breeze, and how a few changes to the way we approach the admin, plugins, and themes can help make the experience even better.”
THE CURRENT ADMIN EXPERIENCE
— Media Library
— Distraction Free Writing
— Customizer
IMPROVING THE ADMIN EXPERIENCE
— Drag and drop page reordering
— Featured Images Within Columns
— Sortable Columns
— Editor Styles
— Drag & Drop Featured Image
THE FUTURE IN WORDPRESS USER EXPERIENCE
— Press This Bookmarklet
— WP REST API
— Admin Themes
— Front End Editing
Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.
Typography and User Experience in Web DesignSara Cannon
Typography - the most often neglected part of the internet sometimes, but arguably one of the most important.
Oliver Reichenstein of information Architects once said that "Web Design is 95% Typography." This holds true. Not only is type use to convey information, but it is also used to navigate and perform tasks. This stat is overwhelming to think about considering how little we actually discuss type in our industry.
Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content.
We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design.
// talk given at WordCamp Chicago 2014 //
Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content.
We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design such as icon fonts, svg, and other helpful tips.
SMART DESIGN - icon fonts, svg, and the mobile influenceSara Cannon
SMART DESIGN - icon fonts, svg, and the mobile influence
Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content.
We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design such as icon fonts, svg, and other helpful tips.
The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon
Web design is not an interactive brochure anymore. Smart mobile devices have forever changed the way we think and interact with websites. Now you have to consider an array of things you didn’t have to worry about before, such as HiDPI graphics, UI/UX patterns, touch target sizes, gestures, and managing expectations. All the while not losing track of what’s important: Content.
We’re going to discuss the influence of mobile on design, trends, and implementation methods, as well as how touch is changing our lives. As designers and developers, we can benefit from learning about how mobile is changing the way we interact with websites, and what that means for the future of UI.
Are you a Designer or a Developer or both? – This talk will explore myths & preconceptions about roles.. And how when we push these boundaries, we can achieve greater things. Because, if you understand what you’re trying to accomplish both technically and visually, you will have fantastic a outcome.
We’ll touch on “crossover” (golden unicorn) topics such as UI, UX, trusting instincts, user testing, wire framing, information architecture, typography, front end structure, form, and the mindset we need to have in order to challenge both sides of our brain.
WordPress is a great place to put this into practice: as its a perfect environment for leaning php & css, but also its surrounding community support helps us achieve greatness.
Weather you consider yourself a Designer, a Developer, or both: this talk is for you.
Designer vs Developer: Creators in WordPressSara Cannon
This talk will explore myths & preconceptions about roles.. When we push these boundaries, we can achieve greater things. If you understand what you’re trying to accomplish both technically and visually, you will have fantastic a outcome.
We’ll touch on “crossover”(golden unicorn) topics such as UI, UX, trusting instincts, user testing, wire framing, information architecture, front end structure, and form.
WordPress is a great place to put this into practice: as its a perfect environment for leaning php,css, but also its surrounding community support helps us achieve greatness.
Devices that consume the web are being created at a never-before heard of rate. They’re getting smaller, lighter, faster, sharper, and sexier. Life is awesome right? But what about us web designers?
Let’s talk about how to get the best possible ratio of speed vs awesome, and what techniques to use for fast and stunning visual experiences.
Websites are all about content. People can access your content many different ways and formats with mobile devices, iPads, phones, etc. The questions are: how can we maintain control over the display of our content and keep our brand consistent? How can we try to provide the best user experience on any platform? Enter Responsive Web Design. Many experts are not leaning on one static design but on structured content that adapts to its given environment. In this talk, we are going to take a look at responsive web design techniques out there including: progressive enhancement, flexible grids, media queries, flexible images & video, & other methods of implementation.
In Font Swoon we will not only take a great look at some cool and inspiring fonts and implementations, but an in-depth look at advanced type techniques using CSS3 as well as basic implementation. A type nerd must see.
Dont you just love the latest design trends and techniques? Want to apply them to WordPress using great technique? Or do you just need some inspiration? Come to “Design Swoon” where we will not only look at some of the best design on the web but also parse down technique of implementation with CSS3, HTML5, & WordPress. A designers must-see.
UI Design for Themes and Plugins by Chelsea Otakan & Sara CannonSara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon:
User interface design is both a science and an art. The developers and designers who volunteer to work on WordPress put a lot of thought into the approach. We’ll discuss how the WordPress UI can influence your theme and plugin UI designs.
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.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
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.
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
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...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/
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
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
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.
Generating a custom Ruby SDK for your web service or Rails API using Smithy
Typography on the Web
1. TYPOGRAPHY ON THE WEB
WORDCAMP RENO 2011
sara cannon / sara-cannon.com / follow @saracannon
Saturday, June 4, 2011
2. ABOUT ME
SARA CANNON
Birmingham, AL
@saracannon
slideshare.net/saracannon
sara-cannon.com
I love WordPress!
WORDCAMP RENO
Saturday, June 4, 2011
3. TYPOGRAPHY ON THE WEB
FONTS USED IN THIS PRESENTATION:
Chaparral Pro by Adobe
http://typekit.com/fonts/chaparral-pro
LEAGUE GOTHIC by e League of Movable Type
http://typekit.com/fonts/league-gothic
WORDCAMP RENO
Saturday, June 4, 2011
4. TYPOGRAPHY ON THE WEB
Web Design is 95%
Typography
WORDCAMP RENO
Saturday, June 4, 2011
25. TYPOGRAPHY ON THE WEB
@font-face
WORDCAMP RENO
Saturday, June 4, 2011
26. TYPOGRAPHY ON THE WEB
@FONT-FACE
WORDCAMP RENO
Saturday, June 4, 2011
27. TYPOGRAPHY ON THE WEB
Why shouldn’t I try to use my print
fonts that I paid so much for?
WORDCAMP RENO
Saturday, June 4, 2011
28. TYPOGRAPHY ON THE WEB
FONT-HINTING FOR THE SCREEN
WORDCAMP RENO
Saturday, June 4, 2011
29. TYPOGRAPHY ON THE WEB
Load Time
WORDCAMP RENO
Saturday, June 4, 2011
30. TYPOGRAPHY ON THE WEB
Check your licensing
WORDCAMP RENO
Saturday, June 4, 2011
31. TYPOGRAPHY ON THE WEB
Hand Code
Font Face Kit Generator
Typekit Or Other Paid Hosts
Google Api
WORDCAMP RENO
Saturday, June 4, 2011
32. TYPOGRAPHY ON THE WEB
@FONT-FACE
http://paulirish.com/2009/bulletproof-font-face-
implementation-syntax/
WORDCAMP RENO
Saturday, June 4, 2011
33. TYPOGRAPHY ON THE WEB
from: fontsquirrel.com
WORDCAMP RENO
Saturday, June 4, 2011
34. TYPOGRAPHY ON THE WEB
Fontsquirrel.com
@font-face Generator
WOFF - e Emerging Standard Format.
EOT (light) - Targets Internet Explorer.
SVG - Targets Webkit Mobile Platforms (iPhone And IPad)
WORDCAMP RENO
Saturday, June 4, 2011
35. TYPOGRAPHY ON THE WEB
http://sprungmarker.de/wp-content/uploads/webfont-services/
Saturday, June 4, 2011
36. TYPOGRAPHY ON THE WEB
typekit.com
WORDCAMP RENO
Saturday, June 4, 2011
47. TYPOGRAPHY ON THE WEB
DISABLE TYPEKIT JUST FOR IE6
- load IE6 Fonts in Style Sheet within Conditional
Comments in the Header
WORDCAMP RENO
Saturday, June 4, 2011
48. TYPOGRAPHY ON THE WEB
DISABLE FOR ALL OF WINDOWS:
User Agent
WORDCAMP RENO
Saturday, June 4, 2011
49. TYPOGRAPHY ON THE WEB
JUST FIREFOX
CSS Hack
WORDCAMP RENO
Saturday, June 4, 2011
50. TYPOGRAPHY ON THE WEB
FIREFOX ON ALL OF WINDOWS
User Agent
WORDCAMP RENO
Saturday, June 4, 2011
51. TYPOGRAPHY ON THE WEB
FIREFOX ON WINDOWS XP
User Agent + CSS Hack
WORDCAMP RENO
Saturday, June 4, 2011
52. TYPOGRAPHY ON THE WEB
COMBATING FOUT
Flash
Of
Unstyled
Text
WORDCAMP RENO
Saturday, June 4, 2011
53. TYPOGRAPHY AND YOUR THEME
COMBATING FOUT
blog.typekit.com/2010/05/19/typekit-and-google/
WORDCAMP RENO
Saturday, June 4, 2011
54. TYPOGRAPHY AND YOUR THEME
COMBATING FOUT
code.google.com/apis/webfonts/
docs/webfont_loader.html
WORDCAMP RENO
Saturday, June 4, 2011
55. TYPOGRAPHY AND YOUR THEME
Typekit Default Embed:
Webfont Loader Embed:
WORDCAMP RENO
Saturday, June 4, 2011
59. TYPOGRAPHY ON THE WEB
Take it Even Further
WORDCAMP RENO
Saturday, June 4, 2011
60. TYPOGRAPHY ON THE WEB
STYLING CONDENSED FONTS:
Fallback with Fallback Without
Webfont Loader Normal Webfont Loaser
WORDCAMP RENO
Saturday, June 4, 2011
61. TYPOGRAPHY ON THE WEB
USE THOSE STYLE SHEETS!
WORDCAMP RENO
Saturday, June 4, 2011
62. TYPOGRAPHY ON THE WEB
Even More Custom
Type
Implementation
WORDCAMP RENO
Saturday, June 4, 2011
69. TYPOGRAPHY ON THE WEB
WordPress Plugins
WORDCAMP RENO
Saturday, June 4, 2011
70. TYPOGRAPHY ON THE WEB
PLUGIN: WP TYPOGRAPHY
http://wordpress.org/extend/plugins/wp-typography/
WORDCAMP RENO
Saturday, June 4, 2011
71. TYPOGRAPHY ON THE WEB
PLUGIN: DROP CAPS
http://wordpress.org/extend/plugins/drop-caps/
• override their css with your own
• works across browsers with not too much tweaking
WORDCAMP RENO
Saturday, June 4, 2011
72. TYPOGRAPHY ON THE WEB
Neat Type Scripts
WORDCAMP RENO
Saturday, June 4, 2011
73. TYPOGRAPHY ON THE WEB
SCRIPT: LETTERING.JS
http://letteringjs.com/
• Takes each letter in a headline and wraps it in a Span
• Allows for individual letter manipulation
• Not recommended for large chunks
WORDCAMP RENO
Saturday, June 4, 2011
77. TYPOGRAPHY ON THE WEB
SCRIPT: KERN.JS
http://www.kernjs.com/
• Allows in-browser kerning of lettering
• Generates code for kerned copy
• Works with Lettering.js
WORDCAMP RENO
Saturday, June 4, 2011
79. TYPOGRAPHY ON THE WEB
SCRIPT: FIT TEXT
http:// ttextjs.com/
• Stretches headline to t container
• Useful for uid/responsive layouts
WORDCAMP RENO
Saturday, June 4, 2011
81. TYPOGRAPHY ON THE WEB
Other Must Havesies
WORDCAMP RENO
Saturday, June 4, 2011
82. TYPOGRAPHY ON THE WEB
EXTENSION: WHATFONT
http://chengyinliu.com/whatfont.html
• Find out what fonts and their CSS others are using
• Sharpen your ninja font-detection skillz!
(yes that is a ninja skill)
WORDCAMP RENO
Saturday, June 4, 2011
84. TYPOGRAPHY ON THE WEB
EXTENSION: GOOGLE FONT PREVIEWER
https://github.com/pamelafox/font-previewer-
extension
• Test run a font on your site without coding
• using web-fonts only from Google’s web-font API
WORDCAMP RENO
Saturday, June 4, 2011
86. TYPOGRAPHY ON THE WEB
BOOKMARKLET: MIN
http://min.artequalswork.com/
• Shows your site if it was just type
• Gets rid of all images and leaves just the type layout
• Analyze Typographic Hierarchy
WORDCAMP RENO
Saturday, June 4, 2011
89. TYPOGRAPHY ON THE WEB
e Future?
WORDCAMP RENO
Saturday, June 4, 2011
90. TYPOGRAPHY ON THE WEB
THE FUTURE?
• Richard Ritter of Fontdeck.com @clanut
•Open Type
• Ligatures
• Multiple Alphabet Sets
• Multiple Numeric Sets
• All through CSS Classes!
WORDCAMP RENO
Saturday, June 4, 2011
91. TYPOGRAPHY ON THE WEB
What Not To Do
WORDCAMP RENO
Saturday, June 4, 2011
92. TYPOGRAPHY ON THE WEB
Style Your Website
With Paparyus
(Sorry Every Mediterranean Restaurant Website Ever)
WORDCAMP RENO
Saturday, June 4, 2011
93. TYPOGRAPHY ON THE WEB
Use Non-Web-Licensed Fonts:
Archer or GOTHAM
(Sorry H&FJ Luvahz)
WORDCAMP RENO
Saturday, June 4, 2011
95. TYPOGRAPHY ON THE WEB
Never EVER Use The
Infamous Comic Sans
(It doesn’t matter that you think it’s good for wire-framing)
WORDCAMP RENO
Saturday, June 4, 2011
96. TYPOGRAPHY ON THE WEB
It’s STILL Not Cool
EVEN If You Think
It Is IRONIC
(Sorry Jorbin)
WORDCAMP RENO
Saturday, June 4, 2011
97. TYPOGRAPHY ON THE WEB
e Infamous
Eye Bleed
WORDCAMP RENO
Saturday, June 4, 2011
98. TYPOGRAPHY ON THE WEB
EYE BLEED!!!
AHHH THE BURNING!
FREE SET OF STEAK KNIVES!!!
Saturday, June 4, 2011
99. TYPOGRAPHY ON THE WEB
e Even More Infamous
EYE BLEED
WORDCAMP RENO
Saturday, June 4, 2011
100. TYPOGRAPHY ON THE WEB
EYE BLEED!!!
AHHH THE BURNING!
FREE SET OF STEAK KNIVES!!!
Saturday, June 4, 2011
101. TYPOGRAPHY ON THE WEB
What To Do
WORDCAMP RENO
Saturday, June 4, 2011
102. TYPOGRAPHY ON THE WEB
Find An Appropriate Substitution For:
GOTHAM
By Using
PROXIMA NOVA
WORDCAMP RENO
Saturday, June 4, 2011
103. TYPOGRAPHY ON THE WEB
Check All Browsers
Always.
WORDCAMP RENO
Saturday, June 4, 2011
104. TYPOGRAPHY ON THE WEB
Create A Typographic
Style Guide For
Your eme
WORDCAMP RENO
Saturday, June 4, 2011
105. TYPOGRAPHY ON THE WEB
http://twentytendemo.wordpress.com/
Saturday, June 4, 2011
114. TYPOGRAPHY ON THE WEB
Follow e Tweets
WORDCAMP RENO
Saturday, June 4, 2011
115. TYPOGRAPHY ON THE WEB
FOLLOW THE TWEETS
@JasonSantaMaria @fontsquirrel
@veen @typekit
@brucel @h_
@ilovetypography @clagnut
@jessicahische @fchimero
WORDCAMP RENO
Saturday, June 4, 2011
116. TYPOGRAPHY ON THE WEB
Find Inspiration
WORDCAMP RENO
Saturday, June 4, 2011