Search the Community
Showing results for tags 'html5'.
-
Привет! Я начинающий верстальщик,который стремиться в будущем стать Front-end разработчиком и создавать интерактивные и динамичные сайты. Сейчас я получаю опыт в верстке landing page и одностраничных сайтов на HTML5 и CSS3. У меня есть опыт и небольшое портфолио (отправлю ссылки по требованию). От меня вы получите аккуратный валидный код,подключение форм обратной связи(если имеются) ,адаптивность сайта (по макету или вашему пожеланию), установка сайта на ваш хостинг и консультацию в сфере верстки. Мои навыки и умения: Html/HTML5-верстка сайтов и интерфейсов на основе макетов PSD; CSS; Базовые знания PHP и JavaScript. Элементарные знания в AJAX, jquery, OpenServer, Wordpress, bootstrap, юзабилити, настройка контекстной рекламной кампании в поисковых системах. С меня -быстрота обратной связи,исполнительность и кроссбраузерность ,с вас-PSD макет и реалистичный взгляд. Цена устанавливается от сложности работы. 1)https://www.facebook.com/tatiana.kondratyeva.125 2)Tatiana89252514982@yandex.ru
-
Здравствуйте! Задали по учёбе тест, выполнил все задания кроме этого. Задание 8: Для вашего сайта вы решили использовать декоративный шрифт “Lobster”. Напишите правило CSS, которое позволит вам использовать шрифт, даже если он не установлен на компьютере пользователя сайта. Примените этот шрифт ко всем заголовкам второго уровня сайта и установите их размер равный 20 пикселям. Предоставляя путь к файлу шрифта, укажите fonts/lobster.ttf Заранее спасибо!
-
Добрый день! Мы строительная компания. Занимаемся строительством трансформаторных подстанций, модернизацией, обслуживанием и сопутствующими работами. Нам нужен сайт. Сайт всего из 5-страниц: Главная, Контакты, Партнеры, Портфолио, Услуги. Сайт на двух языках. Фирменный цвет, сочетание цветов… тёмно-красный, белый, светло-серый. Тематика изображений на главной странице – трансформаторы, трансформаторные подстанции, воздушные электрические линии. Содержание страниц: Главная - блок текста про компанию, блок для видео ролика(у нас 2 рекламных ролика), кнопки на навигации по страницам. Партнеры - Список всех наших партнеров с которыми мы работаем.(10-12компаний) Портфолио - таблица или список всех объектов где мы работали и какие работы мы выполняли. С возможностью постоянно обновлять список и добавлять перечень оказанных услуг и фотографии с места работы. Услуги - перечень услуг которые мы оказываем. Сертификаты - Страница с разрешительными документами, грамотами, благодарностями и т.д... Сайты которые нам нравятся в плане дизайна: electrum.pl – дизайн внешний. Кнопки страниц, слайд, простота, большие картинки. Очень хотелось бы похожий по дизайну. electrical-engineering-portal.com – Шрифты, текст, информация не сливается в одно пятно, удобно читать… ztr.com.ua простота, цвета, контент и фотографии оборудования которое мы используем. esg.com.ua простота, цвета. Можно узнать цену на такую работу, сроки и что Вам еще необходимо для реализации проекта? Прошу всех, кому интересно к обсуждению… Вопросы цены в личные сообщения. Благодарю, за внимание.
-
Всем привет! Заметил такую особенность, что при удалении тега <video> со страницы и даже при обnull'ении переменной видео все равно продолжает скачиваться с сервера. Как можно оставить загрузку? Спасибо!
-
Привет всем форумчанам, я верстаю сайты разной сложности. Стандартную верстку буду делать за 300 рублей, а если у вас сложный, пишите договоримся! Еще делаю натяжку шаблона на DLE. Спасибо за внимание!
-
Добрый день. Всегда верстал меню так: <nav> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> </nav> Потом полазил по разным сайтам и заметил, что почти все делают такую структуру: <nav> <ul> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> </ul> </nav> Даже здесь, на вашем форуме, меню оформлено в маркированном списке. Почему? Зачем писать больше лишнего кода? Тег <nav> уже подразумевает, что в нём содержится меню, зачем нужен <ul>?
-
Добрый день, коллеги! Ищем front-end разработчиков для работы с автоматизированными системами. Обязанности: - Разработка клиентской части функционала; - Верстка/переверстка страниц сайтов и сервисов; - Взаимодействие с отделом проектирования/дизайна и командой back-end разработчиков; - Инициативное и ответственное решение интересных задач; - Рефакторинг существующего кода. Требования: - знание семантики; - умение верстать inline; - кроссбраузерность; - html5/css3 - javascript - angularjs (опционально) Опыт работы с: - Пре/постпроцессорами - Jade/Stylus и/или аналогами - Git Будет плюсом: - Продвинутое владение инструментами разработчика; - Свободное чтение и понимание оригинальной документации на английском; - Понимание и использование методолготии Яндекс БЭМ; - Понимание принципов построения и интеграции REST API; - Опыт в разработке NodeJS; - Использование функционального подхода совместно с ООП. Условия: - График работы свободный; - Работа удаленная; - Оплата достойная, почасовая, по итогам собеседования; - Возможность профессионального роста и развития; - Возможность переезда в офис в Санкт-Петербурге; - Премии и надбавки каждые 3 месяца; - Оформление по ТК РФ, если нужно. Коротко о компании ООО "ДИКОМ ТЕХНОЛОГИИ", занимаемся разработкой интерфейсов для сайтов и приложений. Территориально находимся в Санкт-Петербурге, скоро открываем офис в Москве. Один из кейсов: кабинет пользователей CallbackHunter - виджет обратного звонка с сайта.
-
Привет всем. У меня проблемы с простой задачей. Есть одностраничный сайт. Пользователь нажимает на ссылку меню, которая обрабатывается функцией Js. Эта функция асинхронно загружает содержимое страницы и изменяет URL с помощью history.pushState (). Например было "example.com" => после клика "example.com/page1" Затем пользователь обновляет страницу, но такого файла, не существует на сервере. Как решить эту проблему? Вот пример Вот страница с пояснениями, но примера обработки обновления страницы там нет. У них в примере, после обновления открывается страница с тем же контентом, что было до перезагрузки и с тем же url. Говорят, что нужно решать как-то с помощью php, но я затрудняюсь.
-
Всем привет. Предполагаю тема моего поста не входит в эту категорию, поэтому пусть это лежит просто здесь). Требуется совет, связанный с трудоустройством. Учусь веб-технологиям 6 месяцев, за это время изучил Html4, Html5, CSS2-3, Bootstrap 3, Less, JS(База), JQ(База), Git, адаптивная верстка, Joomla, WordPress. Языки программирования давались легко, ибо до этого очень долго практиковал на С++. С версткой справлялся хорошо. Верстал множество шаблонов и сайты для друзей и знакомых, в основном Lending Page, Корпоративные сайты, визитки, для интернет-магазинов еще уровня не хватает. Много чего нужно изучить, что аж глаза разбегаются. Вопрос состоит в следующем, хватит ли этих знаний, чтобы меня, "Зеленого", взяли в команду верстальщиком? Знаю, вопрос банальный, но все же?
-
помогите пожалуйста вывести на страничку превью загружаемой картинки https://jsfiddle.net/6e97awdo/6/ $('#loadImgLabel').on('click', openLoadFileMaster); $('input').on('change', closeLoadFileMaster); function openLoadFileMaster() { console.log(111) $('#pageDescLoadImg').click(); }; function closeLoadFileMaster() { console.log(222) var fileInfo = document.getElementById('pageDescLoadImg').files[0]; console.log(fileInfo) var reader = new FileReader(); console.log(reader) reader.onload = function(e) { console.log('readerload') document.getElementById("loadImg").src = e.target.result; }; }; проблема в том, что после выбора файла в атрибут src элемента img не прописывается изображение в двоичном коде функция reader.onload вообще не запускается процессе работы скрипта
-
Здравствуйте! Простенькая задачка по верстке: при вводе номера карты/номера телефона/номера счета разделять вводимые значения пробелом или дефисом. При чем разделять нужно как в режиме печатания, так и при вставке из буфера всегда на равные блоки, допустим, по четыре цифры. Кому-нибудь приходилось решать такую задачу? Можете привести пример решения?
-
c mysql удобно работать при помощи phpMyAdmin. скажите пожалуйста, существуют ли подобные утилиты для работы с localstorage браузера? я сейчас смотрю содержимое localstorage при помощи console.log, но это неудобный способ
-
Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде в него советуют совать основной контент страницы, то есть(упрощенно): <body> <header></header> <article></article> <footer></footer> </body> 1)То есть в теге <article> идет весь контент что за шапкой и до футера – это верно или так лучше не делать, в плане семантики тега? Идем вглубь — тег <section> - вроде как то, что в <article> разделено логически на блоки, делится именно этим тегом: <article> <section><nav class=”middleMenu”>...</nav></section> - Среднее меню рубрик <section><nav class=”leftMenu”>...</nav></section> - Левое меню категорий <section> - Заголовок страницы-> краткая статья -> перечень позиций -> большая статья <h1>…</h1> <p>…</p> <div class=”position1”>…</div> <div class=”position2”>…</div> <div class=”position3”>…</div> <div class=”position4”>…</div> <p>…</p> </section> </article> 2) Правильно ли так разделить контент этим тегом? 3) Левое меню в теги секции и в теги навигации – возможно тег секции лишний или это меню лучше запихнуть в <aside>(семантика которого говорит что это сайд бар, вероятно не очень подходит что бы там было меню, или я не прав?)? 4) Возможно есть еще какие-то теги, которые можно и желательно употребить в случае шаблона для интернета магазина? Например, в моем случае позиции обвернуты в <div>, возможно стоит обвернуть в <figure>? Информация везде разница и не хотелось бы ошибиться, прошу подсказок и напутствий у тех, кто пользуется всем этим инструментарием на практике
-
Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?
-
Всем добрый день! При добавлении div'у background-image возник вопрос: а как объяснить элементу, какую именно часть картинки нужно отобразить, если я, скажем, ставя фоновое изображение разрешением 1920x1080, задаю div'у высоту 500px (или любое другое значение меньше 1080px), и при этом хочу, чтобы изображение было обрезано не снизу, а сверху? Заранее спасибо
-
Как сделать горизонтальные и вертикальные линии на сайте?
kot_Bazilio posted a question in HTML Coding
Доброго дня, уважаемые! Только-только приступил к изучению основ вёрстки веб-сайтов, верстаю первый макет для тренировки. Возник следующий вопрос: как при помощи html5 и css3 добавить на сайт горизонтальные и вертикальные линии? Наглядный пример того, о чём я говорю - линия внизу страницы этого форума. Вот об этой линии я говорю. Заранее спасибо -
Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?
-
Привет! Никто не знает, как принудительно заставить браузер подгрузить видео. Дело в том, что иногда оно загружается очень уж медленно. Но если поставить его на паузу, то загрузка происходит довольно быстро. С чем связано такое поведение? И можно ли как-то заставить браузер так же быстро его грузить, не ставя при этом видео на паузу. Написал небольшой костыль. За это время успевают подгружаться 4-5 минутные видео точно, может и больше: video.play();setTimeout(function() { video.pause(); setTimeout(function() { video.currentTime = 0; video.play(); }, 1000);}, 500);Заранее спасибо!
-
Компания Банк Софт Системс (разработчик ПО для банков) Ожидания от кандидата: React/FluxBower/WebpackHTML5/CSS3/LessGIT/SVNПриветствуется: Знание паттернов проектированияОпыт работы с Cordova/PhoneGapСледование codestyle и соблюдение культуры кода (jscs/jshint)Опыт разработки в команде (agile/scrum)Знание других языков программированияОпыт создания автоматизированных тестов (Selenium/Mocha)Использование в разработке принципов Progressive Enhancement/Graceful DegradationМы предлагаем: Работа в Центре перспективных технологий, в котором мы ценим творческий подход, позволяющий элегантно решать интересные и сложные задачиМы продвигаем мир банковского софта на шаг дальше. В своих проектах мы внедряем технологии, находящиеся на пике банковских трендов (Omni-channel/Распознавание голоса/NFC/...)Используем адаптивные технологии(web stack + cordova) и добиваемся того, чтобы интерфейс наших приложений работал с нативной отзывчивостью (профилируя/оптимизируя анимацию)Занимаемся парным программированием, agile, trello/kanbanОфис м. НагатинскаяГрафик 9.00-18.00/10.00-19.00ТК РФ, белая заработная платаСоциальные условия: ДМС (включает сеть ведущих клиник и стоматологию, страховку выезжающих за рубеж)льготные кредитыкорпоративные мероприятия и подарки, детские праздникисвоя футбольная команда и команда по настольному теннису, участие в корпоративных турнирахВопросы и резюме присылайте: n.chaika@bssys.com
-
Пытаюсь в шапку сайта установит разные изображения адаптированные под размеры устройств. И столкнулся с интересным эффектом от которого мозги закипают. Проблема: картинки правильно показываются только при условии если переход по ссылке идёт с первого самого верхнего уровня меню. Если переход с дочернего уровня, то картинки нет даже запасного варианта только его alt. Но если поставить картинку фоном через css или одно изображение без тега picture, то всё прекрасно работает. Сайт на локальном и на джумле. Пробовал html вариант меню эффекта нет. Скипт отключал. В этих всё работает хорошо ссылки на первом уровне. <li class="item-101 current active"><a href="/index.php">Главная</a></li><li class="item-117 current active deeper parent"><a href="/index.php/botinki">ботинки</a>Это дочка - внучка, второй строки которая ботинки. Картинок нет только alt. <li class="item-119 current active"><a href="/index.php/korotkie/zheleznye/variant-1">Вариант 1</a></li>Люди добрые киньте пожалуйста идею куда копать надо, а там методом научного тыка ...
-
Привет тебе читатель, эт снова я, снова выдалась свободная минутка и я спешу поделиться с тобой интересным рецептом, который позволит создать у потенциального клиента так называемый вау-эффект. Не секрет, что сейчас очень популярны лендинг пейджи (лендинги, посадочные страницы, называйте как хотите). Нужны они для того, чтобы по-быстрому привлечь внимание у посетителя к вашему проекту. На какие только ухищрения не идут дизайнеры таких страниц: это и, ставший очень популярным в последнее время, параллакс-эффект, и красочные картинки из фотобанка, и сумасшедшего вида карусели изображений... И вот в последнее время редко-редко можно увидеть видео на фоне. Собственно видео я и заинтересовался. Я долго думал как бы мне это повторить, может я плохо гуглил, но туториала в сети я так и не нашел. Поэтому взял да и сделал всё сам Сперва думал написать сюда развернутый туториал, но потом подумал и решил просто дать ссылку на своё решение. Уж слишком простым оно оказалось, нет смысла тут много расписывать. В общем глядите чо я умею: http://codepen.io/GreatRash/pen/MYVjVE А вот чего можно замутить в дикой природе, используя эту технику: раз два А то привязались, понимаешь к параллаксу... Творите и удивляйте, товарищи!
-
Здравствуйте! Делаю страницу для использования в IE7 и столкнулся с проблемой. В странице используется текстовый редактор с подсветкой кода CodeMirror. В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается). Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>. При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7. При этом, редактор начинате работать как полагается В нормальных браузерах проблемы не возникает. И CSS, и HTML проверял валидаторами, они ошибок не выявили. Желаемое отображение можно посмотреть на jsfiddle, а вот так это выглядит в IE7. Прошу помочь устранить проблему, или же посоветовать максимально простой редактор с подсветкой кода, работающий в IE7. Заранее благодарю за помощь
-
В IT компанию (разработка ПО) приглашается Frontend developer. Требования: - знание JavaScript, jQuery, AngularJS или BackboneJS; - знание и понимание HTML5 технологий; - знание ReactJS (как преимущество); - умение верстать кроссбраузерные адаптивные страницы; - понимание современных тенденций в области Front-end разработки; - опыт работы с Grunt / Gulp, SCSS и другими инструментами; - опыт работы с системами версионирования; - владение английским языком (чтение документации). Обязанности: - создание SinglePage Application разного уровня сложности; - реализация интерфейсов по макетам дизайнеров; - оптимизация существующих приложений. Условия: - оформление согласно трудовому законодательству и «белая» заработная плата; - размер заработной платы обсуждается с успешными кандидатами, по результатам собеседования; - пятидневная рабочая неделя, график работы с 9 до 18 часов, - офис расположен в историческом центре города; - возможности для роста и обучения. Контакты для связи: E-mail: itincorp@gmail.com Skype - valeriya390 Тел.: +7 (916) 072 29 58 Валерия
-
Нарисовал кнопку в фотошопе, добавил в canvas, теперь незнаю как добавить на картинку событие onclick, через тэг <img> неподойдет...
-
Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/)отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Речь идет о верстке в Bootstrap3, но с благодарностью приму и другие возможные решения. Спасибо большое!
