42 private links
Contrary to appearances, the W3C specifications are for the most part not designed for computers, but for people. You may think that <h1>, è and </ul> look ugly and unintuitive, but what would you think if they were called A378, 30C9 and 38F0 respectively? Most of the formats are in fact compromises between human-readability and computer efficiency. Some are more readable than others, because we expect more people to read them, others can be more cryptic, because "only" programmers will look at the source.
The chart above is an animated SVG featured on Sprout.
This chart, and one other animation on Sprout, were initially GIFs. By using animated SVGs instead of GIFs we were able to reduce our page size from 1.6 mb to 389 kb, and reduce our page load time from 8.75 s to 412 ms. That’s a huge difference.
Below, I’ll break down the animation of one of the circles seen in the chart. The technique applies to all of the elements in the graphic. With this you can create your own lightweight animated graphic.
modular css in sass
Look At Me продолжает серию интервью с российскими арт-директорами, которые не только меняют современные СМИ, но и формируют визуальные привычки читателей, обучают коллег и пробуют задать мировые тенденции в рамках отдельно взятой страны. Новое интервью из серии — разговор с Алексеем Ивановским, арт-директором онлайн-издания W-O-S.
Fifty milliseconds. That’s how quickly visitors can form strong, long-lasting impressions about your news or information website. But they aren’t sizing up the quality of your content or the sophistication of your code. They’re making nearly instantaneous, mostly subconscious judgments about how your work has been designed.
Those assessments can lead to very conscious — and consequential — conclusions about the merits of your page, product or platform. Bad graphic design can damage perceptions about your credibility. It can make your content harder to understand and render your work less appealing.
Ever since attending last year’s Build Conference I’ve been using what I’ll call “The Modular Scale Method,” which is a technique I’ve found invaluable for building my designs from the content out.
We’ll talk about this method more in-depth in just a little while as we look briefly at a simple Cookbook application. But given that the modular scale concerns itself with typography—the most granular level of our content.
Having worked as a web designer for a good ten years or more now, I don't envy someone at the beginning of their journey into the profession.
In an ideal world, every camera, screen, and printer would display color in the same way. Unfortunately, thats not how it works in practice.
I made this same basic argument almost seven years ago, but it seems that many news websites still think it's a good idea to break up stories into multiple pages. Farhad Manjoo, over at Slate, has an article arguing why paginating long articles is a bad idea, whose only purpose is to goose page view numbers and ad views for websites -- and it does nothing to make the reading experience better. Somewhat ironically, he's writing this on Slate, which does paginate stories. At least Slate has a "single page" option, which is what I linked to above, though you can look at the idiotically broken up version if you'd like as well.
As if up and changing which CMS I'm using would somehow solve this small issue I'm having. Sometimes it's a friendly poke, sometimes it's trollish, but more often than not I think they truly believe that moving CSS-Tricks off WordPress to whatever their favorite CMS is would be a smart move.
I don't think that. I figured I'd write up my reasoning.
Чтобы создавать по-настоящему легкие сайты, не стоит заморачиваться на производительности, вместо этого, производительность должна рассматриваться как один из элементов дизайна.
When someone asks you for a web image that’s, say, two inches wide, they’re estimating how it would appear on their own monitor. Without changing the image’s pixel dimensions, that image would appear larger or smaller on different monitors—and would even look different on the same monitor at a different resolution setting.
It’s hard to be equally good at all of the tasks that fall under data journalism. To make matters worse (or better, really), data journalists are discovering and applying new methods and tools all the time.
We use git at Bump for all sorts of things. Recently, we've started converting our designers and product managers. You can think about git like Dropbox: it takes files on your computer, puts them in the cloud, and lets other people work on them too. But it has some pretty rocking advantages.
Here, we take a look at Kepler’s last three years of successful exoplanet hunting and some of the best discoveries it has made. We look forward to many more exciting findings and, of course, many more awesome "bullshit artist renderings."