HTML+CSS

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

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

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

Проще для всех сделать проверку введенной информации еще на этапе ввода, что позволяет сделать JS.

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

Читать всё!

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

Именно поэтому, если делать простой внутренний переход к определенной части контента на странице, то делать только с использованием плавного скроллинга на jQuery.

Нужно хоть немного шагать в ногу со временем.

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

Читать всё!

Недавно задался вопросом: как сделать так, чтобы изображение красиво обтекало не просто по какому-то определенному его краю, а по заданному контуру. Это особенно красиво смотрится, когда изображение имеет прозрачный фон или цвет основного фона изображения совпадает с фоном всей html-страницы.

Но как оказалось CSS3 этого делать не умеет. В русскоязычном интернете даже упоминания о такой возможности я не нашел. Пришлось искать решения за бугром. И, о чудо, решение нашлось, правда реализовано оно на jQuery.

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

Читать всё!

Меня этот вопрос мучил долгое время и более менее вменяемый ответ на него я нашел только недавно. Этим ответом является 960gridder для новичков и ModularGrid для более продвинутых.

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

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

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

Читать всё!

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

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

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

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

Читать всё!

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

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

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

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

Читать всё!

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

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

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

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

Читать всё!

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

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

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

Читать всё!

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

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

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

Читать всё!

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

Первое, с чем мне пришлось столкнуться – это парковка уже существующего доменного имени.

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

Читать всё!
IT-событие
Основание Dell
Основание Dell