HTML+CSS

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

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

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

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

Читать всё!

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

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

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

Читать всё!

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

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

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

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

Читать всё!

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

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

Читать всё!

Я уже достаточно давно занимаюсь разработкой сайтов и очень много раз встречал так называемые «табы» на чистом JavaScript или jQuery и ни разу не видел на голом CSS. Как оказывается и такое бывает.

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

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

Читать всё!

Я, при создании нового плагина, долгое время бился над тем, чтобы создать свою вкладку в админ-панели Textpattern. И только недавно нашел решение. Все 2 статьи, которые мне попадались на русском языке, не могли пролить свет на эту жизненно важную потребность. Пришлось установить кучу плагинов, которые умело обращаются с новыми вкладками и разбираться в дебрях их php`шного кода. Короче, скука.

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

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

Читать всё!

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

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

Немного покопавшись в интернете я нашел на одном забугорном форуме решение этой проблеме.

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

Читать всё!

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

Прижать футер к низу страницы можно как с помощью JS, так и с помощью CSS. Кстати, второй вариант более предпочтительнее, так как работает намного быстрее, чем если это делать через JavaScript.

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

Читать всё!

Мне, как web-разработчику, часто приходиться использовать различные символы, которых к сожалению нет на клавиатуре. К таким символам можно отнести различные тире, двойные кавычки (Артемию Лебедеву привет), знаки копирайтов, символы параграфа, стрелок и так далее.

Рисовать такие стандартные вещи в каждом отдельном случае – это неправильный шаг и целесообразнее использовать уже готовые символы. Хотя есть исключения.

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

Читать всё!

Для того чтобы передать информацию с одной страницы сайта на другую были разработаны так называемые POST- и GET- запросы, которые технологически отличаются между собой, но служат единой цели – передавать информацию.

Средствами PHP организовать подобную передачу и последующую её обработку проще простого, но если Вы используете Textpattern, это сделать еще проще. Для облегчения работы web-разработчика приходит на помощь плагин adi_gps.

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

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