autit
-
Posts
22 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by autit
-
Ну, с развитием понятно... Как дела с заработком? О фрилансе 2012 года Viper пишет - Без опыта работы, портфолио и, предположительно, слабыми навыками сразу на фриланс/на дому? Очень сложно... skygazer пишет - Да фриланс это довольно больная тема, новичку заказ получить трудно.
-
Я не собираюсь проситься на работу. Собираюсь сам изготавливать сайты для клиентов. Но... вот найду ли клиентов... и смогу ли удовлетворить их запросы... Если не трудно, покажите пример/ы что именно хочет нынешний клиент и готов за это заплатить.
-
Сижу... носом пузыри пускаю... срочно нужно выяснить как обстоят дела с работой. Хочу узнать как успехи у недавно окончивших обучение. Есть ли смысл браться за работу? Планирую работать по патенту (или что-то вроде того). https://htmlforum.io/topic/57661-pomogite-vybrat-rabota-po-patentu/
-
Добрый день. Помогите разобраться-раскачаться. 4 года безработный. На бирже предлагают обучение: 1. FRONT-END (2 месяца) 2. SWIFT (2 месяца) 3. PYTHON (2 месяца) 4. Программирование ... РНР и др. (9 месяцев). 5. Дизайн сайтов и ... (работа с фото редакторами) (2 месяца) Устроиться на работу после окончания курса я даже не мечтаю. Значит остается работа по патенту. Мне 54 года. Как хобби знаю чуть-чуть HTML, CSS. Как хобби занимался живописью - хорошо вижу красивый дизайн. Английский знаю очень-очень плохо. Какой курс обучение выбрать? И какой заработок можно ожидать? Может вообще лучше не связываться из-за возраста?
-
http://caniuse.com/ поддерживают не все ... <img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="">Opera Mini - не поддерживает UC Browser for Android - не поддерживает Blackberry Browser - IE Mobile - Значит ли это, что они понимают эту строку так -<img src="image.jpg" alt=""> не работает ваш эмулятор. Пойду тестировать на реальных мобильниках.
-
Не очень понял. при смене ориентации в мобильнике просто как будто меняется местами ширина и высота. То есть если было 100x200, то станет 200x100. В статье есть про это, но как-то не очень ясно.Поясню. Загрузился сайт, получил<meta name="viewport" content="width=device-width, initial-scale=1.0">@media (min-width:320px) and (max-width:767px){.container{ width:320px;} .col{display:none}}@media (min-width:768px) and (max-width:1023px){.container{ width:768px;} .col{width:230px;}}Мобильник был в положении портрет, загрузилась версия с одной колонкой шириной 320. поменяли ориентацию.Судя по вышеприведенной статье content=width=device-width "удерживает" вьюпорт страницы прежним и в него встраивает версию сайта с двумя колонками шириной 768.В два раза шире... не факт что влезет в экран полностью.Получается что то не то или я плохо понял? Также, как и компьютеры. Я неправильно поставил вопрос. Какой сейчас есть простой хороший метод для Подстраиваемых изображений? Делаю сайт с видом на будущее. Перекраивать большое количество фотографий у меня нет желания. В будущем ретина дисплей видимо будет применяться... но судя по статье даже продвинутые в 2011 не знали к чему дело пойдет... Как Подстраиваемые изображения можно сделать средствами CSS и media запросами? Цель подсунуть мобильникам только ту фотографию, которая хорошо смотрится на данном экране, а другие варианты не загружать.Ссылочку пожалуйста. Ну, например такой подход я встречал <img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="">@media (min-device-width:600px) {img[data-src-600px] {content: attr(data-src-600px, url);}}@media (min-device-width:800px) {img[data-src-800px] {content: attr(data-src-800px, url);}}Желательно ссылку где упомянуто какие браузеры этот подход поддерживают. Кое что новое для себя нашел, но старовата. Сейчас браузеры уже другие. Просьба еще несколько ссылок с современными статьями. Особенно меня интересует тема, которую поднимал выше. Какой из этих двух подходов можно назвать лучшим, с точки зрения взгляда на будущее? И чтобы Подстраиваемые изображения было просто/удобно вставлять. @media (min-width:320px) and (max-width:767px){.container{ width:320px;} .col{display:none}}@media (min-width:768px) and (max-width:1023px){.container{ width:768px;} .col{width:230px;}}Или@media (min-width:320px) and (max-width:767px){.container{width:100%;} .col{display:none}}@media (min-width:768px) and (max-width:1280px){.container{width:100%;} .col{width:23.9%;}}
-
Отменяет, я понял так - Если ширина viewport не указана, то:для мобильного Safari это 980pxOpera — 850pxAndroid WebKit — 800pxIE — 974pxИ затем, то что получилось масштавируется под экран.а если указана, <meta name="viewport" content="width=device-width, initial-scale=1.0">отменяются эти значения. И мы получаем это _http://www.canbike.org/CSSpixels/ width=device-width Для Apple iPhone 6 Plus - 414x736px. Я про это и раньше знал. swandev У меня беда, по ангийски почти не понимаю, а на русском языке ВСЕ статьи которые посвящены этой теме переводные или авторы сами не понимают о чем пишут. Просьба обьяснить Как мобильники ... обрабатывают странички. ... писать про это долго, поэтому желательно ссылочки на ПРАВИЛЬНЫЕ статьи . Темы Как мобильники обрабатывают ширину странички. (старые мобильники, новые, и что предположительно будет через пару лет) Как мобильники обрабатывают meta viewport content=width=device-width при смене ориентации. ( или что происходит в мобильнике при смене ориентации?) Как мобильники обрабатывают ширину изображений. Как мобильники обрабатывают высоту текста, (почему именно Em, и почему многие все равно пишут px). Физические пиксели, и css пиксели - я знаю что они есть, но не понял что из этого следует...
-
Непонятки с этой шириной... Я тоже раньше так думал, а сейчас засомневался. Погуглил и вот что нашел На сервисе тестирования http://quirktools.com/screenfly/ выбрать Mobile написано Apple iPhone 6 Plus - 414x736px как это понимать? специально для iPhone 6+ пишут /* ———-- iPhone 6+ ———-- *//* Portrait */@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { ... }/* Landscape */@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { ... } Но под каждый мобильник писать @media у меня нет желания.. Будет ли iPhone 6+ реагировать одновременно и на @media (min-width:1060px) and (max-width:1920px){ ... }такой запрос? Как вы считаете, сервис тестирования _http://quirktools.com/screenfly/ хороший?
-
Функционал не будет урезан. Задумался... Может я не понимаю в другом месте. Вопрос Про мобильные устройства.Вот пример Apple iPhone 6 Plus 64Gb написано разрешение 1080x1920px 401ppi масштабирование 2,6 А реально это 414x736px. Наших пикселей. На сайте установлен meta<meta name="viewport" content="width=device-width, initial-scale=1.0"/> Когда этот мобильник реагирует на @media , считает изначально что его ширина 1080px или 414px Наших пикселей?
-
Мобильнику из новых хочу подсунуть вариант сайта с одной колонкой. Реально то он все равно узкий. А, ПК с той же шириной экрана width:1280px - вариант с двумя колонками.
-
Как закончить вот эти правила @media (min-width:1025px) and (max-width:1280px)...для мобильника... {.container {width:100%;} }@media (min-width:1025px) and (max-width:1280px)... для ПК... {.container {width:960px;} }
-
Я не удовлетворен, но перейдем к следующему. Разрешение мобильников каждый год увеличивается. Сейчас у меня возник вопрос как с помощью @media отделить CSS : - для мобильников с экраном width:1280px - для ПК с экраном width:1280px Можно ли это сделать только с помощью CSS?
-
Вот меня и интересует это разное поведение. Задавал подобный вопрос на блогах. Отвечали точно так-же. Чуть подробнее пожалуйста. Я правильно понял что отличие в мобильниках минимальное? Вот как я это вижу: 2 вариант - вроде все просто и понятно - резина. фотографии подстраиваются, кажется вариант с тяжелыми фотографиями. 1 вариант - Простой, пожалуй мне будет с ним легче. непонятно как работает совместно с meta_name="viewport". 3 вариант - вроде - резина, как 2 вариант. зачем нужно было переводить media в em? 4 вариант - у меня вызывает сомнения, сильно вумно. Правильно ли я думаю, что через год-два возможно понадобится переделывать? Может есть какие либо рекомендации? Типа - Лучше выбрать такой вариант:- для быстрой загрузки сайта- для подстройки шрифта - для удобных-легких-больших фотографий Какой из вариантов удобно-просто использовать для экранов повышенного разрешения (для изображений)?
-
Спасибо! Следующий вопрос media запрос Мне встречались 4 типа media запросов: 1 ширина контейнера в пикселях @media (min-width:320px) and (max-width:767px){.container{ width:320px;} .col{display:none}}@media (min-width:768px) and (max-width:1023px){.container{ width:768px;} .col{width:230px;}}@media (min-width:1024px) {.container{ width:960px;} .col{width:260px;}}2 ширина контейнера в процентах@media (min-width:320px) and (max-width:767px){.container{width:100%;} .col{display:none}}@media (min-width:768px) and (max-width:1280px){.container{width:100%;} .col{width:23.9%;}}@media (min-width:1281px){.container{width:90%;} .col{width:23.9%;}} 3 ширина media в em , контейнера в процентах@media (min-width:80.063em) {.col{width:20%}} 4 редко бывает такое@media screen and (max-width : 520px), screen and (-webkit-min-device-pixel-ratio : 1.3) and (max-width : 640px) and (orientation : landscape),screen and (-webkit-min-device-pixel-ratio : 1.3) and (max-width : 480px) and (orientation : portrait),screen and (-o-min-device-pixel-ratio: 13/10) and (max-width : 640px) and (orientation : landscape),screen and (-o-min-device-pixel-ratio: 13/10) and (max-width : 480px) and (orientation : portrait),screen and (min-resolution: 1.3dppx) and (max-width : 640px) and (orientation : landscape),screen and (min-resolution: 1.3dppx) and (max-width : 480px) and (orientation : portrait) {... }Вопросы Почему ширину контейнера не пишут в сантиметрах или дюймах, так ведь проще? Каковы хорошие и плохие стороны всех этих подходов? Я могу выбрать кажется любой... Какой из приведенных вариантов лучше?Я имею ввиду верстаем новый сайт (без динамических заморочек) с видом на будущее, и чтобы с изображениями было и пользователю хорошо и мне просто.
-
Про "размыто" Нужны все 5 или достаточно одного? , например <link rel="icon" type="image/png" href="/_uofm_resources/favicon-32x32.png" sizes="32x32">Ну размылось немного... может сойдет для не сильно требовательного пользователя?
-
Как найти наставника(гуру, учителья, сэнсэя) по вёрстке?
autit replied to klierik's question in HTML Coding
Вы неправы. Для профа нужен учитель. Вы правы. Этот форум мне нравится. Можно например как я открыть тему и задавать вопросы Как сделать адаптивный сайт 2015-2017, правда сейчас меня немного гложут сомнения, может правильнее было задавать вопросы отдельно... Нюансы - у новичков личка отключена. Неудобно. Развернутых ответов скорее всего не будет. Придется переспрашивать. -
Написал по указанному E-mail- С какой целью вы предложили мне написать? ответ afdw- На форуме лучше задавать вопросы, ответы на которые пригодятся другим. Если вам нужна помощь в создании конкретного вашего сайта - то это лучше делать в личке или в почте. Комментарий- Согласен.- Мне нужна теория. А сайт я сам сверстаю. На форуме мне лучше, если будет неточность/ошибка - модераторы подправят. (личка кстати не работает) Я с мобильными устройствами совершенно незнаком. Думаю не для всех сайтов "наиболее полный вариант" есть смысл делать. Просьба чуть подробнее.Первую строку понимают и подгружают все мобильники?Для каких целей предназначени иконки png, на рабочий стол загрузить? Я думаю 15 строк многовато. Как бы вы сверстали упрощенный вариант, чтобы, с горем пополам, все модели поняли? Где можно найти список, для каких моделей предназначены эти размеры favicon-ХХХХ.png?
-
Начнем с простого - Иконка сайта Встречал несколько вариантов комплектов-наборов Часто бывает вот такое <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon-precomposed" href="/sites/all/themes/surrey_theme/favicon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/sites/all/themes/surrey_theme/favicon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/sites/all/themes/surrey_theme/favicon-114x114.png" /> вот этот наиболее полный вариант <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="57x57" href="/_uofm_resources/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/_uofm_resources/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/_uofm_resources/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/_uofm_resources/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/_uofm_resources/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/_uofm_resources/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/_uofm_resources/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/_uofm_resources/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/_uofm_resources/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/_uofm_resources/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/_uofm_resources/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/_uofm_resources/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/_uofm_resources/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/_uofm_resources/favicon-16x16.png" sizes="16x16"> Есть ли смысл заморачиваться, или это просто модный прибабах? Скорость загрузки снизится?
-
Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. Сейчас изучаю коды реальных сайтов и вижу много непонятного. Прошу помочь мне разобраться. Моя цель Сделать адаптивный сайт на чистом HTML и CSS, Яваскрипт собираюсь использовать только в крайнем случае (например для меню).Сайт будет без движка. Интересуют следующие основные моменты:сайт легко сверстать вручнуюсайт должен быстро загружатьсясайт должен быть хорошим с точки зрения SEO Общий подходСайт далать - так делать с видом на будущее! чтобы не пришлось через пару лет переделывать.
-
Почему директория называется "_includes" а не "includes", может принято у верстальщиков черточкой что-то обозначать, например что это сгенерировано? Я не понял... с PHP незнаком. 2.1 И что, таким образом первая страница загружается быстро - приблизительно как от одного файла CSS? 2.2 это для того, чтобы подсунуть для моего браузера-разрешения_экрана индивидуальные стили?
-
Как найти наставника(гуру, учителья, сэнсэя) по вёрстке?
autit replied to klierik's question in HTML Coding
Вам нужно в платную школу верстальщиков. -
Как нужно понимать? Реальный пример <style media="all" type="text/css" xml:space="preserve"> @import url('_includes/css/emory-html5-fix.css'); @import url('_includes/css/emory-main-base.css'); @import url('_includes/css/emory-main-nav.css'); @import url('_includes/css/emory-main-header-footer.css'); @import url('_includes/css/emory-callouts.css'); @import url('_includes/css/emory-hompage.css');</style>Почему именно _includes а не просто includes? Встречал такое довольно часто. Пишут что запросов нужно делать как можно меньше, а реально почти у всех целый набор. Чем или как это обьясняется? <link type="text/css" rel="stylesheet" href="http://www.euro3plast.com/sites/default/files/css/css_ogjvJnfni1_P_WxvXAHlUOgCs860b3ip9DNMapcIGeM.css" media="all" /> Я привык к коротким, понятным именам CSS,css_ogjvJnfni1_P_WxvXAHlUOgCs860b3ip9DNMapcIGeM.css - это как понимать?
-
"Помогите мне с ..." — Как правильно оформить вопрос/проблему
autit replied to klierik's question in HTML Coding
Как правильно оформить вопрос У меня много вопросов по теории адаптивной верстке. Неудобно повторяться, каждый раз обьяснять для каких это целей. Как лучше задавать вопросы отдельно, или завести свою ветку?