Category archives: HTML

CSS настройка HTML тега pre

По-умолчанию текст в тегах pre отображается с форматированием «как есть». Т.е. если строка длинная, то она будет заезжать за все возможные границы и портить всю вёрстку. По оси X страница будет скролиться именно из-за какой-нибудь одной длинной строки. Как этого избежать, но при этом оставить великолепный функционал тега pre? Раньше я для всех тегов pre просто прописывал CSS свойство «overflow» со значением «auto»:

pre {overflow: auto;}

Read more …

Tags: , , , , , , , ,

Какие символы кодирования нужно использовать а какие нет

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

Read more …

Tags: , , , ,

Нужно ли изменять размеры изображений на сайтах?

Долго экспериментировал по этому поводу, пробовал разные решений и решил остановиться на наиболее правильном как мне кажется. В своей практике были случаи когда на некоторых сайтах я делал сразу несколько копий изображений загруженных пользователями, ну что бы было удобнее их грузить и трафик не забивался. В итоге пришёл к выводу, что ресайзить изображения это дело абсолютно лишнее ибо толку от этого мало. Подобные способы были актуальны во времена медленного интернета и слабых компьютеров, сегодня же потребность в этом отпала. Read more …

Tags: , , , , , ,

Делаем 301 редирект разными способами

В посте опишу самые популярные способы редиректа, как серверные так и скриптовые. Показывать буду на примере постоянного 301 редиректа (301 Permament Redirect — постоянный редирект). 301-ый код статуса HTTP, возвращается при обращении к определенному ресурсу и означает, что запрашиваемый документ был перенесен на новый адрес, причём на постоянной основе. Получив 301 код статуса HTTP все клиенты (user agents) будут перенаправляться по новому адресу. Обычно при 301 редиректе поисковые роботы производят «склейку» адресов, начального и конечно, как будто это одна страница. Read more …

Tags: , , , , , , , , , , ,

Старые теги в семантическом HTML5

В HTML5 есть такая парадигма как семантический веб и семантические теги структуризации контента. В связи с этим старым тегам разметки <b>, <i>, <s>, <small>, <big> в некоторой степени были даны новые смысловые значения связанные именно со структуризацией данных. Read more …

Tags: , , , ,

Как убрать иконку Powered by MediaWiki

Сразу к делу так сказать. Стоит обычная задача убрать иконку Powered by MediaWiki в подвале сайта на движке MediaWiki. Понятное дело, что это не совсем законно по отношению к людям разрабатывающим данный движок и предоставляющим его всем желающим за бесплатно, но речь сейчас не об этом да и причины на том могут быть самыми разными. Давайте начнём. Read more …

Tags: , , ,

Установка Apache + PHP + MySQL на Windows

Установим так сказать базовый пакет web-разработчика на локальную машину под управлением Microsoft Windows. Не станем использовать готовые сборки наподобие Denwer, XAMP, OpenServer и им подобных и будем устанавливать всё вручную и по отдельности. Read more …

Tags: , , , , , , , , , , , , , , , , ,

Настраиваем вывод главной index страницы сайта по умолчанию

Все мы знаем, что по умолчанию, и коробки, сервер Apache отображает файл index.html как главный файл сайта. Т.е. если набрать просто адрес ресурса без указания файла на нём, то сервер отдаст файл index.html как главный файл сайта (главная страница). Read more …

Tags: , , , , ,

Установка LAMP на Linux Ubuntu

Если кто не в курсе, то LAMP (аббревиатура от Linux-Apache-MySQL-PHP) это программный комплекс для Linux состоящий из таких популярных программных продуктов как: сервер Apache, СУБД MySQL и язык программирования PHP. В общем в нём есть всё, что надо для работы web сайтов. Read more …

Tags: , , , , , , , , , , , ,

Как сделать блок div ссылкой?

Приветствую тебя, уважаемый читатель блога Softodom. В это не большом посте речь пойдет о вёрстке html, а точнее о том как сделать блочный элемент div ссылкой. Для новичков в верстке эта информация может оказаться полезной, поэтому решил опубликовать её на своё блоге. Read more …

Tags: , , , , , ,

7.25MB | MySQL:60 | 0,101sec