4 заметки с тегом

Работа

И снова про кидалу.

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


Алексей Михалин, «grassbass».

Буду краток — пинайте Алёшу сразу, как встретите. Пока что встретить дурачка-многостаночника можно на FL Ru.

Фрилансер Алёша — многостаночник продуманный: заявляет себя специалистом строго в вэб-сайтах, за вязку носков не берётся, не уговаривайте. В столь «узкой» специализации, Алёша оказывается мастером на все руки. Сервер, кодинг, вёрстка, графика — хватает всё подряд. Условие одно — предоплати. Правда получив деньги, сразу сливает сроки, для приличия сделав пару пассов руками около работы.

Далее — вжух и Алёша исчезает. Но только из проекта, а не со связи: П, продуманность. На вопросы — «как так-то?» — отвечает в стиле главы районной управы, не меньше: «Работу считаю выполненной. А техническое задание мы с вами вообще не согласовывали». Отсылки на тэзэ игнорит: «не читал, значит не было».

Алёша — кидала ещё более продвинутый, чем могло показаться. С изюминкой оригинала, он способен сам себе шлёпать положительные отзывы от ботов. Проморгав же появление отрицательных, стеснительно о них помалкивает. Кстати по какой-то случайности, дизлайки касаются лёшиной способности к кидалову и сливам под надуманными предлогами.

Картинка про Т/З и как Алёша вызвался его реализовать

Вощм, у нас тут никто иной, как благодетель — взял деньги непонятно за что, без т/з, но так уж и быть, снизошёл до пары движений клешнями. Оставайтесь довольны тем, что в скайп пару фраз метнул.

  • FL — сводня древняя, ещё цыганского кроя. Биржа совершенно не несёт ответственности за персональные сделки, вымученные вне внутренней системы «безопасных сделок». Справедливо, но не логично: осадочек остаётся, а осадочек — завал бизнеса, доверие всё же не на последнем месте. Тем более что финансовой ответственности никто и не ждёт. Достаточно открытости.
  • В этом плане, на FL есть и вовсе необъяснимые фичи. Например, система не позволяет оставить отзыв об исполнителе, если он сваливает с проекта посреди пути. При этом, для биржи не важно — была предоплата или нет. Умникам грех этим не попользоваться.

Так же поступил и гражданин Михалин.

Кстати, цена вопроса —
3000 р.
Три тысячи рублей, Карл! Найти себе славу и геморрой за трёху — истинное наслаждение профессионала.

Казалось бы, что экстраординарного в отказе? Верни бабки и гуляй. Но не таков Алёша. Алёши Михалины продвинуты в святом деле кидалова— от и до. Поэтому, как ни в чём не бывало продолжив общаться по скайпу, он втихаря закрыл для себя проект на FL, чем превентивно избавился от очередной залупы в отзывах о себе.
Картинка про любовь клиентов к Алёше

Заметил я это поздно, когда неспешно зашёл на FL для пообщаться со старыми партнёрами и разместить очередную вакансию. На моё удивление, Алёша бодро ответил «да, закрыл, потому что условия изменились». Но какие именно — осталось гадать, Алёша не уточнил. До сих пор гадаю.
Картинка про тихую любовь FL к своим клиентам

К перечисленным достижениям, Алёша добавил гранитную веру в свою изобретательность: раздаёт лохам номер сберкарты своей бабушки. Ход шикарен и ждёт нобелевки, хотя по-моему больше указывает на умысел к совершению глупенького мошонства, чем на айкъю «три семёрки». Ок, там видно будет.
Картинка про любовь Алёши к сберкарте своей бабушки

Что удалось сделать?

  1. Призвать Алёшу перечитать условия выполнения работ.
  2. Призвать Алёшу перечитать техзад.
  3. Призвать Алёшу выполнить вот это всё.
  4. Призвать Алёшу к определению в намерениях — вернуть бабло, либо таки сделать дело.

Что удалось получить в ответ?

  • Молчание гордой птицы имени наступившего года.

Как пришлось поступить?

Понимаю — не каждому позволено рассчитывать на общение с особой тонкой душевной конструкции. Потому ни на что не претендую и более не навязываюсь. Гражданин Михалин пожелал общаться лишь с теми, кто ему вровень? Ок, интеллектуалы в погонах подойдут лучше всего и, вероятно, в ближайшее время.

Пока же, всякий получает возможность порадовать огненными приветствиями героя-надомника ордена Озалупленных Нарциссов:

  1. Алёшин скайп: warmwavemedia.
  2. Его джаббер: azq@jabber.ru.
  3. Алёшу можно намылить два раза: warmwavemedia@gmail.com, simple.aleksey@gmail.com.
  4. ICQ: 244215186.
  5. Кстати день рождения Алёши 25 июля 1986 года. Не забудьте поздравить.
  6. Есть мобилка, но видимо Алёша уже устал её менять. Хотя иногда включает: +7 (930) 341-01-79.
  7. Ищет Алёша лохов и на Хабре: azq.
  8. Алёша нимношка музицирует: warmwave.ru.
  9. На ютубах можно оценить духовное развитие Алёши йогой и послушать его рассказы о работе: warmwavemedia.
  10. В славном городе Иваново, Алёша провёл лучшие годы: simple_os.
  11. Алёше не чужды и соцсети: azq-29128.

Алиоша Михалин в образе и на отдыхе


Фриланс как таковой

Фриланс, как источник рабочей силы, подсвистывает лишь в одном узком месте — в том, где одолевает досада от слабой доступности к телу исполнителя. Поэтому в ситуациях кидалова, досаду приходится преодолевать судами и тягомотиной работы приставов по исполнительным листам. Без пинков редко обходится.

Но в совокупности плюсов и минусов фриланса, нечистоплотность — не такая уж и проблема, в сравнении с той же некомпетентностью. Поэтому, сосредотачиваясь на составлении грамотного технического задания для написания какого-нибудь js-скрипта, модуля интернет-магазина или отрисовки пака иконок, я реализую крупные проекты не имея под рукой живой дизайн-студии . И отказываться от диалапа не вижу смысла.

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

Это к вопросу «с чего начинаются затраты». Вот с этого. Где-то здесь и отпадают моменты недопонимания между работодателем и исполнителем.

У нас до культуры тэзэ докопались давно, просто не реализовали её на всех бюджетных пластах. Понятие «задание на платное составление технического задания», живёт в проектах от ляма и выше. Хотя массовая доля рынка тусит где-то в диапазоне десяти—пятидесяти тыр. О чём говорить, если у нас директоры клеят схемы бизнес-процессов в одно лицо... Такшт есть где подрасти вширь, ниш тьма.

Но не в клинических случаях. Иногда бывает — не проинтуичишь дурачка и начинается...

Я хочу заплатить денег хидхантеру, умеющему раскопать вакансию и специалиста за пару дней.

Лихие шестнадцатые

cover white transparent

Что друзяки, самое время посравнивать. Внезапное и не последнее предновогоднее подорожание (далан тащемт весь год радовал) уже многих натолкнуло на ассоциации с началом девяностых. Особенно пердунов. Затяжное классовое расслоение, стартанувшее с конца пятидесятых, тогда достигло пика бесконтрольности и своего хлебушка стали искать переростки уже внутриклассовые. А это базис беспредела: на такое силовые органы рассчитаны не бывают, тут бы успеть слепить новую ЧК или Штурмштаффель какие.

Слово за слово, воблой по столу, удовлетворять потребности бросились — кто куда. Воровать стало не необходимостью, такой необходимости вообще не существует. Воровать стало тупо можно, модно и доступно: крупные материальные ресурсы переехали под крыши тех, кто и сегодня ими не так что бы рулит. А тогда-то о присмотре и вовсе спохватывались реже, чем да. Теперь предпосылки для новой волны и я примерно вижу — кто на кого поделится. Уровень беспредела обещаю несколько другого уровня. Менты и с тем не справились, а с этим и тем более ясно — бодаться лишь народу. Уверен — зацепит всю Европу.

Мы брали налом. Брали и уносили. Кто дальше, кто не слишком, кого находили с непотраченным и не при дыхании. Всякое было-случалось.

гггг

Не думаю, что изменилось хоть что-то. Разве где-нибудь погас фонарь, на сытной дороге. Так теперь у всех по ручному на кармане.

Из ворка мне остался разве что воркаут и я как-то выпал с трендовых локомотивов, не в теме — где сегодня воруют, на каких работах. Ну так вот — чтобы придти работать и уносить в клювике, что бох пошлёт, без многоходовочек. Даже не в курсе — чистоганом ли, в продовольственном ли эквиваленте нынче несут. Может в цене шишки елей? А как идут гайки с рельсов? Зубы чижа? Интересно всё, воровать до моего воцарения, так и так, не перестанут.

Это мне по работе нужно, по деланию сайтиков. Оставлю это здесь, чтобы не пропало. Может кто ткнёт в неисправности, либо чего нового подкинет. Изредка буду дополнять и сам. Теги соответствующие.

В связи со всё более плотным возвращением в работку, систематизирую всякое украденное и собственноручно придуманное — всё, что касается html-css вёрстки с уклоном в минимал и браузерную всеядность. Записи с примерами валялись у меня жуткой разносортицей папок и форматов, а теперь руки дошли унифицировать их в тру олдскул текстовый вид. В чём хочешь смотреть можно.

Нынче подборка примеров безболезненно-кроссбраузерной вёрстки блочных элементов, либо выдающих себя за них. Спустя время, выложу ещё адаптивные таблички для прайсов и, быть может, шаблон сайта мечты — адаптивный, но без брикпойнтов @media. За весь этот мат простите, рейтинг «7+».

1. Автосдвигающиеся блоки списком.
2. Автосдвигающиеся блоки.
3. Вертикальное и горизонтальное выравнивание блоков относительно друг друга.
4. Четыре варианта вертикального центрирования для локальных потребностей.
5. Метод вертикального выравнивания с дополнительным блоком.
6. Вертикальное выравнивание блока неизвестной высоты по центру или низу родительского, с дополнительным блоком.
7. Блоки одинаковой высоты, включающие в себя блок с контентом и блок с футером.

1. Автосдвигающиеся блоки списком

.......................  .......................  .......................
.  Header             .  .  Header             .  .  Header             .
.......................  .......................  .......................
.                     .  .                     .  .                     .
.  img                .  .  img                .  .  img                .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.  Some text          .  .  Some text          .  .  Some text          .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.......................  .......................  .......................

....................... 
.  Header             .
....................... 
.                     . 
.  img                . 
.                     . 
.                     . 
.                     . 
.  Some text          . 
.                     . 
.                     . 
....................... 
<style type="text/css">
	li {
		width: 200px;
		min-height: 250px;
		border: 1px solid #000;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		margin: 5px;
		zoom: 1;
		*display: inline;
		_height: 250px;
	}
</style>

<li>
	<div>
		<h4>
			Header
		</h4>
		<img src="http://somepictohost.com/img.jpg" alt="lobster" width="75" height="75"/>
		<p>
			Some text
		</p>
	</div>
</li>
<li>
	<div>
		<h4>
			Header
		</h4>
		<img src="http://somepictohost.com/img.jpg" alt="lobster" width="75" height="75"/>
		<p>
			Some text
		</p>
	</div>
</li>
<li>
	<div>
		<h4>
			Header
		</h4>
		<img src="http://somepictohost.com/img.jpg" alt="lobster" width="75" height="75"/>
		<p>
			Some text
		</p>
	</div>
</li>
<li>
	<div>
		<h4>
			Header
		</h4>
		<img src="http://somepictohost.com/img.jpg" alt="lobster" width="75" height="75"/>
		<p>
			Some text
		</p>
	</div>
</li>

2. Автосдвигающиеся блоки

.......................  .......................  .......................
.  img                .  .  img                .  .  img                .
.......................  .......................  .......................
.                     .  .                     .  .                     .
.  Some text          .  .  Some text          .  .  Some text          .
.                     .  .                     .  .                     .
.......................  .......................  .......................

.......................
.  img                .
.......................
.                     .
.  Some text          .
.                     .
.......................
<style type="text/css">
	#catalog a { color: #666; }
	#catalog a:hover { color: #1fa0e2; }
	#catalog div {
		width: 110px;
		margin: 0 5px 15px 0;
		text-align: center;
		display: inline-block;
		vertical-align: top;
		}
	#catalog P { margin: 0 5px; }
	#catalog SPAN { color: #ccc; font-size: 0.8em; } 
</style>
<!--[if lte IE 7]>
	<style type="text/css">
		#catalog div { 
			display: inline;
			zoom: 1;
   }
	</style>
<![endif]-->

<div id="catalog">
	<div>
		<p><img src="http://somepictohost.com/img.jpg" width="75" height="75"/></p>
		<p>Some text</p>
	</div>
	<div>
		<p><img src="http://somepictohost.com/img.jpg" width="75" height="75"/></p>
		<p>Some text</p>
	</div>
	<div>
		<p><img src="http://somepictohost.com/img.jpg" width="75" height="75"/></p>
		<p>Some text</p>
	</div>
	<div>
		<p><img src="http://somepictohost.com/img.jpg" width="75" height="75"/></p>
		<p>Some text</p>
	</div>
</div>

3. Вертикальное и горизонтальное выравнивание блоков относительно друг друга.

.......................
.                     .
. ................... .
. .Some Text        . .
. ................... .
.                     .
.......................
<style type="text/css">
	.before {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		}
.inner {
		display: inline-block;
		vertical-align: middle;
		border: 1px solid red;
		}
.outer {
		height: 100px;
		border: 1px solid blue;
		}
</style>

<div class="outer">
	<span class="before"></span>
	<span class="inner">
    Some<br>text
  </span>
</div>

4. Четыре варианта вертикального центрирования для локальных надобностей.

.......................
.                     .
.  Text p             .
.                     .
.......................

.......................
.                     .
.  img                .
.                     .
.......................

.......................
.                     .
.  Block of Text      .
.                     .
.......................

.......................
.                     .
.  CSS3 mixin Text    .
.                     .
.......................
<style type="text/css">
	.text p {
		position: relative;
		top: 50%;
	}

	.image img {
		position: relative;
		top: 50%;
	}
	.block-of-text p {
		position: relative;
		top: 50%;
	}
	@mixin vertical-align {
		position: relative;
		top: 50%;
	}
	.mixin p {
  @include vertical-align;
	}
</style>

<section class="text">
	<p>
  	Text p
	</p>
</section>

<section class="image">
	<img src="http://somepictohost.com/img.jpg" />
</section>

<section class="block-of-text">
	<p>
		Block of text!
	</p>
</section>

<section class="mixin">
	<p>
		CSS3 mixin Text
	</p>
</section>

5. Один метод вертикального выравнивания с дополнительным блоком.

,,,,,,,,,,,,,,,,,,,,,,,
,                     ,
,   floater block     ,
,                     ,
,*********************,
,                     ,
,,,,,,,,,,,,,,,,,,,,,,,
*                     *
*   child block       *
*   Some text         *
*                     *
***********************
.                     .
.   parent block      .
.                     .
.......................
<style type="text/css">
	#parent {height:200px;}
	#floater {
  	float: left;
		height: 50%;
		width: 100%;
		margin-bottom: -50px;
		outline: 1px solid red
		}
	#child {
		clear: both;
		height:100px;
		outline: 1px solid yellow;
		}
</style>

<div id="parent">
	<div id="floater"></div>
	<div id="child">Some text</div>
</div>

6. Вертикальное выравнивание блока неизвестной высоты по центру или низу родительского.

.......................
.                     .
. ................... .
. .    Some Text    . .
. ................... .
.                     .
.......................
<style type="text/css">
	.parent {
		width:500px;
		height:400px;
		text-align:center;
		border:1px solid #dd0;
		background: #ffa;
		}
	.child {
		display:-moz-inline-box;
		display:inline-block;
		vertical-align:middle;
		width:300px;
		border:1px solid #080;
		background: #DDF; zoom:1;
		//display:inline
		}
	.helper {
		display:-moz-inline-box;
		display:inline-block;
		height:100%;
		width:0px;
		vertical-align:middle;
		zoom:1;
		//display:inline
		}
</style>

<div class="parent">
	<div class="child">Some text</div>
	<div class="helper"></div>
</div>

7. Блоки одинаковой высоты, включающие в себя блоки с контентом и футером, неизвестной величины.

.......................  .......................  .......................
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.  Content            .  .  Content            .  .  Content            .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.......................  .                     .  .                     .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.                     .  .......................  .                     .
.                     .  .                     .  .                     .
.                     .  .                     .  .......................
.......................  .......................  .......................
.  Footer             .  .  Footer             .  .  Footer             .
.                     .  .                     .  .                     .
.......................  .......................  .......................

.......................  .......................  .......................
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.  Content            .  .  Content            .  .  Content            .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.......................  .                     .  .......................
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.                     .  .                     .  .                     .
.......................  .......................  .......................
.  Footer             .  .  Footer             .  .  Footer             .
.                     .  .                     .  .                     .
.......................  .......................  .......................
<style type="text/css">
		.wrap, .h, .f {
			display: inline-block;
			}
		.item {/*wraper*/
			display: inline;
			}
		.h, .f {
			width: 200px;
			}
		.h {/*content*/
			background: red;
			height: 100px;
			vertical-align: top;
			}
		.f {/*footer*/
			background: blue;
			height: 20px;
			color: #fff;
			vertical-align: bottom;
			margin-left: -200px;
			}
</style>
Логоперс