HTML+CSS

Этот раздел содержит материалы по сайтостроительсту. Все что касается слов HTML, CSS, PHP, JS и NODEJS, находится зедсь.

Очень часто нужно сделать трех колоночный макет сайту, где две крайних из них должны быть фиксированные, а средняя (вторая) стягиваться и растягиваться (должна быть резиновой). Когда-то давно я нашел подходящее для себя решение с отрицательным маргином и применил на одном сайте.

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

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

Комментариев: 2

Читать всё!

Для одно своего web-сайта, где люди пишут статьи и им приходится платить реальными деньгами, ведется подсчет символов каждой статьи. Подсчет символов в такой статье конечно же ведется на сервере, средствами PHP, но для удобства авторов я сделал подсчет в реальном времени с помощью JS. Это очень удобно и каждый автор, при отправки мне своей статьи видит сколько в ней символов и сколько он за нее получит в итоге денег.

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

Комментариев: 1

Читать всё!

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

Сегодня нашел 2 офигенских web-сервиса, которые помогают автоматизировать некоторые вещи при разработке пользовательского интерфейса.

Поэтому сегодня небольшая статья-заметка обо всем об этом.

Комментариев: 7

Читать всё!

Многие web-разработчики стремятся использовать при разработке новых сайтов только «безопасные» шрифты, которые есть практически на каждом компьютере с любой операционной системой. Оно, наверное, и правильно, так как лишняя нагрузка на интернет-канал – это не есть хорошо и нужно делать по возможности быстрые сайты, но возникают моменты, когда все таки приходится использовать сторонний шрифт.

Комментариев: 2

Читать всё!

JavaScript – это мега крутая штука, которая позволяет делать очень много великолепных эффектов. Одним из таких эффектов можно назвать поворот картинки. Такой эффект добавляет живости сайту, делая его более интересным с точки зрения пользователя.

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

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

Комментариев: 3

Читать всё!

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

Для меня самого это кажется диким, но иногда это требуется и без этого просто нельзя.

Комментариев: 0

Читать всё!

Меня, как у верстальщика, всегда серьезно напрягал тот момент, что толщина рамки в CSS учитывается при формировании ширины блока. Я согласен, что так оно правильнее, но в некоторых случаях, это просто вопиющая несправедливость, которая влечет за собой много дополнительных проблем.

Одной такой проблемой была невозможность для меня сверстать макет с идеально ровным выравниваем блоков по краям. Какой-нибудь блок всегда, да вылезал за края всех остальных. Сглаживало эту проблему то, что «это вылезание» было максимум на 1-2 пикселя и чаще всего заказчик просто не замечал этого. Но лично меня это сильно напрягало.

Это тоже самое, что покупать китайскую подделку швейцарских часов. Вроде выглядит все точно также, но сам то ты понимаешь, что это подделка.

Комментариев: 1

Читать всё!

Для любого web-разработчика пока нет более серьезной проблемы, как полная кроссбраузерность его продукта. Наверное, это одна из основных задач хорошего специалиста: добиться того, чтобы его сайт всегда правильно отображался во всех браузерах.

Параметр required, который иногда используется для input, не работает в древних IE, что просто нельзя так оставить. Пользователи-пенсионеры, которые до сих пор пользуются IE6 должны одинаково легко работать с вашим сайтом, наряду с пользователями Google Chrome последней версии. Кто, кроме web-разработчиков, о них может позаботиться.

Комментариев: 1

Читать всё!

В предыдущей статье я поделился с Вами отличным WISIWIG-редактором, который замечательно подходит для использования его на большинстве сайтов. Этот инструмент несомненно облегчает набор и редактирование текста, несведущим в html людям.

В той же статье я обещал поделиться секретами настройки CKEdit (если это можно назвать секретом), которые я использую при разработке клиентских сайтов.

Комментариев: 4

Читать всё!

Я долгое время искал подходящий WISIWIG-редактор, который бы можно смело ставить на клиентские сайты в админ-панель для набора статей. Перепробовал уйму разных, но всегда оставался недоволен их работой.

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

Комментариев: 2

Читать всё!
Важное событие
Основание Yandex<
Основание Yandex
Узнать подробнее
Комментарии
Интересное