Pull to refresh
0
0
Наташа @sgu6enka

User

Send message

Трюки CSS, которые сделают из вас ниндзя верстки

Reading time5 min
Views49K

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


Многие свойства, о которых пойдет речь, являются экспериментальными. Большинство из них поддерживаются всеми современными браузерами, однако, если вы решите использовать какое-либо из названных свойств в продакшне, не поленитесь зайти на Can I use и уточнить поддержку (недавно сильно расстроился, обнаружив, что Safari не поддерживает атрибут loading="lazy").


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


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


Итак, вы готовы к нашему небольшому путешествию в удивительный и почти безграничный мир CSS? Тогда вперед.


grid + place-items


Здесь вы найдете полное визуальное руководство по Grid и Flexbox.


Данная техника позволяет выравнивать элементы по горизонтали и вертикали при помощи всего лишь двух строк кода.

Total votes 37: ↑35 and ↓2+33
Comments7

Более мощный конкурент Raspberry Pi 3 стоит всего $10

Reading time2 min
Views88K

Одноплатных компьютеров, хороших и разных, становится все больше. Недавно мы писали о сетевой альтернативе Raspberry Pi, а сейчас появился еще более интересный вариант. Речь пойдет об Iconikal Rockchip 3328.

Он более современный, чем Raspberry Pi 3, с ним поставляется сразу несколько аксессуаров, а цена этого одноплатника почти в четыре раза ниже. Девайс уже поступил в продажу на Amazon, правда, там его очень быстро раскупили.
Читать дальше →
Total votes 71: ↑62 and ↓9+53
Comments107

Памятка пользователям ssh

Reading time13 min
Views1.5M
abstract: В статье описаны продвинутые функций OpenSSH, которые позволяют сильно упростить жизнь системным администраторам и программистам, которые не боятся шелла. В отличие от большинства руководств, которые кроме ключей и -L/D/R опций ничего не описывают, я попытался собрать все интересные фичи и удобства, которые с собой несёт ssh.

Предупреждение: пост очень объёмный, но для удобства использования я решил не резать его на части.

Оглавление:
  • управление ключами
  • копирование файлов через ssh
  • Проброс потоков ввода/вывода
  • Монтирование удалённой FS через ssh
  • Удалённое исполнение кода
  • Алиасы и опции для подключений в .ssh/config
  • Опции по-умолчанию
  • Проброс X-сервера
  • ssh в качестве socks-proxy
  • Проброс портов — прямой и обратный
  • Реверс-сокс-прокси
  • туннелирование L2/L3 трафика
  • Проброс агента авторизации
  • Туннелирование ssh через ssh сквозь недоверенный сервер (с большой вероятностью вы этого не знаете)
Читать дальше →
Total votes 360: ↑352 and ↓8+344
Comments148

Bash-скрипты, часть 2: циклы

Reading time8 min
Views712K
Bash-скрипты: начало
Bash-скрипты, часть 2: циклы
Bash-скрипты, часть 3: параметры и ключи командной строки
Bash-скрипты, часть 4: ввод и вывод
Bash-скрипты, часть 5: сигналы, фоновые задачи, управление сценариями
Bash-скрипты, часть 6: функции и разработка библиотек
Bash-скрипты, часть 7: sed и обработка текстов
Bash-скрипты, часть 8: язык обработки данных awk
Bash-скрипты, часть 9: регулярные выражения
Bash-скрипты, часть 10: практические примеры
Bash-скрипты, часть 11: expect и автоматизация интерактивных утилит

В прошлый раз мы рассказали об основах программирования для bash. Даже то немногое, что уже разобрано, позволяет всем желающим приступить к автоматизации работы в Linux. В этом материале продолжим рассказ о bash-скриптах, поговорим об управляющих конструкциях, которые позволяют выполнять повторяющиеся действия. Речь идёт о циклах for и while, о методах работы с ними и о практических примерах их применения.

image

Внимание: в посте спрятана выгода!
Читать дальше →
Total votes 59: ↑41 and ↓18+23
Comments35

Bash-скрипты, часть 7: sed и обработка текстов

Reading time9 min
Views585K
Bash-скрипты: начало
Bash-скрипты, часть 2: циклы
Bash-скрипты, часть 3: параметры и ключи командной строки
Bash-скрипты, часть 4: ввод и вывод
Bash-скрипты, часть 5: сигналы, фоновые задачи, управление сценариями
Bash-скрипты, часть 6: функции и разработка библиотек
Bash-скрипты, часть 7: sed и обработка текстов
Bash-скрипты, часть 8: язык обработки данных awk
Bash-скрипты, часть 9: регулярные выражения
Bash-скрипты, часть 10: практические примеры
Bash-скрипты, часть 11: expect и автоматизация интерактивных утилит

В прошлый раз мы говорили о функциях в bash-скриптах, в частности, о том, как вызывать их из командной строки. Наша сегодняшняя тема — весьма полезный инструмент для обработки строковых данных — утилита Linux, которая называется sed. Её часто используют для работы с текстами, имеющими вид лог-файлов, конфигурационных и других файлов.


Читать дальше →
Total votes 22: ↑18 and ↓4+14
Comments34

Продолжаем парсить RSS теперь уже kinozal'a используя grep, wget/curl

Reading time3 min
Views12K
RSS
В моем предыдущем посте про автоматизацию загрузок новых эпизодов с RSS ленты LostFilm'а хабраюзер AmoN поднял правильный вопрос о невозможности описанным мною способом загрузки раздач, прямых ссылок на torrent файл которых в RSS ленте не содержится. В качестве примера был приведен трекер кинозал.тв. Именно решению этого вопроса посвящен сей пост ;)
Читать дальше →
Total votes 37: ↑31 and ↓6+25
Comments24

Начинающим Java программистам

Reading time2 min
Views1.2M
Программирую на Java вот уже 7 лет. Но на работе часто приходится обучать новое поколение. В связи с этим и решил сделать некоторую шпаргалку, которая, надеюсь, пригодится и для хабрчан. Если кто-то может помочь дополнить чем-то информацию из этой статьи, то пишите! Итак:

Основные ресурсы для начального обучения


  • www.javable.com — сайт со статьями и tutorial'ом по Java. Все в основном на русском.
  • www.exampledepot.com — очень полезный ресурс, где собраны краткие примеры использования классов для тех или иных пакетов
  • java.sun.com — без первоисточника не обойтись. Для любого Java программиста JavaDoc должен быть истиной в последней инстанции. Так же здесь можно найти серию tutorial'ов на все возможные темы.

Читать дальше →
Total votes 120: ↑113 and ↓7+106
Comments58

1000+ часов видео по Java на русском

Reading time7 min
Views1.3M
Добрый день.
Меня зовут Головач Иван, я руковожу небольшой образовательной компанией и преподаю сам:
  1. Java Core
  2. Junior Java Developer: Servlet API, JDBC, Maven, JUnit, Mockito, Log4J, основы Spring/SpringMVC, основы JPA/Hibernate, шаблоны/архитектуры MVC/IoC/DAO.
  3. Multicore programming in Java.


Также я веду курс «Scala for Java Developers» на платформе для онлайн-образования udemy.com (аналог Coursera/EdX).

В следствии этого у меня скопилось значительно количество ссылок на видео на русском языке по Java как моего авторства, так и моих коллег.

(GolovachCourses.com)


Здесь собраны несколько вариантов записи моего курса Java Core.
Модуль #1 (Procedural Java):
Набор июль 2013: #1, #2, #3, #4
Набор апрель 2013: #1, #2, #3, #4
Набор февраль 2013: #1, #2, #3, #4
Набор январь 2013: #1, #2, #3, #4
Набор октябрь 2012: #1, #2, #3, #4.
Читать дальше →
Total votes 120: ↑111 and ↓9+102
Comments38

Познаём Java. Третья чашка: примитивные типы, и объекты. Базовые конструкции

Reading time7 min
Views235K

Типа реальные типы


Думаю, после краткого экскурса в возможности Java и прочитывания пары десятков строк кода примеров, вам захотелось узнать, чем должен уметь оперировать каждый Java-программист. Что ж, давайте поговорим о примитивных типах, классах (в том числе нескольких основных), сравнении, передаче параметров и простых структурах в Java.
Поехали!
Total votes 38: ↑31 and ↓7+24
Comments109

Хабраиндекс для статей по программированию под Android

Reading time2 min
Views94K
Читать дальше →
Total votes 220: ↑204 and ↓16+188
Comments43

Необычные клавиатуры для программистов и не только

Reading time4 min
Views136K
Программисты бывают разные, и запросы у них разные, кто-то не пользуется мышью, кто-то не пользуется функциональными кл… авишами, кто-то не пользуется блоком цифровых клавиш, а кому-то не нужны даже и курсорные клавиши. Немало тех, кто проводит много времени за клавиатурой, страдают заболеваниями, вызванными неправильной посадкой, неправильным расположением рук, необходимостью постоянно переносить кисть с места на место, да и просто неумением печатать ничем, кроме указательных пальцев. Помимо внешнего вида клавиатуры могут отличатся и раскладкой, от стандартной Qwerty и Colemak и Dvorak, которые ещё более-менее на слуху, до экзотических видов, таких как аккордовая и стенографическая клавиатуры. Как ни парадоксально, но существуют даже безклавишные клавиатуры. Различаются клавиатуры и типом клавиш, от обычных механических, которые сильно могут отличаться качеством, клавиши с уменьшенным ходом, часто использующиеся в ноутбуках, а также сенсорные, проекционные и даже гибкие.

Специальные клавиатуры призваны повысить удобство печати (хотя существует недоверие к этому, освободить место на столе, и соответствовать запросам пользователя. Но клавиатур много, очень много, и нет среди них универсальной, которая подойдёт всем.

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

Удивиться ещё больше
Total votes 127: ↑111 and ↓16+95
Comments216

34 Великолепных примера инфографики, раскрывающих мир социальных медиа

Reading time2 min
Views25K
Оригинальное название: 34 Stunning Infographics To Understand The World Of Social Media


image

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

В данный момент мы хотим продемонстрировать Вам как инфографика может повысить понимание взаимосвязанность мира социальных медиа и его влияние на интернет-пользователей.

* Инфографика как всегда хороша тем, что прочитав заголовок, сама графика понятна и без знания языка, смотрим!
Приятного просмотра! Материал в самый раз для выходных.

По ссылкам большие варианты и более полные чарты в некоторых случаях

Читать дальше →
Total votes 67: ↑42 and ↓25+17
Comments29

Обзор современных проектов крупномасштабного моделирования мозговой активности

Reading time5 min
Views5.9K
В последние годы область крупномасштабного моделирования мозговой активности стала активно развиваться и все большее количество математиков и нейробиологов вовлекается в нее. В данном обзоре я проведу краткий обзор наиболее известных и удачных проектов в этой области. Также в заключении опишу мои мысли по поводу перспективы и полезности дальнейшего развития проектов подобного рода.

image
Читать дальше →
Total votes 94: ↑87 and ↓7+80
Comments34

Изображаем память с помощью тетрадки в клеточку

Reading time5 min
Views4.5K
Где-то в архивах этого блога можно найти статью про тетрадь в клеточку и ее душевные переживания. Содержание у этой статьи скорее философское, чем прикладное. Но вот сама идея изобразить работу мозга с помощью карандаша и тетради в клеточку показалась мне довольно интересной. Как заметил автор той статьи, работу любой программы можно изобразить на бумаге. Будь то стек вызовов или регистры процессора – их легко можно изобразить с помощью клеточек.

Но это все низкоуровневые процессы. Возможность изобразить их на бумаге скорее теоретическая. На практике от нее мало пользы. Вот если бы можно было с такой же легкостью описывать более высокоуровневые процессы…
Читать дальше →
Total votes 67: ↑55 and ↓12+43
Comments29

Обзор теорий сознания: теория функциональных систем П.К. Анохина

Reading time7 min
Views62K
Множество исследований в области искусственного интеллекта сталкиваются с проблемой отсутствия на сегодняшний момент какой-либо мощной теории сознания и мозговой активности. Фактически мы обладаем достаточно скудными знаниями о том каким образом мозг обучается и достигает адаптивного результата. Однако, на данный момент происходит заметное увеличение взаимовлияния области искусственного интеллекта и нейробиологии. По результатам математического моделирования мозговой активности ставятся новые цели для экспериментов в области нейробиологии и психофизиологии, а экспериментальные данные биологов в свою очередь во многом влияют на вектор развития ИИ.

Исходя из вышесказанного становится ясно, что для будущего успешного развития бионического ИИ необходимо плотное сотрудничество математиков и нейробиологов, которое в итоге будет плодотворным для обеих областей. Для этого в частности необходимо изучение современных успехов теоретической нейробиологии.

На данный момент существуют три наиболее проработанных и отчасти экспериментально проверенных теории строения сознания в области теоретической нейробиологии: теория функциональных систем П.К. Анохина, теория селекции нейрональных групп (нейродарвинизм) Джеральда Эдельмана и теория глобальных информационных пространств Жана-Пьера Шанже (изначально сформулирована Бернардом Баарсом). Остальные теории либо являются модификациями названных, либо не подтверждены никакими экспериментальными данными. В данной статье речь пойдет о первой из этих теорий — Теории функциональных систем П.К. Анохина.
Читать дальше →
Total votes 48: ↑41 and ↓7+34
Comments63

Ставим голос

Reading time4 min
Views4K
Да, это моя картинка, ее себе на рабочий стол скинь-ка Безусловно, в настоящее время коммуникативные навыки играют ключевую роль в жизни человека. От них во многом зависит успех в жизни, они влияют на отношение к тебе других людей. Данная статья посвящена голосу.
Согласитесь, обладание хорошим голосом очень важное и полезное свойство человека. Голос мы используем чаще мыла, еды и женщин. Он заполняет всю нашу жизнь, он используется всегда и везде. Голос является одним из важнейших средств взаимодействия. Но голос — не совершенен, он имеет свойство портиться. Но в отличие от сгоревших пельменей его вполне можно восстановить, и улучшить. Данная статья является введением в эту тему, и помимо теории, вы найдете тут практические упражнения.
Читать дальше
Total votes 39: ↑38 and ↓1+37
Comments10

Mozilla-vlc-plugin для Windows в формате xpi

Reading time3 min
Views13K
Есть такая класная штука, mozilla-vlc-plugin называется. Но чтобы поставить его под Windows нам надо поставить целый vlc, да еще и не забыть отметить плагин в списке устанавливаемых компонентов. Возможность (ди и желание тоже) ставить приложение целиком есть не всегда, а вот плагин для firefox в формате xpi был бы в самый раз. Разработчики vlc ничего сами не собирают, поэтому все придется делать самим. Приступим.
Читать дальше →
Total votes 26: ↑21 and ↓5+16
Comments30

«Своя» мобильная морда Twitter

Reading time1 min
Views495
imageТак получается, что в Twitter чаще пишу с мобильной морды. Не смотря на всю ее красоту, она имеет свои минусы. Там нельзя отправить 140 символов кириллицей, а лишь только 70; нет там list’ов и т.д. но сегодня не об этом.

Сегодня поделюсь с вами маленьким хаком. Как насчет того, чтобы в строчке «via %appname%» или «from %appname%» светился адрес вашего блога?) И для этого не обязательно изобретать приложение, достаточно самому где-то установить движок DABR, а в странице приложений прописать нужные данные.

DABR очень прост в установке; open source; написан на PHP и не требует Баз данных.
Total votes 65: ↑39 and ↓26+13
Comments10
1
23 ...

Information

Rating
Does not participate
Location
Тирасполь, Молдова, Молдова
Date of birth
Registered
Activity