Здравствуйте, товарищи.
Был тут тред насчет сабжа, но вот, не нашел его.
Словил перманент бан пол года назад на redacted (dot) ch в довольно таки интересной ситуации, но не в этом суть.
Конечно, нагло спрашивать так, но все же. Есть тут кто-то, кто любит хайrez и имеет инвайт на сабжевый трекер?
В замен могу предложить разве что свои «мощностя»
пост для толксов, уважаемые модераторы!
Вопрос тем кто использует Kali/Parrot/BlackArch и прочие штуки для пентеста. Вы уверены что во время пентеста вас самих не пентестят? Ну всмысле, вы проводили аудит этих дистрибутивов? Что дает вам уверенность, что создатели этих инструментов не пытаются слить ваши данные, как только вы подключаетесь в сеть? Ведь по сути вы сами знаете что это за дистрибутивы...
Ну что, погоняем современный дизайн сайтов?)
Вступление
Решение поделится своими мыслями появилось задолго до появления этих двух статей Почему сайты свободного софта зачастую такое УГ? и Накидайте примеров хорошего дизайна которые кстати ещё больше подтолкнули к публикации материала.
Последние пару лет меня стали раздражать большинство посещаемых сайтов. Чуть ли не каждый 2-й копирует один и тот же шаблон. Вот посмотрите https://windowstips.ru/, http://chto-takoe.net/, https://losst.ru/. Подобные сайты скорее всего сделаны на Wordpress или Drupal и содержатся каким-нибудь васей с searchengines, гордо называющий себя вебмастером.
Что не так с дизайном и как можно сделать лучше рассмотрим на примере сайтов сделанных за еду.
Немного о ужасах дизайна или как не надо делать
Подавляющие большинство информационных сайтов в сети выглядит так:
Понятно что используется популярный wordpress или drupal шаблон. В нём «дизайнер» почему-то посчитал что раз мне нужно уместить в одном блоке статью и список допустим схожих статей, то визуально разделять их не надо (см. 1 и 2-й скриншот). Другой недостаток — куча свободного пространства (см. 1 и 3-й скриншот). А вот как в одном блоке разделили визуально https://i.imgur.com/G1E637L.png, https://i.imgur.com/EnQh8mh.png, https://i.imgur.com/9ZvUzrP.png, но тоже так себе. Здесь — лучше.
Как надо (но это не точно):
На скриншотах хорошая компоновка: основной блок с текстом отделён от дополнительных. Между доп. блоками есть пространство, либо же если доп. блок один внутри применяется разделяющая черта.
Ошибки
1) Отвлекающий фон
Баю-баюшки-баю засыпаю на краю https://pleroma.social/
Но иногда он бывает так сказать «в тему». Увы, хороших примеров не вспомнил/не нашёл.
2) Банеры или картинки на пол экрана
Нееееет. Запомните, картинка должна отражать смысл статьи или итоговый результат.
Вот баба одна сделала сайт (https://veerle.duoh.com/design/create-a-cubical-pattern-in-adobe-illustrator#0). Картинка над статьёй=итоговый результат урока, но всё равно «убивает». Решать вам.
Другой вариант (https://i.imgur.com/5jslkEv.png)
Поймите, черти, уже наконец что людям нафиг не нужна ваша картинка молотка в теме «создаём сайт с помощью ксс и бутстрап». Повторюсь: подбирайте картинки соответствующие статье.
3) Лепка
https://i.imgur.com/iHr8OBf.jpg
Прекратите лепить всё подряд и друг за другом. Пользователь теряется.
4) Тени
https://i.imgur.com/BrBNV8L.png
Зачем?
5) В табло
https://i.imgur.com/XIqCyXk.png, https://vgy.me/rKvBRw.png
Чего б#&$-? Неужели так сложно сделать как в ворде?)
6) Подчёркивания
https://i.imgur.com/nlpfF0y.png
Как мы видим буква Д в начале названия заголовка не подчёркнута.
Другой неудачный пример https://i.imgur.com/pdmQWsL.png иллюстрирует как низ буквы Щ почти сливается с подчёркиванием.
Так или так — лучше.
Статья по теме: https://css-tricks.com/styling-underlines-web/
7) Нумерация строк
Надо/нет? И что ставить после числа: ничего, точку, двоеточие или провести вертикальную линию?
8) Выделение кода
Почти всегда блоки с кодом подсвечивают каким-нибудь фоном и оборачивают в рамку https://i.imgur.com/p7cEmqG.png, https://vgy.me/I1kg6v.png, https://i.imgur.com/1iqpbCZ.png, https://i.imgur.com/pAzlurI.png
Особенно уродско выглядит когда во всю ширину блок. Хватит. В 99% случаев не в тему так сказать.
Выделение более-менее смотрится на старом дизайне css-tricks, но всё равно «перебивает» и заголовок и основной текст.
Другой момент — появившийся горизонтальный скролл. Представьте, что у вас подряд 15 блоков и там этот скролл. Мне такое недавно глаза вырезало.
Иногда встречал, что такие полоски появляются/всплывают когда на блок наводишь, как вам такой ход?
А ещё меня бесит вот такое выделение. Неужели нельзя применить моноширинный шрифт?
9) Перенос текста
https://i.imgur.com/G5KPWmb.png
Без комментариев.
10) Плавающий текст
Должны ли мы располагать текст в пространстве никак не выделяя его (как на medium, например)?
Пример: https://i.imgur.com/cJIKFl1.png
Или может стоит поместить внутрь блока, как тут?
11) Меню
a) Не помеченный значок увеличивает когнитивную нагрузку
(https://i.imgur.com/Aqp1ZM1.png).
Пример хорошего меню: https://i.imgur.com/UPNv1hc.png
b) На многих сайтах заметил подобное меню слева (http://window.edu.ru/catalog/pdf2txt/936/46936/23254?p_page=1#).
С одной стороны оно хорошее, с другой, когда мы его «сворачиваем» у нас блок с текстом визуально изменяется, что лично меня сильно напрягает.
Вывод: ширина блока для текста должна оставаться неизменной.
12) Уведомления
https://vgy.me/5306aT.jpg, https://i.imgur.com/wYa1NJr.png
Лично меня напрягает, что некоторые из них показываются при заходе на сайт.
Здесь на самом деле сложный момент. Во многих курсах говорят, что нужно сообщать своему зрителю о действиях - нажми там на колокольчик(на ютубе) и подпишись. Это вроде как тру, но с другой стороны может быть назойливым.
Заключение
Всё это говорит нам о том что веб-сайтам необходим дизайн-код.
Что такое дизайн-код?
Это проиллюстрированный набор правил проектирования, требований и рекомендаций. С их помощью должен регулироваться шрифт, размер и форма блоков, анимация и другое.
Надеюсь моё недовольство поможет в создании визуально-гармоничного сайта.
В следующей части я расскажу о своём видении каким должен быть дизайн современного информационно-новостного веб-сайта. Поделюсь советами и практическим опытом созданных сайтов на основе собственной модели плавающего или трансформирующегося дизайна.
При предпросмотре картинок в dolphin зачем-то создается кэш миниатюр в хомяке, что крайне нежелательное поведение. Какой самый правильный способ избавиться от этого? Или не заморачиваться и втупую поставить запрет записи в директорию?
Добрый день!
Установлена последняя версия Debian 9
Для получения sudo делал так:
apt install sudo
usermod -a -G sudo alterakalterak@WS01:~$ sudo apt update
[sudo] пароль для alterak:
alterak is not in the sudoers file. This incident will be reported.
alterak@WS01:~$Я почти собрал свой сервер безопасности (камеры, датчики, детекторы), осталось дело за малым, подскажите пожалуйста, существует ли такого рода специализированное ПО типа универсальных уатчдогов-шедулеров, которое:
Например: пропал интернет — подать гудок, если проблема не решена через 15 минут — звонить/смс через WWAN, заканчивается место на дисках через определенное к-во гигабайт — начать циркуляционный процесс удаления наиболее старых по дате файлов и т.п.
Спасибо.
Linuxforum/unixforum фактически RIP.
Habr захватили js-хипстота и маркетологи.
LOR захватили тролли.
Reddit не вкурил.
stackowerflow - Q&A, туда только за готовыми решениями ходить.
Zeronet одно время был всплеск активности, а сейчас тишина.
Соц.Сети всегда были помойкой для политоты.
4pda неплохо, касательно смартфонов, но народ там местами странный
Что сейчас популярно? Где можно почитать свежие новости с живыми обсуждения и вопросы/ответы без: «иди читай книжку».
Клиент-Серверной архитектуры, web-интерфейс не обязательно, прочие фишки тоже. Серверную часть планирую держать на довольно слабом железе(ppc 800MHz, 256Mb ram), так что own/next-cloud отпадают.
Есть поднятое подключение VPN
Как соединения с определенными ip (а лучше вообще с любыми ip по определенному порту) пустить в обход VPN?
Как сделать только VPN соединение в Kali Linux? How to enable only vpn connection in Kali Linux
Привет ребят, поставил openvpn, но интернет сбивается периодически, и соединение продолжается без VPN, как это исправить?
Hey guys, just install Kali Linux and open vpn but when my connection is drop I got no secure connection, no VPN, I should start it again. How to enable «no internet without VPN?» Thanks so much and sorry for grammar
Перемещено shell-script из security
Если на сервере открыты только порты под SSH и HTTPS + OpenVPN, заход строго по RSA ключу, при создании виртуалки, может ли пров «зашить» в образ для себя какой-либо вход для просмотра настроек и содержимого? И как это определить и как с этим бороться? На сколько я в курсе - на Рашенских серверах, если пров не организвал логирование - его лишат лицензии. На сколько жестко обстоят дела в других странах, Нидерланды, Индонезия, Китай? Слышал что там вообще народ не парится, даже власти не могут долбить особо сервера, но мне кажется это сказки венского леса. Кто на практике сталкивался, а не слышал, вася говорил и т.д. Тема думаю интересна многим, учитывая 1 ноября.
У меня есть роутер д-линк, лет ему уже 10, он старый и глючный с самого начала, но как-то инет льет и нормально.
хочу современный роутер, чтоб можно было гарантированно накатить что-то хорошее типа openwrt, и чтоб хватало памяти поставить все нужные пакеты, ну и чтоб этой памяти хватило хотя-бы на года 3-5 обновлений openwrt или чего там еще. Советуйте!
OGYouTube, похоже, всё. То есть, корпорация бобра надавила на автора ещё летом и он свернул разработку, но на днях что-то поменяли на ютубе и теперь не получается скачать через OGYouTube - пишет ошибку о невалидных параметрах.
Что есть удобного, что бы на ведре в пару нажатий скачивать?
Мне подошли TubeMate и Videoder.
Предлагайте ещё.
Свой Almond+ покупал давно и ничего уже не помню.
Какой роутер лучше выбрать? На что обращать внимание?
Из того, чтобы хотелось: поддержку WiFi 802.11ac.
Всем привет! Как вы считаете со слешом "https://example.com/" или без слеша "https://example.com"? Посмотрев немногие крупные сайты я пришел к выводу что например:
https://www.mozilla.org/ - использует слешы в конце путей
https://vimeo.com/channels/staffpicks - не использует
https://youtube.com/feed/trending - тоже не использует
https://www.paypal.com/us/webapps/mpp/send-money-online - без
Какое правильным считается? Если сайт будет со слешем, google санкции же будут предпринимать к данным сайтам? Вы сами как делаете? Слешем или без?
Flask'е допустим роутинг всегда со слешем выдается, вы считаете это правильным решением?
В общем, посоветуйте софта и вообще тредов \ гайдов на тематику конфиденциальности. Интересует шифрование диска (подробно, как сделать, какие минусы, ибо насколько я знаю, теряется производительность? Что с точки зрения надежности?), мониторинг и контроль всех подключений на уровне системы т.е. возможность видеть в режиме реального времени с какими хостами я соединяюсь и прочее. Еще хотел бы ссылок на гайды по настройке тора и обеспечения анонимности хотя бы на более менее уровне. Алсо, желательно чтобы это все могло работать на рачике, ибо вдаваться в тонкости других дистрибутивов желания нет.
Еще моменты: сидеть через wifi соседа добавит приватности? Слышал, что браузеры сливают всю инфу о ПК, типа установленной ОС и т.д. Можно это как-то все скрыть или наоборот, вписать какие-нибудь стандартные значения 95% быдла? Мол сижу с оффтопа и гуглхрома?
В гугле не забанен, но хочется послушать и местных экспертов. Может помимо перечисленного я узнаю и какие-то более качественные решения.
Здравствуйте, уважаемые участники форума.
Вопрос от новичка:
Предположим, у нас есть сервер, находящийся на колокейшене в дата-центре. Возможно ли сделать так, чтобы его сотрудники, имеющие физический доступ серверу, не могли узнать, что записано на винчестерах?
Если можно, поделитесь ссылками, пожалуйста.
tar -zcf stepan.tar folder/
Создаётся архив и в терминале появляется новая строка. А если файлов много и тяжелые, как сделать, чтобы можно было видеть на какой стадии сейчас идет выполнение архивирования?
Хочу загружать много данных в недоверенное объектное хранилище.
#! /bin/bash
find -name "* *" -type d | rename 's/ /_/g'
find -name "* *" -type f | rename 's/ /_/g'
for file in *
do
sumout="$(echo -n $file | sha1sum)"
name="${sumout: : -3}"
tar c $file | gpg -r my@email --cipher-algo AES256 --compress-algo none --encrypt -o $name.tar.gpg
echo $name $file >> sha1names.txt
rm -rf $file
done
sha256sum *.gpg > sha256sums.txt
Скрипт должен убрать пробелы из имен, переименовать (скрыть реальные имена), архивировать и зашифровать. Вроде, со своей задачей справляется.
Если кто-то подскажет, как распараллелить, то буду благодарен.
UPD: не давайте, пожалуйста, советы по поводу бекапов. У меня есть нормальный сервер с доступом по ssh и borg делает бекапы со всех машин раз в час. Задача этого скрипта несколько иная - выгружзить сотни гигабайт медиа файлов в убогий Google Drive и забыть о них.
Сабж. Чтение в основном всяких статей и книг по специальности, форматы pdf и djvu. Читать буду в том числе в метро, поскольку формат страницы у статей большой с телефона это делать неудобно. Сейчас судя по всему придется читать много, хочется делать это с комфортом и крайне желателен встроенный словарь - что бы слово выделил и сразу увидел варианты перевода.
Вышла очень клевая (по описанию) читалка покетбук 740, но ее надо покупать. Есть в наличии планшет samsung SM T705 - по размеру экрана и габаритам он такой же, но в 1.5 раза тяжелее (300гр против 200гр у покетубка), зато цветной. Но главное - я не знаю какую софтину для pdf и djvu со встроенным словарем на него поставить...
Ну и народ вроде пишет что букридеры для глаз лучше. Посоветуйте/поделитесь опытом?
Linux тут при том, что книги будут в т.ч. про него, а на основе тех книг что не про него будет писаться софт для него;-)
| ← назад | следующие → |