Blog. Just Blog

Web-мастеру и не только

Полезные решения для Web-мастеров
Web-мастеру и не только - RSS-канал Web-мастеру и не только - Карта сайта

Стилизация заданного количества HTML-элементов

25.04.2021 | Категория: Web-мастеру и не только | Автор: ManHunter

Стилизация заданного количества HTML-элементов

Средства CSS3 предоставляют широкие возможности для стилизации HTML-элементов. Например, при помощи псевдо-класса :nth-child() можно стилизовать определенный по счету элемент, четные и нечетные элементы, а также элементы, подходящие под формулу записи этого псевдо-класса (смотрите документацию). А вот не совсем стандартная задача: есть таблица, надо стилизовать только первые N ее строчек.

Читать статью целиком »
Просмотров: 135 | Комментариев: 0

Создание ASCII-картинки из изображения на PHP

05.02.2021 | Категория: Web-мастеру и не только | Автор: ManHunter

Создание ASCII-картинки из изображения на PHP

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

Читать статью целиком »
Просмотров: 528 | Комментариев: 9

Как сделать у ссылок иконки, соответствующие типу файлов

16.01.2021 | Категория: Web-мастеру и не только | Автор: ManHunter

Как сделать у ссылок иконки, соответствующие типу файлов

Понадобилось сделать красивую страничку со списком файлов. Помимо прочего оформления, решил к ссылкам на файлы добавить иконки, соответствующие их типам, примерно как это делается в Проводнике Windows или файловых менеджерах. Сперва хотел реализовать это на серверной стороне, потом подумал, еще подумал, и решил обойтись чистым CSS. Делается это все очень просто. Для каждой ссылки списка в стилях добавляется селектор, соответствующий расширению файлов:
  1. <style type="text/css">
  2. a[href$=".pdf"] {
  3.     padding-left20px;
  4.     backgroundurl('/img/file_pdf.png'no-repeat left 3px;
  5. }
  6.  
  7. a[href$=".doc"], a[href$=".docx"] {
  8.     padding-left20px;
  9.     backgroundurl('/img/file_word.png'no-repeat left 3px;
  10. }
  11.  
  12. a[href$=".jpg"], a[href$=".jpeg"], a[href$=".png"] {
  13.     padding-left20px;
  14.     backgroundurl('/img/file_img.png'no-repeat left 3px;
  15. }
  16. </style>
Размеры изображений с типами файлов подбирайте под размеры текста, смещение фона относительно текста ссылки и отступ также определяются экспериментальным путем в зависимости от особенностей верстки.

Просмотров: 248 | Комментариев: 0

Создание исполняемых приложений на PHP

15.12.2020 | Категория: Web-мастеру и не только | Автор: ManHunter

Создание исполняемых приложений на PHP

Мы привыкли, что язык PHP используется для web-разработки, и в большинстве случаев это действительно так. Но при этом PHP обладает обширным арсеналом различных функций и инструментов, которые можно использовать не только в сайтостроительстве. Из PHP-скриптов можно делать полноценные приложения для Windows в виде привычных нам EXE-файлов. Для PHP4 в свое время были такие интересные штуки, как Roadsend Compiler Studio и Bambalam PHP EXE Compiler, которые делали из скриптов консольные приложения. Были даже такие инструменты, как PHP-GTK и WinBlider, позволявшие создавать на PHP программы с графическим оконным интерфейсом. Теперь, к сожалению, все эти проекты уже прекратили свое существование. Инструментов нет, но задачи никто не отменял! Значит надо искать какие-то новые решения.

Читать статью целиком »
Просмотров: 533 | Комментариев: 5

Перемешивание массива на JavaScript

20.11.2020 | Категория: Web-мастеру и не только | Автор: ManHunter

Перемешивание массива на JavaScript

Несмотря на особенности сортировки массивов в JavaScript, которые нашли отражение даже в интернет-мемах, без этой самой сортировки не обойтись. Случайное перемешивание массива - тоже своеобразный вариант сортировки. Для его реализации в этих ваших интернетах обычно рекомендуют воспользоваться следующим или каким-то подобным кодом:
  1. var test_array=[1,2,3,4,5,6,7,8,9,10];
  2.  
  3. test_array.sort(
  4.     function() { return (Math.random()-0.5); }
  5. );
  6. // test_array -> перемешанный массив
На первый взгляд функция рабочая, но при тестировании, особенно на больших массивах, результат оставляет желать лучшего. В зависимости от поведения рандомайзера, в массиве могут оставаться целые последовательности неперемешанных элементов.

Читать статью целиком »
Просмотров: 301 | Комментариев: 1

prev 01 02 03 04 05 06 07 08 09 ... 35 next
Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2021
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.07 сек. / MySQL: 2 (0.0018 сек.) / Память: 4.75 Mb
Наверх