Рубрика «Песочница» - 202

Несмотря на то, что жизнь каждого из нас индивидуальна и неповторима, представляю вам 8 простых шагов, которые помогут большинству из вас тратить больше времени на то, что важно, и меньше — на то, что совершенно бессмысленно.

[1] Записывайте потраченное время. Первый шаг к тому, чтобы начать эффективно использовать время, заключается в том, чтобы выяснить, сколько времени вы тратите сейчас. В течение нескольких дней, в идеале недель, записывайте все, что вы делаете, так часто, как об этом вспоминаете. Представьте, что вы юрист, который должен четко зафиксировать время, потраченное на различные проекты: работу (в различных ее проявлениях), сон, путешествия, домашние дела, общение с семьей, просмотр телевизора и так далее. Это крайне не просто, хотя и казалось бы не сложной задачей, но у меня получилось далеко не с первого раза, но когда я зафиксировала временные показатели одной недели было очень полезно смотреть куда и сколько времени было потрачено, что помогло для дальнейшей оптимизации и делегирования.

[2] Займитесь математикой.
После того, как вы получили исходные данные, рассчитайте время по нескольким категориям. Каковы ваши ощущения? На что вы потратили слишком много времени, а на что недостаточно? Что вам больше всего нравится в вашем расписании? Что бы вы хотели изменить? Мне удобнее всего было вести данный хронометраж в обычной таблице Excel, где желтым цветом я обозначила те дела, которые мне нравятся и вдохновляют меня. И как вы можете догадаться их было не очень много, ну а если на чистоту это всего 6 дел из 127, теперь я активно работаю над тем, чтобы неприятные дела делегировать по максимуму.
Читать полностью »

В 2013 году я побывал на одной из первых питерских конференций e-commerce. Не сказать, что самое начало, но и делать еще никто толком ничего не умел. Компаниям не требовались трафик-менеджеры “с ручками” в промышленных масштабах. Говорили, разве что, о подборе цветов кнопки, как о главном принципе юзабилити, да о феномене контекстной рекламы. В основном, это были промо-выступления бородатых евангелистов сервисов автоматизации. Позже все они ушли обмениваться лайками в инфобизнес.

С тех пор прошло несколько лет, за которые интернет-рынок потребителей товаров со спросом был успешно поделен с помощью систем Директ и Adwords. Благодаря огромным бюджетам сайты больших компаний взобрались на первые строки поисковых систем, получив приток SEO-трафика в подарок от монополий типа Яндекс и Яндекс.Маркет.

Читать полностью »

Необходимым условием развития человечества являлось разделение обязанностей. Кто-то охотился, кто-то шил одежду, а кто-то делал орудия труда. Производимыми благами необходимо было обмениваться, а наиболее очевидный метод через бартер был неудобен. Разные культуры независимо друг от друга придумывали свои деньги: бобы, ракушки, камушки, соль и пр. Сами по себе «купюры» были бесполезны, но имели договорную номинальную ценность. Система работала несмотря на все недостатки: солидное богатство либо очень много весило и занимало много места, либо не делилось на требуемые части. Кроме того, такие деньги недолговечны даже по сравнению с жизнью одного человека.

Золото оказалось лишено большинства этих недостатков. Плавить золото не сложнее меди, и его легко резать или рубить. Кроме того, солидное состояние можно нести в руках. На монетных дворах начали чеканить стандартные золотые монеты, что значительно упростило расчеты. Но главным его преимуществом явилась долговечность. Со временем все больше и больше культур признали полезность золота, и оно стало по настоящему первой международной валютой. От золота перешли к Золотому стандарту, потом к Бреттон-Вудской системе. В 1970-ых от золота оторвались и родилась Ямайская система, которая и действует сегодня. Однако золото ценится по сей день, и нет оснований полагать, что статус-кво поменяется в обозримом будущем.
Читать полностью »

То, что Safari стал для верстальщиков новым IE6 ни для кого не новость. Сегодня столкнулся с очередным багом, решение которого банально до невозможности, но отняло у меня час рабочего времени.

Итак, имеем блок, который должен непрерывно плавать вверх-вниз. Сходу пишем стандартный для такой анимации код:

.block {
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-duration: 3.0s;	
	-webkit-animation-duration: 3.0s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
}

@keyframes floating {
	0% {transform: translateY(0%);}
	50% {transform: translateY(8%);}	
	100% {transform: translateY(0%);}			
}

@-webkit-keyframes floating {
	0% {-webkit-transform: translateY(0%);}
	50% {-webkit-transform: translateY(8%); }	
	100% {-webkit-transform: translateY(0%); }			
}

Тестируем и видим, что данный код работает во всех популярных браузерах, кроме мобильного Safari. Причём согласно спецификации он должен поддерживать этот код. Далее замечаем ещё одну особенность. Если перейти в другое приложение или по какой-то ссылке и вернуться назад, то анимация начинает работать. Очень странное поведение Safari. То есть сам код ему понятен, но при обновлении страницы анимация сразу не хочет проигрываться.

Долгие поиски по различным форумам ни к чему не привели, поэтому решение было найдено методом «научного тыка».
Читать полностью »

Одним из основных принципов верстки является гибкость. А именно возможность легко вносить какие-либо изменения и ничего при этом не сломать.

Умение правильно обращаться с margin и padding играет очень большую роль в этом деле.

Основные принципы:

  1. Отступы идут от предыдущего элемента к следующему.
  2. Отступ задается последнему возможному элементу в доме.
  3. Отступы нельзя задавать для независимых элементов ( бэм блок ).
  4. У последнего элемента группы, отступ обнуляется (всегда).

Отступ задается последнему возможному элементу в доме

margin(ы) задаются от предыдущего элемента к следующему, от первого ко второму, сверху вниз, слева направо.

imageimage

Это значит.что такие свойства как margin-left и margin-top не используются ( бывают исключения ). Если нужен отступ сверху, то используется padding-top для родителя. По тому же принципу padding-left для родителя.

image

image

Важно соблюдать осмысленную структуру во всем, можно назвать это семантикой. Отступы идут в направлении потока дом дерева, блок сам себя не толкает.
Читать полностью »

Началось все с того, что я решил выучить PHP, а что из этого вышло — смотрите ниже.

После прочтения уроков по php, я захотел написать свой шаблонизатор для Express с синтаксисом очень похожим на php.

Идея моей реализации простая — на место html подставлять функцию, при выполнение которой на экран будет добавлен этот htm, в качестве аргументов этой функции передавать тот код, который встраивается в специальных inline блоках (<?=, ?>) в html, которые в свою очередь встраивают javascript значения в html. А весь остальной код собирать в один файл и при рендеринге скармливать интерпретатору.Читать полностью »

На данный момент человечество обладает информацией об огромном количестве химических соединений, однако все они получены при нормальных, земных, условиях: средняя температура нашей планеты, её магнитное поле, давление в одну атмосферу — всё это наводит на мысль о том, что говорить даже о 50% открытых соединений ещё очень рано.

Например, температура ядра Солнца составляет ~14000000 С, а ведь Солнце обладает далеко не самой высокой температурой. Стоит также сказать о невероятно высоких давлениях в черных дырах. Не нужно быть учёным, чтобы понять, что в таких условиях химия будет работать иначе. В этой статье я хочу предположить, что же всё-таки будет работать не так.

image

Читать полностью »

Как-то тихо и незаметно подошло время женитьбы моего старшего брата. Из всех свадебных хлопот на меня выпало задание подготовить пожелания молодым в виде надписей на стенах комнаты. Но поскольку такие простые поручения мне давать нельзя ввиду полнейшей расхлябанности, выделенный месяц на подготовку плакатов съели другие не менее важные дела. Соответственно, к задаче я приступил непосредственно вечером перед свадьбой, когда все магазины уже были закрыты. Однако, в таких сжатых условиях самое время проснуться творческой жилке, что и произошло. В результате новобрачные получили свои поздравления, а копилка моих знаний и эго программиста слегка приросли в объёме.
Читать полностью »

Это рассказ о новой разработке RemObjects — компании, которая начинала с компонентов для Delphi, а сейчас выпускает целый набор компиляторов Elements для всех популярных платформ: Windows, .NET, JVM, Android, iOS, Cocoa. В набор входят компиляторы с языков Oxygene (клон Паскаля-Delphi), C#, Swift (бесплатный), на любом из которых можно писать для любой указанной выше платформы. И вот теперь в этот список добавляется новый язык — Java. Чем не повод для статьи на Habrahabr?
Читать полностью »

Данный пост — перевод данной статьи

Я работал над новым проектом на React и Redux. Раньше при разработке проектов на React, я работал в одиночку, но в этот раз я был частью команды, где каждый член команды имел некоторый опыт в React и Redux. Проект должен был быть выпущен в продакшн за короткое время.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js