Finals, due dates, exams, and deadlines all have one thing in common: they convince us that skipping sleep is a good idea. While that's certainly not true, sometimes pulling an all-nighter is your only option to get things done. If you have to go that route, you may as well do it right. via Pocket

Easily add one or more posts to any page using simple shortcodes.

The easiest and the fastest way to create custom and high quality code for your WordPress project using the latest WordPress coding standards and API's.

SVG profiles

SVG 1.0: all modern desktop and mobile browsers support SVG 1.1, so never choose this option.
SVG 1.1: You will almost always want this.
SVG Tiny/Basic: this is a subset of SVG intended for mobile devices. Only a handful of devices support SVG Tiny and not the full spec, so go for SVG 1.1.

Note: SVG Tiny does not reduce the file size, it's just a subset of SVG that is adequate for low processing power devices. It will discard gradients, opacity, embedded fonts and filters. Erik Dahlström says: All SVG 1.1 full viewers should be able to display all of the SVG 1.1 Tiny/Basic content (according to spec), and probably all of the SVG 1.2 Tiny content that Illustrator produces too.

Fonts note: if you don't have any text in your image this setting doesn't matter.

Adobe CEF: never use this option of you intend to display it in browsers. It's Adobe's way of embedding fonts in SVG files, as far as I know this is only supported by Adobe's SVG viewer plugin.

SVG: this embeds the font as SVG, which is not supported by Firefox, but is a good option if you intend to support only mobile devices (which usually run webkit).

Create outlines: you will want to do this most of the time, unless you have a large amount of text. If you have a large amount of text you will want to embed the font with WOFF but you will have to do this by hand.

Subsetting:

None: this will negate the previous setting and will not embed any font, if you don't care that the font falls back to some other font in the user's computer choose this.

Only Glyphs used: you will want this most of the time if you choose to embed the font. It only embeds the characters used so it doesn't inflate your file size.

[rest of subsetting]: this is fairly clear, you can choose to include the entire font or subsets of it. It is only useful if your SVG is dynamic and the text might change based on user input.

Images: this only matters if you are including bitmap images

Embed: this is usually what you want, it encodes the image as a data uri so that you just upload one file instead of the svg file with it's companion bitmap images.

Link: use this only if you have several svg files that reference one bitmap file (so it's not downloaded every time it renders the svg file).

Note that linked bitmap images won't display if the SVG is displayed through the <img> tag, because img doesn't allow loading external resources. Furthermore: webkit has a bug that does not display bitmap images within svg files even if you embed them. In short: use a plain <svg> tag if you intend to embed or link bitmap images, don't use <img>.

De beste colleges van de beste wetenschappers van Nederland online.

This JS-based form will remove all comments in a given HTML markup.

Grids do not exist in a vacuum. They exist in relation to the content. We never start with a grid. We start with an idea which is then translated into a form, a structure.
Contains a list of common problems of responsive layouts.

This isn’t meant to be mean. Hopefully it’s helpful.
Believe me, I’m not self righteous about this. I’ve made a grand total of one website that works awesome on any device: desktop, tablets, phones, and whatnot. I’ve been making websites since 1996. You do the math.
The problem isn’t any one person. The problem is that we’ve all been doing this thing called Making a Website for a long time in a particular way. And now everything is changing. Sure some developers are resistant to learning new things, but most developers are interested, excited and willing. But this isn’t a problem that you can fix by just switching out which bit of code to use. It’s bigger than that. Content strategy, design, business all have to change. The fundamental way in which people work together to plan and coordinate the creation of a website has to change. It’s not easy to go into work one day and say to a big team, “Hey, uh, we need to restructure our design process and completely change what we are doing with our mobile web strategy. Uh, why? Yeah, just because.”
We need better reasons. Real examples. Proof that what we are all doing is not working anymore. That’s what this website is about. Examples convince. Seeing trends makes us smarter. The problem isn’t insurmountable if it’s known. So let’s get to know the problem.

Мультимедийная история А. Галустяна

Включая руководство по типографскому оформлению текста РИА

“Oh hai Smashing Magazine!” That’s one of the dozen ways that Flickr welcomes its users upon signing in every time. It’s an easily overlooked detail, one that the service would work without flawlessly. via Pocket
Subjects: Emotional design

The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. via Pocket

Yougoto.Travel – это интернет издание для самостоятельных путешественников и отличный советчик в планировке идеального путешествия, будь то многодневный дорожный трип по Америке или поездка в Европу на выходные.

The four most im­por­tant ty­po­graph­ic choic­es you make in any doc­u­ment are point size, line spac­ing, line length, and font (pas­sim), be­cause those choic­es de­ter­mine how the body text looks.

User-centered design has served the digital community well. So well, in fact, that I’m worried its dominance may actually be limiting our field. The terms “user experience design” (UX) and “user-centered design” (UCD) are often used interchangeably. But there’s an important distinction. via Pocket

via Pocket

Don’t look now, but your word processor is distracting you.

Jeff Johnson provides you with just enough background in perceptual and cognitive psychology that user interface (UI) design guidelines make intuitive sense rather than being just a list or rules to follow.

Школа разработки интерфейсов (ШРИ) организована компанией Яндекс в 2012 году для студентов старших курсов и недавних выпускников вузов, желающих развиваться в области фронтенд-разработки веб-сервисов.
Обучение в Школе разработки интерфейсов включает в себя две части. Курс лекций, посвященных различным аспектам промышленной фронтенд-разработки, и более практическую часть, связанную непосредственно с разработкой. Тех, кто успешно пройдёт практику, мы с удовольствием пригласим на работу или стажировку в Яндекс.
На занятиях сотрудники Яндекса рассказывают об инструментах разработчика, о том, как лучше и эффективнее вести работу в команде, о приёмах, которые позволяют сэкономить время, немного о дизайне. Практику ведут ведущие фронтенд-разработчики Яндекса, разрабатывающие интерфейсы для Поиска, Почты, Карт, Маркета и других сервисов Яндекса.

Trying to read a feed with an aggregator that can't handle the format? Try normalizing it.
This might come in handy if you need to read a buggy feed or a feed that's in a slightly different version of RSS to the one your aggregator can handle. If your aggregator can't understand Atom feeds, you can convert them into RSS right here.

Show more resolution choices for external monitors on the new MacBook Pro with Retina Display by holding the Option key and clicking on the Scaled option in the Displays preference pane.

Standing desks may be all the rage, but they certainly have their downsides—and they aren't for everyone. Writer Mikael Cho explains why he ditched his standing desk, and how he combats the unhealthy side effects of sitting all day. This post originally appeared on the Crew Blog. via Pocket

This page lists all CSS properties and indicates if and how they are animatable.

This plugin will add a search filter to tables. When typing in the filter, any rows that do not contain the filter will be hidden.

Функциональный редактор статей

highlight and share your focus on the web

The internet was missing the ability to provide custom-sized placeholder images of Bill Murray. Now it can.

Ольга Шакина подробно описывает свой путь к виду на жительство в ЕС — в жанре пошаговой инструкции

Whether you’re a novice or an expert in any medium, good decisions take practice — and great ones stand on a solid foundation. Typekit Practice is a collection of resources and a place to try things, hone your skills, and stay sharp. Everyone can practice typography.

Historic background and reasons for using grids

Мультимедийная презентация

An API is useless if nobody knows about it. Evangelism has emerged as the approach to selling, marketing and support an API platform. While the intent of evangelism can be sales and marketing, the philosphy that has proved successful is to find a balance that is more about focusing on API support and egagement with consumers over sales.

We are Kasia, Ewa and Daniel. Our background includes Illustration, interior design, graphic design and History of Art. We share a pasion for crafts and design and, as a team, we've been selling our own stuff in Brick Lane Backyard Market, for quite a long time already.
We've just released Gustawshop.com and we are really proud of having done it the way we always wanted to. Gustaw is an online market for independent craftsmen and designers to meet with people who long to explore meaningful designs. Made to show the innovative creativity of people with passion for making beautiful items. Gustaw brings you the opportunity to buy unique and original hand-made items directly from our carefully sellected designers.

Hello Guardian Interactive team. I’m Daan and I want to do my internship with you.

Choose Crazy Egg heat maps when Google Analytics isn't enough…

Little Printer is the delightful web-connected printer that lives in your home.

A Good User Interface has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it. Here is a running idea list, which we try on projects. Try A One Column Layout instead of multicolumns. via Pocket