Extend your GitHub workflow beyond your browser with GitHub Desktop, completely redesigned with Electron. Get a unified cross-platform experience that’s completely open source and ready to customize. By downloading, you agree to the Open Source Applications Terms.
Links
Multi-Line Truncation with Pure CSS
Twitter Facebook html { –lh: 1.4rem; line-height: var(–lh); } .truncate-overflow { –max-lines: 3; max-height: calc(var(–lh) * var(–max-lines)); overflow: hidden; } .truncate-overflow::before { content: “…”; position: absolute; bottom: 0; right: 0; } .
No. 255: Finally a Survey on What Makes You Most Creative, Illustrating Commuter Hell, a New LGBTQ+ Accessibility Style Guide + More
Also this week, a look at the identity for an exhibition celebrating 50 years of Black creativity, and a few revelations about what to expect from this year’s TypeCon.
Schedule
Front end development has gotten a lot more complicated. Preprocessors, package managers, command line tools, CSS-in-JS, the never-ending stream of JS Frameworks… it’s exhausting. But there’s a simpler way!
Ai Weiwei Wins a Legal Battle With Volkswagen Over an Ad That Featured His Refugee-Themed Art Installation Without Permission
The Chinese artist and activist Ai Weiwei has won his legal battle with Volkswagen over an advertisement that used one of his installations as a backdrop without his permission. Today, a court in Copenhagen awarded the artist a total of 1.
https://news.artnet.com/art-world/ai-weiwei-vw-refugees-1603096
ADA Title III News & Insights
By Kristina M. Launey and Minh N. Vu On April 1, 2015, the Ninth Circuit became the first federal appellate court in the country to hold that web-only businesses are not places of public accommodation under the ADA.
Voice Assistants are Changing How Users with Disabilities Get Things Done
Picture this: You roll out of bed in the morning, stumble over to the kitchen and call out, “Alexa, turn on the TV.” Good, background noise is on. Time to make some coffee.
https://www.modev.com/blog/voice-assistants-are-changing-how-users-with-disabilities-get-things-done
Eyes Only
How to use fonts: Typographic explorations from the designers at Hoefler & Co.
Web
Web website2018 Low-tech magazine Marie Otsuka Roel Roscam Abbing Contributed by Matthijs Sluiter Medium.
https://fontsinuse.com/in/2/formats/3/web?order=most-discussed
Many young people don’t vote because they never learned how. Here’s a free class now in schools trying to change that.
Consider this: In 2016, in 50 mayoral elections, the median voter age was 57. Yes, there’s something wrong with that, and with the fact that young people don’t vote in big percentages in any election.
Cooking with Design Systems
Prolific designer Milton Glaser said, “I move things around until they look right,” Because that’s most of what I do in Photoshop and Sketch, I need a way to do that in code. First, I need to make the “things” that need to be moved around.
Starting a Design System
There are a lot of great articles about design systems, but I’m not sure I’ve seen much written about how to start one. When SuperFriendly works with clients to create design systems, the first thing we’ll do is an audit of the existing digital landscape.
2018
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more
Three things you don’t need to become a speaker
Now and then I have a conversation with someone who’s interested in pursuing public speaking but too afraid of endless requirements and pressure correlating to doing so.
https://thefox.is/2017/things-you-dont-need-to-become-a-speaker
The League of Moveable Type
Started in February 2009 — back when designers were just gaining the ability to put custom fonts on the web — we opened our doors with a font, a manifesto, and a calling — to raise the design standards of the web.
What to Take Away From FedEx and Target’s Accessibility Lawsuits
Accessibility lawsuits can tell us a lot about what makes an organization accessible to both employees and customers.
https://www.3playmedia.com/2017/09/14/take-away-fedex-targets-accessibility-lawsuit/
The WebAIM Million An accessibility analysis of the top 1,000,000 home pages
In February 2019, WebAIM conducted an accessibility evaluation of the home pages for the top 1,000,000 web sites using the WAVE stand-alone API (with additional tools to collect site technology parameters).
My Talk Writing Process
Some people have a talk preparation process that is super organized and runs like a well-oiled machine. Mine, on the other hand, is a bit messy, but it works for me. Even when a talk looks polished and put together on stage, it doesn’t mean the process to get it there was that way too.
My Talk Writing Process
I’ve done a lot of talks in the last few years. At this point I pretty much have my talk-writing process down, but it that wasn’t always the case. If you’re new to writing talks, whether that’s for conferences or work presentations, I revealed all my process tricks in a post on CSS Tricks.
03: Just Enough Research
Before you begin to put pencil to paper for a design, you need to know more than what the client asked you to design. For the design to serve the organizational goals of your client, you need to know about the competition, the end users, real world context of use, and much more.
https://students.garyrozanc.com/art336/a03-just-enough-research.html
05: Creating Personas
You are not designing for your client. You are designing for your client’s audience and users. You will not always have direct access to your client’s audience. Even if you do have direct access, you will not have 24/7 access while the project is in the visual design phase.
https://students.garyrozanc.com/art336/a05-creating-personas.html
Ellen Lupton : Quotes on Design
It is easier to talk than to listen. Pay attention to your clients, your users, your readers, and your friends. Your design will get better as you listen to other people.
Digital Services
What we do The Digital Services team within the Office of Communications and Marketing is responsible for developing and maintaining SUNY Oswego’s official web presence. We maintain the Drupal-based CMS for all official college department and office web sites, provide web editor training and support; and assist with information architecture, content strategy, UX, design and
https://www.oswego.edu/communications-and-marketing/digital-services
Evil Isn’t A Mental Illness
It’s been a long time since a discussion of the current president, his ideology, and his followers hasn’t used the word “crazy” in some form.
https://medium.com/@ProfBanks/evil-isnt-a-mental-illness-5015263985ca
100 Ways to Make the World Better for Non-Binary People
Non-binary identity is more visible than ever in the mainstream media, but that doesn’t necessarily translate to safety, support, opportunities, understanding—or any of the other things many non-binary people actually need.
Sustainable Web Manifesto
We all share and use the web, just as we all share and live on this planet. This manifesto is a public declaration of a shared commitment to create a sustainable internet. The planet is experiencing unprecedented climate change and the Internet is both part of the problem and the solution.
Web page layout 101: website anatomy every designer needs to learn
Sound impossible? Don’t worry, here’s a quick guide to building a conversion-boosting web page layout.
https://webflow.com/blog/web-page-layout-101-website-anatomy-every-designer-needs-to-learn
About Font Playground
Font Playground is built for three groups of audiences. The first group of audience is typographers and designers, who would like to play with fonts that are built with the latest font technologies, such as variable font.
Variable Fonts Experiments
A collection of experiments with variable font text effects. Warning: These are really heavy on your computer.
What makes letters legible?
In the last articles of this series we have established the relevant terms of legibility and learned what we know about the reading of words in the latin script. Now we move on to the legibility of letters itself.
https://typography.guru/journal/what-makes-letters-legible-r37/
Accessibility
More than 1.85 million people in Ontario and 4.4 million people in Canada have a disability. This number is on the rise as our population ages. Accessibility is no longer an option – it’s a necessity.
Making Math, Science, and Technology Instruction Accessible to Students with Disabilities
Making Math, Science, and Technology Instruction Accessible to Students with Disabilities is available in HTML and PDF versions. For the HTML version, follow the table of contents below.
My White Friend Asked Me on Facebook to Explain White Privilege. I Decided to Be Honest
Yesterday I was tagged in a post by an old high school friend asking me and a few others a very public, direct question about white privilege and racism.
Designing for Screen Reader Compatibility
Screen readers convert digital text into synthesized speech. They empower users to hear content and navigate with the keyboard. The technology helps people who are blind or who have low vision to use information technology with the same level of independence and privacy as anyone else.
Why Don’t Screen Readers Always Read What’s on the Screen? Part 1: Punctuation and Typographic Symbols
Screen readers are designed to do one thing: read what’s on the screen. That’s why they call them screen readers, right? You would think that screen reader software would have perfected the art of reading text by now, because that was the whole reason why screen readers were invented.
The 5 rules of design composition and layout
Everyone knows to get better at any art form, you have to first understand the particular tools and procedures that form it. Design is no different from playing an instrument or even a chef making a meal.
https://99designs.com/blog/tips/design-composition-and-layout/
Call for Proposals: 2020 Annual Meeting
AAC&U invites proposals of innovative, interactive, and substantive sessions that will raise provocative questions, engage participants with evidence of “what works,” and create and encourage dialogue—before, during, and after the conference itself.
Artsweek at the Everson
Members get the first opportunity to see a new work by vertical dance troupe BANDALOOP, celebrating our I.M. Pei-designed building. Tickets are limited, reservations are required. Limit 6 tickets per person. Glaze a piece of pottery and discover the magic of watching it fire in a brick raku kiln.
Want a winning website? Project management guide for nonprofits and campaigns
Say it’s time for your organization to do a website redesign, or your campaign needs a new website for the campaign launch or post-primary.
Obama’s Web Designer Breaks Down the 2016 Candidates Based on Their Websites
With each passing cycle, presidential elections get more tech-savvy, making the task of raising funds and rallying support on all fronts—both online and off—dependent on new strategies and tools, like increasingly sophisticated web presences.
What the 2020 presidential candidates’ logos tell us, explained by design experts
What is it about a political candidate’s logo that makes people want to get out and vote? Did Alexandria Ocasio-Cortez’s dynamic branding — incorporating speech bubbles and stars, her name pitched at an angle — particularly speak to voters in Queens and the Bronx last November? Was it Presid
https://www.vox.com/the-goods/2019/3/29/18284489/2020-presidental-candidate-logos-democrats
Writing About Art
Formal analysis is a specific type of visual description. Unlike ekphrasis, it is not meant to evoke the work in the reader’s mind. Instead it is an explanation of visual structure, of the ways in which certain visual elements have been arranged and function within a composition.
How To Cultivate Healthy Design Feedback
Feedback is arguably the most important resource for a designer. It helps skilled designers hone their work faster. It gives junior designers the opportunity to learn from more experienced team members. And, when done well, it helps everyone stay focused on goals and outcomes.
https://medium.com/designbetter/how-to-cultivate-healthy-design-feedback-4540dd22ebec
Switches for the Disabled | Enabling Devices
Hundreds of unique adaptive switches for people with disabilities. We carry the most diverse switches in the assistive technology community – wireless switches, wheelchair switches, sip and puff, sound activated switches, gumball switches, plate switches and more.
iPad Wireless Switch Interface
There’s a switch interface for that app! Just connect your switch and access hundreds of compatible apps. Weight: ½ lb.
https://enablingdevices.com/product/ipad-wireless-switch-interface/