Nikovit <Путешествия и разработка>

Стилизация checkbox

В этой статья я расскажу о стилизации чекбокса средствами CSS.

Дизайн формы.
form.png

Начнем стилизацию, html код чекбокса:
<div>
    <input type="checkbox" id="check" name="check" />
    <label for="check">Я согласен с политикой конфиденциальности компании и даю согласие на обработку моих персональных данных</label>
</div>

Преминем стили CSS для чекбокса:
//checkbox
input[type=checkbox], input[type=radio] {display: none;}
input[type=checkbox] + label:before {
    content: "\2713";
    color: transparent;
    display: inline-block;
    border: 1px solid #ced4da;
    font-size: 20px;    
    line-height: 22px;
    margin: -5px 5px 0 0;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    transition: color ease .3s;
}
input[type=checkbox]:checked + label:before {
    color: red;
}


В качестве бонуса SASS стили для чекбокса:
//checkbox
input[type=checkbox], input[type=radio]
  display: none
input[type=checkbox] + label:before
  content: "\2713"
  color: transparent
  display: inline-block
  border: 1px solid #ced4da
  font-size: 20px
  line-height: 22px
  margin: -5px 5px 0 0
  height: 20px
  width: 20px
  text-align: center
  vertical-align: middle
  transition: color ease .3s
input[type=checkbox]:checked + label:before
  color: red

Linux - узнать какие каталоги занимают много места на диске

Для того чтобы узнать какие каталоги занимают больше всего места в linux нужно установить программу ncdu
apt-get install ncdu

Запускаем ncdu, в параметре указываем каталог от которого программа начинает считать занимаемое место каталогами, в данном случаи от корневого каталога /
ncdu /

После анализа каталогов ncdu покажет занимаемое ими место, сверху самые тяжелые папки.
Можно перемещаться стрелочками - вниз - вверх, по нажатию Enter проваливаться в каталог и анализировать подкаталоги.

2018-11-16.png

Для того чтобы посмотреть свободное место на жестких дисках linux можно воспользоваться штатной программой df которая идет во многих распространенных дистрибутивах linux - Debian, Ubuntu, CetnOs, Fedora и т.д.

df -h

2018-11-16 (1).png

Python - openpyxl считываем значение колонки Excel

В последнее время очень часто приходиться работать с Excel средствами Python, ниже приведен код для чтения значений из выбранной колонки Excel

import openpyxl
path = "file.xlsx" #имя файла 

wb_obj = openpyxl.load_workbook(path)  #Открываем файл
sheet_obj = wb_obj.active #Выбираем активный лист таблицы(
m_row = sheet_obj.max_row

# Выводим значения в цикле
for i in range(1, m_row + 1):
    cell_obj = sheet_obj.cell(row=i, column=2) # В column= подставляем номер нужной колонки
    print(cell_obj.value) # Выводим значение

Битрикс. Выводим свойство типа html/текст в нужном нам месте

Для вывода свойства в виде html/текст я использую следующую конструкцию.

<?=htmlspecialcharsBack($arItem["PROPERTIES"]['Ваше_свойство']["VALUE"]["TEXT"])?>

css какой элемент выходит за пределы экрана?

2018-09-20 (1).png
Очень часто бывает что при верстке css, а особенно при адаптивной верстке - какой то элемент начинает выходить за границы экрана.

Pokemon Go вышла в России

photo_2018-09-11_22-53-58.jpg
Спустя два года после выхода Pokemon Go игра стала доступна для России.

Clash & Go обзор игры

news-image-Welcome commanders.png
Несколько дней назад вышла мобильная AR игра Clash & Go, полный обзор игры читайте ниже.

Страницы: 1 2 3 4 5 ... 13 След.