Pull to refresh

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: значения свойства display

Level of difficultyMedium
Reading time10 min
Views252


Привет, Хабр. Я продолжаю отвечать на вопросы из собеседований на должность фронтендера. Сегодня я отвечу на следующий вопрос: «В чём отличия между значениями block, inline, flex, inline-flex, grid и inline-grid для свойства display


Прошу внимания. Мой ответ будет основан на теории, которую я описал в статье «Зачем нужно использовать свойство display?». Прочитайте, пожалуйста, сначала её.

Читать дальше →
Total votes 3: ↑3.5 and ↓-0.5+4
Comments0

Astrolab договорилась со SpaceX о доставке лунного ровера FLEX на Starship

Reading time2 min
Views1.6K

Калифорнийская компания Astrolab заключила соглашение со SpaceX о доставке на Луну ровера Flexible Logistics and Exploration (FLEX) в рамках полёта на борту космического корабля Starship. Стороны запланировали запуск на середину 2026 года.

Читать далее
Total votes 6: ↑6 and ↓0+6
Comments2

Основные поставщики Apple в Китае не могут набрать рабочих на фабрики из-за коронавируса

Reading time3 min
Views3.1K
imageФото: John Benson/Flickr

Основные поставщики Apple в Китае, в том числе Foxconn, Flex и Changshuo, пытаются набрать работников, чтобы возобновить производство в условиях вспышки коронавируса. На шанхайском заводе Changshuo, который поставляет 40% iPhone, на производственную линию вернулись только 10 000 рабочих или 1/4 рабочей силы. На заводе Foxconn в Чжэнчжоу не хватает 50 000 рабочих, что составляет 22% от мощности завода

Нарушение цепочки поставок, вероятно, приведет к сокращению выручки Apple в Китае в первом квартале на 50% в годовом исчислении и к 10%-ной потере в глобальном масштабе, прогнозируют представители отрасли.
Читать дальше →
Total votes 8: ↑8 and ↓0+8
Comments6

Подкаст ПолДевятого #7. RIA, образование и многое другое

Reading time1 min
Views577

В 7-ом выпуске у нас в гостях известный подкастер Будам (http://budam.rpod.ru/).
Разговариваем об образовании в США и России, поиске работы, иммиграции, и технологиях Silverlight и Flash. Темы выпуска:
  • Стив Джобс о Flash.
  • RIA. Microsoft Silverlight и Adobe Flex.
  • Как выглядит высшее образование в США.
  • Как выбрать «специализацию» в программировании.
  • Как устроиться на работу после ВУЗа. Удалённая работа.
  • Английский язык и иммиграция в США.
Читать дальше →
Total votes 45: ↑29 and ↓16+13
Comments21

2Гига.Выпуск #24: Читай, книгочей, не жалей очей

Reading time1 min
Views466
2Гигаg manУчастники:
Евгений Жарков
Владимир Юнев
 
 

Содержание:Длительность: ~50 минут
Подкаст на RPOD, POD.FM
Total votes 26: ↑15 and ↓11+4
Comments4

Разбираем протокол пейджерных сообщений POCSAG, ч1

Reading time5 min
Views18K
Привет, Habr!

Давным-давно, когда мобильный телефон стоил 2000$ и минута звонка стоила 50 центов, была такая популярная штука как пейджинговая связь. Затем связь стала дешевле, и пейджер сначала превратился из престижного атрибута делового человека в непрестижный атрибут курьера или секретаря, а затем эта технология практически и вовсе сошла на нет.


Для тех, кто помнит шутку «читал пейджер, много думал», и хочет разобраться, как это работает, продолжение под катом. Для тех, кто хочет разобраться еще более подробно, доступна вторая часть.
Читать дальше →
Total votes 52: ↑50 and ↓2+48
Comments18

Разбираем протокол пейджерных сообщений POCSAG, ч2

Reading time4 min
Views6.5K
Привет, Habr!

В первой части был рассмотрен протокол обмена пейджерными сообщениями POCSAG. Были рассмотрены цифровые сообщения, перейдем теперь к более «полноценным» сообщениям в формате ASCII. Тем более, что декодировать их интереснее, т.к. на выходе будет читаемый текст.


Для тех кому интересно, как это работает, продолжение под катом.
Читать дальше →
Total votes 33: ↑33 and ↓0+33
Comments12

Тот день, когда я полюбил фаззинг

Reading time5 min
Views4.9K
В 2007 году я написал пару инструментов для моддинга космического симулятора Freelancer. Ресурсы игры хранятся в формате “binary INI” или “BINI”. Вероятно, бинарный формат выбрали ради производительности: такие файлы быстрее загружать и читать, чем произвольный текст в формате INI.

Бóльшую часть игрового контента можно редактировать прямо из этих файлов, изменяя названия, цены на товары, статистику космических кораблей или даже добавляя новые корабли. Бинарные файлы трудно модифицировать напрямую, поэтому естественный подход — преобразовать их в текстовые INI, внести изменения в текстовом редакторе, затем преобразовать обратно в формат BINI и заменить файлы в каталоге игры.
Читать дальше →
Total votes 20: ↑17 and ↓3+14
Comments0

Understanding the POCSAG paging protocol

Reading time8 min
Views12K
Long time ago, when a mobile phone costed about 2000$ and one minute of voice call was 50 cents, pagers were really popular. Later cellular phones became cheaper, calls and SMS prices became lower, and finally pagers mostly disappeared.


For people, who owned a pager before, and want to know how it works, this article will be useful.
Read more →
Total votes 21: ↑20 and ↓1+19
Comments0

Еще раз о визуализации input типа checkbox и radio. Для тех, кто забыл как

Reading time13 min
Views21K
Тема старая и уже, как выяснилось, подзабытая.

Недавно у меня была короткая работа по разработке ТЗ на модернизацию давно существующего проекта. И, в частности дело касалось стилизации пресловутых <input type="checkbox">. Выяснилось, что исполнитель, программист «на все руки» даже не понял, что я ему на словах объяснял как это сделать. Пришлось делать примеры и, как результат, появился этот текст.

Напомню, что сейчас checkbox и radiobox разные сайты изображают по-разному. Бывает, что не отмеченный input сразу и не разглядишь – такой он «дизайнерский красивый», а у последних версий Chrome выбранные checkbox стали гнусного цвета циан.
Читать дальше →
Total votes 7: ↑6 and ↓1+5
Comments9

Laser that cuts inside the cornea: ReLEx procedure at the physical level

Reading time6 min
Views1.8K
The idea — to take and cut a lens in a transparent cornea — is not new. At first it was done manually, with a scalpel directly on the surface (difficult and very rough, with a sea of side effects). The first laser was used in 1979, then it was a pulsed infrared emitter with an effective pulse length of 4 nanoseconds.


Step 1: creating a plasma bubble, in fact — a microburst. Step 2: expansion of the shock and heat waves. Step 3: cavitation bubble (plasma expansion). Step 4: the formation of a parallel slice at the expense of several adjacent laser focus points.

Read more →
Total votes 14: ↑11 and ↓3+8
Comments8

A couple more unobvious things that you might not be told before laser vision correction

Reading time13 min
Views1K

Today, without the «tin», as you asked

There is already a post about how the laser cuts by creating millions of cavitation bubbles in the cornea layer of the eye, and analyzing telemetry from the real operation in seconds with comments of the surgeon's actions.

Now FAQ about various related things


— If I look away while the laser is running, what will happen?

You simply will not work. In fact, immediately after anesthesia, the eye is pressed against a special pneumocapture. To blink at you too will not leave because of fixing (it is not long and not for long). The only moment where it is possible to seriously disrupt the course of the operation is to pull the head down strongly, pulling it out of the headrest by a serious willed effort. In this case, the operation will instantly stop. More precisely, it will stop even before the loss of capture (details below).

— How should an operating room be prepared?

In general — as a normal operating room, that is, a room with a clean area (air filtration, overpressure to prevent contamination from the outside after cleaning). It is important for the procedure that microparticles of dust flying in the air do not fall between the laser lens and the eye.
Read more →
Total votes 3: ↑3 and ↓0+3
Comments0

Что нового у XD Design? Амстердамские принты, осенние рюкзаки, чемодан-трансформер

Reading time6 min
Views5.4K

Почти год мы тестируем одну из последних моделей противокражного рюкзака Bobby — Bobby Soft. Сколько можно проверять его? Пока следующая версия не приедет. Или, в нашем случае, новые расцветки. Готовы поделиться мыслями о рюкзаках XD Design и кое-чем еще.

Ближе к делу
Total votes 9: ↑7 and ↓2+5
Comments23

Семь простых советов о том, как не надо верстать

Reading time14 min
Views21K

Эта статья является продолжением моего «крестового похода» против ветряных мельниц убогих современных тенденций в разметке и оформлении веб-приложений (статья1, статья2). И, поверьте — солидная ее часть — это толерантная, такая, чтобы никоим образом не нарушить NDA, переработка реального доноса код-ревью кода важного боевого проекта для руководства одной из команд в которых мне приходилось участвовать. До этого момента я породил уже три достаточно злых, токсичных длиннопоста для сообщества, и, о чудо — ни один из них не умудрился скатился в минус (но последний был близок). И на этот раз — я готов! Ибо этот пост именно о тех технологиях и подходах к верстке, которые мне[, конечно же, на основе коммерческого опыта] кажутся весьма неудачными и неэффективными, неадекватными в очень многих ситуациях. Конечно, существуют команды, проекты, требования когда каждый из этих подходов может окажется вполне приемлемым и уместным. Но на деле, чаще всего, имхо, оказывается, что поборники данных методов — безальтернативно «подсаживаются на любимую иглу» и упорно не хотят знать и уметь, использовать ничего другого... Мне вообще кажется что мир вокруг нас сейчас это, утопия, практически целиком, максимально упрощенная тотальным засильем пролоббированного рептилоидами, мировой закулисой корпорациями тоталитарного глобального мейнстрима, и это одинаково касается всех сфер жизни, культуры, вот тут можно почитать мою философскую статью на тему применительно как раз к интерфейсам Куда подевались социальные сети? Пропаганда и реклама вместо общения... И даже наш любимый журнал о технической культуре, по сути, превратился в рекламную помойку, по большей части, унылое отражение глобального общественного тренда... Но, как известно — «главное попытаться», поэтому — поехали!

Читать далее
Total votes 20: ↑8 and ↓12-4
Comments87

Безопасный CSS, или как писать универсальные стили

Reading time11 min
Views32K

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

Читать статью
Total votes 30: ↑28 and ↓2+26
Comments12

Анализ сетевого трафика на iOS. Часть 2 — Фреймворки для анализа сетевого трафика мобильного приложения

Reading time5 min
Views1.7K

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

Читать дальше
Rating0
Comments1

Chrome OS Flex: стабильная версия ОС от Google для установки на старые ПК. Что она может?

Reading time4 min
Views54K

Не так давно мы писали про новую (с оговорками) версию операционной системы Chrome OS Flех от Google. Корпорация модифицировала Chrome OS таким образом, чтобы та запускалась на Windows, Mac и Linux совместимых десктопных ПК и ноутбуках. Идея проста — продолжить жизнь морально устаревшему «железу», которое тормозит и лагает при попытке работать с более-менее современными ОС.

Корпорация не забросила свой проект, наоборот, она выпустила стабильную версию, которая может работать на относительно старом «железе». «Относительно» — поскольку на совсем уж старых ноутбуках и ПК система работать не будет. Разработчики системы убрали все «тяжелые» элементы ОС, так что Chrome OS Flex работает без особых проблем. Что может эта система?
Читать дальше →
Total votes 42: ↑39 and ↓3+36
Comments76

Нюансы разработки парсера для своего языка программирования

Level of difficultyMedium
Reading time7 min
Views11K

image


Недавно прочитал на Хабре статью Свой язык, или как я устал от ассемблера и С, и невольно взглядом зацепился за один абзац:


Я решил не сильно париться, поэтому использовал библиотеку parglare. Она очень легкая и удобная, всем рекомендую. Для описания синтаксиса парсер принимает строку в соответствующем формате, использует регулярные выражения (не надо осуждать регулярки, они всесильны!).

В результате решил опубликовать статью на основе своих старых записей еще с тех времен, когда идея NewLang до конца еще не выкристаллизовалась, но уже хотелось писать реальный код и тестировать разные концепции.


Ведь в жизни практически любого программиста может наступить момент, когда ему в голову приходит светлая идея — разработать свой собственный язык программирования. Может быть и не ради захвата мира, наравне с C/C++, Python или хотя бы PHP, а в качестве личного пет-проекта, с которым он, длинными зимними вечерами будет оттачивать собственное мастерство.


А так как у любого языка (не только программирования), все начинается с анализа его грамматики, то самой первой задачей создателя будет выбор инструментов для синтаксического анализа исходного текста.


Это история — заметки на память о муках выбора связки лексер-парсер для разбора грамматики NewLang. А так же попытка описать и систематизировать выводы об особенностях разных анализаторов с которыми пришлось поработать при выборе парсера для разбора грамматики у своего языка программирования.

Читать дальше →
Total votes 32: ↑30 and ↓2+28
Comments55
1
23 ...