Как же все-таки подключить этот пресловутый @font-face, при условии, чтобы он работал даже в Опере и в IE6 и выше.
Кроссбраузерность у этого метода, как вы понимаете на высшем уровне, т.е.работает практически везде.
У меня установлена Opera 11.61, Chrome17.0.963.79m, Firefox и все версии IE начиная с 6ой в них я и проверял, все работает.
Читать статью полностью »
Иногда по ряду причин возникает потребность что либо делать с сайтом на хостинге или просто чтобы он на нем лежал, но чтобы на него ни кто не мог бы зайти, не просто по ссылке, а уж тем более, через поисковик.
Чтобы закрыть сайт от индексации поисковиками и перекрыть полный кислород, нужно проделать следующие не хитрые действия. Читать статью полностью »
Не так давно заказал себе я книгу “CSS ручной работы.” Дэна Седерхольма ради интереса и чтобы узнать, что-то новое. В этоге я остался доволен, что приобрел ее.
Год выпуска: 2011
Автор: Дэн Седерхольм
Издательство: Питер
Страниц: 240
Оглавление PDF
Купить OZON.ru
Описание: Книга написана очень легким, простым и понятным языком, конечно при условии, что вы знакомы с CSS. Потому как это не учебник, а своего рода копилка решений. При чем решения в большинстве случаев рассматриваются на примере CSS3, но так же уделяется внимание тому, как это реализовать, на отсталых браузерах. При чем некоторые вещи описаны на столько подробно, что я не встречал подобного в блогах.
Некоторые примеры конечно были слишком очевидны, но многое было очень полезно почитать для развития.
А теперь, о минусах, но претензии эти не к автору книги, а скорее к издательству и переводу, по тому что качество того и другого, местами оставляет желать лучшего.
Но не смотря на все это, книжка оставила хорошее впечатление.
Сравнивал с некоторыми магазинами, на OZON цена самая низкая, а в книжных магазинах города вообще не нашел.
Создание форм несколько отличается от создания обычных элементов разметки, но в них так же нет ни чего сложного.
Каждый из нас сталкивался с ними млн раз, теперь пришло время разобраться, как они работают и лишний раз получить об этом представление не помешает, ниже расположен HTML код с формой.
< !DOCTYPE html> <html> <head> <title>HTML Формы</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css" /> </meta></head> <body> <p>Введите вашу фамилию и имя</p> <form method="post" action="http://dev.kdkyznetsov.ru/01/report.php"> <label for="firstname">Имя:</label> <input type="text" id="firstname" name="firstname" /><br /> <label for="lastname">Фамилия</label> <input type="text" id="lastname" name="lastname" /><br /> <input type="submit" value="Отправить" name="submit" /> </form> </body> </html>
А перейдя по ссылке вы можете посмотреть и проверить этот код в действие.
Читать статью полностью »
Я то наивный, когда только начанал изучать все примудрости веб разработки, думал на дворе 2011 год, сейчас уже вообще почти 2012. Думал ну наверное IE 6 то сейчас ни кто не пользуется и не стал сильно вдаваться в подробности, почему там что-то отображается криво. Читать статью полностью »
Для того чтобы настроить его, нам нужно его установить, а для того чтобы установить, нам нужно его скачать.
Для этого переходим на официальный сайт http://php.net и нажимаем на кнопочку downloads
Так как я начал изучать php, а блог мой давно не обновлялся, то решил описать подробную установкуApache, а на него php, если ты сейчас это читаешь, то надеюсь, статья окажется для тебя полезной. Она будет подробная, что называется для чайников
Почему Apache? Честно я так понял, что это так общепринято, если вы занимаетесь разработкой на php, то на Apacheэтоработает самым лучшим образом, поэтому его мы и будем рассматривать.
Маленькая оговорочка сразу, я устанавливаю на win7, так что, еслиу вас другая ОС, то установка может отличаться, хотя конечно основные моменты везде похожи.
Это оператор CSS. Записывается, как @ + название директивы. Самые часто используемые директивы: @charset, @import, @media.
А теперь о каждом чуть чуть по подробнее.
Служит для того, чтобы задать кодировку
@charset "название кодировки";
В таблице стилей директива @charset должна идти первой и быть в единственном экземпляре.
Cлужит для подключения таблиц стилей.
В отличие, от link, директива @import позволяет соединять таблицы стилей внутри CSS. Указанные в директиве CSS-файлы загружаются и присоединяются к тому CSS в котором встретилась @import.
@import url("style.css");
@import url(style.css);
Если файл импортируется из директории, css -@import url(“css/style.css”);
а в нем есть путь к рисунку: background-image: url(image/picture.gif);
то путь теперь должен быть следующим background-image: url(../image/picture.gif);
т.к. style.css теперь будет смотреть из под каталога css.
Если в CSS есть директива @import, то она должна находиться в самом начале таблицы (перед всеми правилами). В противном случае браузер может ее проигнорировать.
Cлужит для того, чтобы задать имя устройства для которого написана таблица стилей.
@media тип1 [, тип2] { Описание стиля }
all все устройства (используется по умолчанию)
aural речевые синтезаторы и программы воспроизведения текста в слух (напрмиер голосовые браузеры)
braille устройства для слепых людей, основанные на системе Брайля
embossed для принтеров Брайля
handheld наладонные устройства (КПК, смартфоны и т.п.)
print устройства для печати
projection проекторы
screen экраны компьютерных мониторов
tv телевизоры
tty устройства, использующие моноширинную символьную сетку, подобно телетайпам и терминалам
Способ @import мне кажется достаточно удобным, но в силу ряда причин диррективы используются на сайтах не так часто, а все из-за того что в браузерах IE 6-7 возникают, как всегда проблемы.
Как я уже говорил, я учусь верстать правильно, читаю различные книги и практикую, практикую и еще раз практикую.
И вот выношу на ваш суд то что у меня сегодня получилось, если вы профессионал и можете дать мне дельный совет, как улучшить верстку, я буду вам очень признателен.
Демо: перейти к просмотру