artpolikarpov

// Декорируем фиксированные по высоте блоки
@mixin _decorate($img, $tailTop) {
  background-image: image-url($img);
  background-repeat: no-repeat;
  position: absolute;
  width: 50%;
  height: image-height($img);
  top: 0;
  @if $tailTop != 0 {
    margin-top: -$tailTop;

artpolikarpov

<div class="b-block">
  <div class="block__before">
  <div class="b-text b-text--smaller">
    <p></p>
    <p></p>
    <div class="text__incut">	
      <p></p>
    </div>
    <p></p>
  </div>

artpolikarpov

Вечная привязка к залогиненному пользователю

Чтобы привязать чат к узнанному на сайте пользователю, задайте свойство clientId в объекте ChatraSetup перед кодом виджета:

<script>
  ChatraSetup = {
    clientId: 'sf87fasdfFF8' // любая уникальная строка
  };
</script>

artpolikarpov

{
  _id: "y3iK3rSwwHTSmQ5Sh",
  createdAt: 1403426169619,
  description: "Русско-британский институт управления, 24 июня 2014",
  show: "all",
  slides: [
    {
      class: "cover shout",
      code: "<img src=\"http://www.creativeapplications.net/wp-content/uploads/2009/09/snail00.png\" alt=\"\">\r\n\r\n## <a style=\"color: #fff;;\" href=\"http://sho.io/gd\">sho.io/gd</a>\r\n\r\n<p class=\"title place t\">Презентация на вашем устройстве</p>\r\n\r\n<p class=\"comment place b r\"><a href=\"http://www.creativeapplications.net/processing/the-snail-on-the-slope-processing\">Image from 'The Snail on the Slope'</a>, by Vladimir Todorović, Processing</p>\r\n\r\n<style>\r\n\t.half {\r\n\t\twidth: 50%;\r\n\t}\r\n\tp {\r\n\t\twidth: 80%;\r\n\t\tline-height: 140%;\r\n\t}\r\n\t.white {\r\n\t\tcolor: #fff;\r\n\t}\r\n\r\n\t.smallcapitals {\r\n\t\tfont-size: .875em;\r\n\t\tletter-spacing: .15em;\r\n\t\tmargin-right: -.15em;\r\n\t  }\r\n\r\n\t.overbox {\r\n\t\tpadding: 0 1em;\r\n\t\tcolor: #f0f0f0;\r\n\t\tbackground-color: 

artpolikarpov

// после scrollyeah.js
$(function () {
    // ↓ селектор активного блока
    $('.scrollyeah .one.active').each(function () {
        var $current = $(this);
        var $shaft = $current.parents('.scrollyeah__shaft');
        var $scrollyeah = $current.parents('.scrollyeah');

        if (!$current.length || !$shaft.length || !$scrollyeah.length) {
            return console.warn('Незачем крутить :-/');

artpolikarpov

var data = [{img: '1.jpg', html: '<div><a></a></div>'}, {img: '2.jpg', html: '<div><a></a></div>'}]
    loaded;
    
$('#fotorama')
  .on('fotorama:load fotorama:error', function (e, fotorama) {
    if (!loaded) fotorama.load(data);
    loaded = true;
  })
  .fotorama({
    data: [data[0]]

artpolikarpov

DirectoryIndex index.php

ErrorDocument 404 "Looks like mod_rewrite does not work. Please set url_composition to 'real' in user/config.php then go to .../?go=@sync and then back to front page of your blog."

Options -Indexes -MultiViews +FollowSymLinks

<IfModule mod_rewrite.c>
RewriteEngine On

# Next lines fix mod_rewrite's trailing slash bug

artpolikarpov

<?php

class NeasdenGroup_fotorama implements NeasdenGroup {

  private $neasden = null;
  
  function __construct ($neasden) {
    $this->neasden = $neasden;

    $neasden->require_line_class ('picture');

artpolikarpov

Никакое специальное приложение для проверки размеров в вёрстке, вроде ((http://xscopeapp.com/ Икс-скоупа)), у меня не прижилось. Слишком большая погрешность:

xScope@2x.png
Правильный размер 198×68

Когда мне нужно что-то проверить приблизительно, я использую стандартную маковскую скриншотилку, <tt>cmd shift 4</tt>:

grab@2x.png

После измерений нажимаю <tt>esc</tt>, чтобы не сохранять скриншот.

artpolikarpov

Отзывчивые интерфейсы

Доклад был прочитан 15 апреля 2014-го на РИТе.

Презентация

http://share.artpolikarpov.ru/PjC6 ПДФ, 5,3 МБ

Список литературы (в процессе наполнения)