Typography on the Web

•

4 recomendaciones•1,035 vistas

Dmitry Baranovskiy

Tecnología Diseño

Typography
on the Web
•

old hidden art

Trajan column

2000

One of the most annoying
things
is ,of course , punctuation
errors !
Punctuation

One of the most annoying
things
is ,of course , punctuation
errors !
Punctuation

“”≠
‘’≠''
Quotes

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Typography on the Web

Más contenido relacionado

Destacado

Building for People

Building for People

Building for People

Marko Dugonjić

Os navegadores modernos oferecem APIs que muitas vezes nem chegamos a conhecer e utilizar no dia-a-dia. Um exemplo é a API de Web Audio, que permite reproduzir e criar sons no browser utilizando apenas código JavaScript. Para estudá-la (e me divertir um pouco), resolvi bolar uma maneira de escrever partituras simples em formato JSON e conseguir reproduzi-las no navegador. O resultado disso foi o RetroJS: um experimento de Web Audio, com um feeling nostálgico da era 8-bits. Neste talk, vou explicar como transformei notações musicais em strings, e strings em música.

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

Eduardo Shiota Yasuda

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Eduardo Shiota Yasuda

O Design e a Interface no mundo da Programação

O Design e a Interface no mundo da Programação

O Design e a Interface no mundo da Programação

Eduardo Shiota Yasuda

“Can you make this?” Our manager slides over a screenshot from Tron/Oblivion/Any Sci-fi movie with a sticky note that says “our data here” and pitches us an idea. We are stuck between a cool idea and tons of unknowns. We know that the availability, accuracy, and nature of our data will directly affect the quality and outcome of our project. So how do we begin developing? We fake it while we make it. This is what the talk is about: the importance of developing with fake data, the types of data we can fake, and some useful strategies for getting up and running with fake data. http://www.okcruby.org/blog/2015/02/05/february-2015-meeting/

Fake It While We Make It (Data-Driven Prototyping)

Fake It While We Make It (Data-Driven Prototyping)

Fake It While We Make It (Data-Driven Prototyping)

Quando o objetivo é vender, uma modificação mínima pode impactar a taxa de conversão final. Para que um e-commerce atinja sua performance máxima, é necessário fazer com que os componentes, a equipe e mínimos detalhes funcionem em perfeita harmonia -- e o front-end é um deles. Nesta palestra, mostrei os desafios enfrentados pelo time de engenharia de Front-end da Baby.com.br: como trabalhar com uma equipe com vários desenvolvedores, gerando componentes auto-contidos, testáveis e escaláveis, mantendo a melhor performance possível, sem perder o padrão de qualidade. Fonte das métricas: http://blog.bizelo.com/blog/2012/10/18/infographic-shopping-cart-abandonment-rates/

Desafios do Desenvolvimento de Front-end em um e-commerce

Desafios do Desenvolvimento de Front-end em um e-commerce

Desafios do Desenvolvimento de Front-end em um e-commerce

Eduardo Shiota Yasuda

Are you tired of using the same old fonts in your Web designs? The type you use can say as much to your audience as the actual words on the page, but until now, Web designers have had an extremely limited palette of fonts from which to choose—essentially, Arial (yawn), Times (yawn), and Georgia (yawwwwwn). Design is about overcoming the limitations of a medium, and Web design is no different. In this session, Jason will show you how to use fluid typography, browser-safe fonts, and type on images to create robust scalable designs to achieve great typography without resorting to typing in images or Adobe Flash. You’ll also learn how to use CSS to download any font you want to use in your Web designs, and to use downloadable fonts, despite the limitations of some browsers.

Web Typography

Jason CranfordTeague

Datadesignmeaning

Datadesignmeaning

Datadesignmeaning

Mobile ui trends present future – meaningful mobile typography

Mobile ui trends present future – meaningful mobile typography

Mobile ui trends present future – meaningful mobile typography

Halil Eren Çelik

Typography and Grid for Mobile Design

Typography and Grid for Mobile Design

Typography and Grid for Mobile Design

Criando uma arquitetura de front-end do zero

Criando uma arquitetura de front-end do zero

Criando uma arquitetura de front-end do zero

Eduardo Shiota Yasuda

Type

Web Typography Fundamentals

Web Typography Fundamentals

Web Typography Fundamentals

markboultondesign

With Great Power, a lecture on web typography

With Great Power, a lecture on web typography

With Great Power, a lecture on web typography

FITC Amsterdam 2015 - keynote-adobe - We are mutants

FITC Amsterdam 2015 - keynote-adobe - We are mutants

FITC Amsterdam 2015 - keynote-adobe - We are mutants

It’s been said that web design is 95% typography. So as a web designer, getting the typography right is a must. Today with the growing popularity of web fonts and modern CSS techniques, this task has become easier, but it never hurts to have all the help you can get with something so critical. That’s why we’ve rounded up some useful tools to help you create better web typography. Communicating via typefaces. Fonts and layout.

Typography on Web.

Typography on Web.

Typography on Web.

Web Typography Now

Web Typography Now

Web Typography Now

Tom Lewek Design

Typography on the Web - FITC Amsterdam 2015

Typography on the Web - FITC Amsterdam 2015

Typography on the Web - FITC Amsterdam 2015

A crash course in typography

A crash course in typography

A crash course in typography

The State of Web Type

The State of Web Type

The State of Web Type

Matthew Buchanan

Destacado (20)

Building for People

Building for People

Building for People

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

O Design e a Interface no mundo da Programação

O Design e a Interface no mundo da Programação

O Design e a Interface no mundo da Programação

Fake It While We Make It (Data-Driven Prototyping)

Fake It While We Make It (Data-Driven Prototyping)

Fake It While We Make It (Data-Driven Prototyping)

Desafios do Desenvolvimento de Front-end em um e-commerce

Desafios do Desenvolvimento de Front-end em um e-commerce

Desafios do Desenvolvimento de Front-end em um e-commerce

Web Typography

Datadesignmeaning

Datadesignmeaning

Datadesignmeaning

Mobile ui trends present future – meaningful mobile typography

Mobile ui trends present future – meaningful mobile typography

Mobile ui trends present future – meaningful mobile typography

Typography and Grid for Mobile Design

Typography and Grid for Mobile Design

Typography and Grid for Mobile Design

Criando uma arquitetura de front-end do zero

Criando uma arquitetura de front-end do zero

Criando uma arquitetura de front-end do zero

Type

Web Typography Fundamentals

Web Typography Fundamentals

Web Typography Fundamentals

With Great Power, a lecture on web typography

With Great Power, a lecture on web typography

With Great Power, a lecture on web typography

FITC Amsterdam 2015 - keynote-adobe - We are mutants

FITC Amsterdam 2015 - keynote-adobe - We are mutants

FITC Amsterdam 2015 - keynote-adobe - We are mutants

Typography on Web.

Typography on Web.

Typography on Web.

Web Typography Now

Web Typography Now

Web Typography Now

Typography on the Web - FITC Amsterdam 2015

Typography on the Web - FITC Amsterdam 2015

Typography on the Web - FITC Amsterdam 2015

A crash course in typography

A crash course in typography

A crash course in typography

The State of Web Type

The State of Web Type

The State of Web Type

Más de Dmitry Baranovskiy

JavaScript: enter the dragon

JavaScript: enter the dragon

JavaScript: enter the dragon

Dmitry Baranovskiy

The Origins of Magic

The Origins of Magic

The Origins of Magic

Dmitry Baranovskiy

Demystifying Prototypes

Demystifying Prototypes

Demystifying Prototypes

Dmitry Baranovskiy

Raphaël

Dmitry Baranovskiy

Type Recognition

Type Recognition

Type Recognition

Dmitry Baranovskiy

Raphaël JS Conf

Raphaël JS Conf

Raphaël JS Conf

Dmitry Baranovskiy

Obvious Secrets of JavaScript

Obvious Secrets of JavaScript

Obvious Secrets of JavaScript

Dmitry Baranovskiy

Your JavaScript Library

Your JavaScript Library

Your JavaScript Library

Dmitry Baranovskiy

Canvas

Dmitry Baranovskiy

SVG

Dmitry Baranovskiy

Java Script Workshop

Java Script Workshop

Java Script Workshop

Dmitry Baranovskiy

Raphael

Dmitry Baranovskiy

Web Vector Graphics

Web Vector Graphics

Web Vector Graphics

Dmitry Baranovskiy

Microformats—the hidden treasure

Microformats—the hidden treasure

Microformats—the hidden treasure

Dmitry Baranovskiy

Advanced JavaScript Techniques

Advanced JavaScript Techniques

Advanced JavaScript Techniques

Dmitry Baranovskiy

Más de Dmitry Baranovskiy (15)

JavaScript: enter the dragon

JavaScript: enter the dragon

JavaScript: enter the dragon

The Origins of Magic

The Origins of Magic

The Origins of Magic

Demystifying Prototypes

Demystifying Prototypes

Demystifying Prototypes

Raphaël

Type Recognition

Type Recognition

Type Recognition

Raphaël JS Conf

Raphaël JS Conf

Raphaël JS Conf

Obvious Secrets of JavaScript

Obvious Secrets of JavaScript

Obvious Secrets of JavaScript

Your JavaScript Library

Your JavaScript Library

Your JavaScript Library

Canvas

SVG

Java Script Workshop

Java Script Workshop

Java Script Workshop

Raphael

Web Vector Graphics

Web Vector Graphics

Web Vector Graphics

Microformats—the hidden treasure

Microformats—the hidden treasure

Microformats—the hidden treasure

Advanced JavaScript Techniques

Advanced JavaScript Techniques

Advanced JavaScript Techniques

Último

Enterprise Knowledge’s Urmi Majumder, Principal Data Architecture Consultant, and Fernando Aguilar Islas, Senior Data Science Consultant, presented "Driving Behavioral Change for Information Management through Data-Driven Green Strategy" on March 27, 2024 at Enterprise Data World (EDW) in Orlando, Florida. In this presentation, Urmi and Fernando discussed a case study describing how the information management division in a large supply chain organization drove user behavior change through awareness of the carbon footprint of their duplicated and near-duplicated content, identified via advanced data analytics. Check out their presentation to gain valuable perspectives on utilizing data-driven strategies to influence positive behavioral shifts and support sustainability initiatives within your organization. In this session, participants gained answers to the following questions: - What is a Green Information Management (IM) Strategy, and why should you have one? - How can Artificial Intelligence (AI) and Machine Learning (ML) support your Green IM Strategy through content deduplication? - How can an organization use insights into their data to influence employee behavior for IM? - How can you reap additional benefits from content reduction that go beyond Green IM?

Driving Behavioral Change for Information Management through Data-Driven Gree...

Driving Behavioral Change for Information Management through Data-Driven Gree...

Driving Behavioral Change for Information Management through Data-Driven Gree...

Enterprise Knowledge

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Maria Levchenko

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

The Raspberry Pi 5 was announced on October 2023. This new version of the popular embedded device comes with a new iteration of Broadcom’s VideoCore GPU platform, and was released with a fully open source driver stack, developed by Igalia. The presentation will discuss some of the major changes required to support this new Video Core iteration, the challenges we faced in the process and the solutions we provided in order to deliver conformant OpenGL ES and Vulkan drivers. The talk will also cover the next steps for the open source Raspberry Pi 5 graphics stack. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://eoss24.sched.com/event/1aBEx

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Evaluating the top large language models.pdf

Evaluating the top large language models.pdf

Evaluating the top large language models.pdf

ChristopherTHyatt

presentation ICT roal in 21st century education

presentation ICT roal in 21st century education

presentation ICT roal in 21st century education

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

What Are The Drone Anti-jamming Systems Technology?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Último (20)

Driving Behavioral Change for Information Management through Data-Driven Gree...

Driving Behavioral Change for Information Management through Data-Driven Gree...

Driving Behavioral Change for Information Management through Data-Driven Gree...

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Tech Trends Report 2024 Future Today Institute.pdf

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

GenCyber Cyber Security Day Presentation

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Evaluating the top large language models.pdf

Evaluating the top large language models.pdf

Evaluating the top large language models.pdf

presentation ICT roal in 21st century education

presentation ICT roal in 21st century education

presentation ICT roal in 21st century education

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

What Are The Drone Anti-jamming Systems Technology?

What Are The Drone Anti-jamming Systems Technology?

What Are The Drone Anti-jamming Systems Technology?

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Typography on the Web

1. Typography on the Web •

2. old hidden art

3. Trajan column

5. One of the most annoying things is ,of course , punctuation errors ! Punctuation

6. One of the most annoying things is ,of course , punctuation errors ! Punctuation

7. “”≠ ‘’≠'' Quotes