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 МБ

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

artpolikarpov

<div><!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="%%VERIFY-URL%%" style="height:31px;v-text-anchor:middle;width:250px;" arcsize="13%" stroke="f" fill="t">
    <v:fill type="tile" src="http://static.getwear.com/verify-gradient.png" color="#a8d2a3" />
    <w:anchorlock/>
    <center style="color:#000;font-family:sans-serif;font-size:13px;font-weight:bold;">%%VERIFY-TEXT%%</center>
  </v:roundrect>
<![endif]--><a href="%%VERIFY-URL%%"
style="background-color:#a8d2a3;background-image:url(http://static.getwear.com/verify-gradient.png);border-radius:4px;color:#000;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:31px;text-align:center;text-decoration:none;width:250px;-webkit-text-size-adjust:none;mso-hide:all;">%%VERIFY-TEXT%%</a></div>

artpolikarpov

<div><!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://getwear.com/ru/design/" style="height:31px;v-text-anchor:middle;width:200px;" arcsize="13%" stroke="f" fill="t">
    <v:fill type="tile" src="http://static.getwear.com/b-knopka/design-gradient.png" color="#c96c3d" />
    <w:anchorlock/>
    <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Изменить дизайн</center>
  </v:roundrect>
<![endif]--><a href="http://getwear.com/ru/design/"
style="background-color:#c96c3d;background-image:url(http://static.getwear.com/b-knopka/design-gradient.png);border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:31px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">Изменить дизайн</a></div>

artpolikarpov

$(document).ready(function() {
   $('.js-aims').each(function () {
     var $this = $(this);
     
     $this.on($this.data('aimEvent') || 'click', function () {
       setAim($this.data('aim'));
     });
   });
});

artpolikarpov

<div class="emerge">
  <img src="1.jpg">
  <div class="emerge-custom" id="fotorama">
    <img src="2.jpg">
    <img src="3.jpg">
  </div>
</div>

artpolikarpov

$(document).on('click', '.js-aims', function () {
  setAim($(this).attr('data-aim'));
});

artpolikarpov

<?php

// Aegea to Disqus comments converter
// http://help.disqus.com/customer/portal/articles/472150
 
$url_prefix = 'http://nano.sapegin.ru/all/'; 

$note_id = intval($_GET['id']);
if (empty($note_id)) exit('Empty note ID.');

artpolikarpov

/home/luke/Sites/aldebaran/wp-contnent/myPlugin
/home/luke/Sites/tatuin/wp-contnent/myPlugin

artpolikarpov

(function ($) {
  $.fn.shuffleChildren = function () {
    return this.each(function () {
      var $children = $(this).children(),
          l = $children.length;
  
      // Fisher–Yates Shuffle
      // http://bost.ocks.org/mike/shuffle/
  
      // While there remain elements to shuffle