Jump to content

autit

Newbie
  • Posts

    22
  • Joined

  • Last visited

Everything posted by autit

  1. Ну, с развитием понятно... Как дела с заработком? О фрилансе 2012 года Viper пишет - Без опыта работы, портфолио и, предположительно, слабыми навыками сразу на фриланс/на дому? Очень сложно... skygazer пишет - Да фриланс это довольно больная тема, новичку заказ получить трудно.
  2. Я не собираюсь проситься на работу. Собираюсь сам изготавливать сайты для клиентов. Но... вот найду ли клиентов... и смогу ли удовлетворить их запросы... Если не трудно, покажите пример/ы что именно хочет нынешний клиент и готов за это заплатить.
  3. Сижу... носом пузыри пускаю... срочно нужно выяснить как обстоят дела с работой. Хочу узнать как успехи у недавно окончивших обучение. Есть ли смысл браться за работу? Планирую работать по патенту (или что-то вроде того). https://htmlforum.io/topic/57661-pomogite-vybrat-rabota-po-patentu/
  4. Добрый день. Помогите разобраться-раскачаться. 4 года безработный. На бирже предлагают обучение: 1. FRONT-END (2 месяца) 2. SWIFT (2 месяца) 3. PYTHON (2 месяца) 4. Программирование ... РНР и др. (9 месяцев). 5. Дизайн сайтов и ... (работа с фото редакторами) (2 месяца) Устроиться на работу после окончания курса я даже не мечтаю. Значит остается работа по патенту. Мне 54 года. Как хобби знаю чуть-чуть HTML, CSS. Как хобби занимался живописью - хорошо вижу красивый дизайн. Английский знаю очень-очень плохо. Какой курс обучение выбрать? И какой заработок можно ожидать? Может вообще лучше не связываться из-за возраста?
  5. 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=""> не работает ваш эмулятор. Пойду тестировать на реальных мобильниках.
  6. Не очень понял. при смене ориентации в мобильнике просто как будто меняется местами ширина и высота. То есть если было 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%;}}
  7. Отменяет, я понял так - Если ширина 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 пиксели - я знаю что они есть, но не понял что из этого следует...
  8. Непонятки с этой шириной... Я тоже раньше так думал, а сейчас засомневался. Погуглил и вот что нашел На сервисе тестирования 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/ хороший?
  9. Функционал не будет урезан. Задумался... Может я не понимаю в другом месте. Вопрос Про мобильные устройства.Вот пример 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 Наших пикселей?
  10. Мобильнику из новых хочу подсунуть вариант сайта с одной колонкой. Реально то он все равно узкий. А, ПК с той же шириной экрана width:1280px - вариант с двумя колонками.
  11. Как закончить вот эти правила @media (min-width:1025px) and (max-width:1280px)...для мобильника... {.container {width:100%;} }@media (min-width:1025px) and (max-width:1280px)... для ПК... {.container {width:960px;} }
  12. Я не удовлетворен, но перейдем к следующему. Разрешение мобильников каждый год увеличивается. Сейчас у меня возник вопрос как с помощью @media отделить CSS : - для мобильников с экраном width:1280px - для ПК с экраном width:1280px Можно ли это сделать только с помощью CSS?
  13. Вот меня и интересует это разное поведение. Задавал подобный вопрос на блогах. Отвечали точно так-же. Чуть подробнее пожалуйста. Я правильно понял что отличие в мобильниках минимальное? Вот как я это вижу: 2 вариант - вроде все просто и понятно - резина. фотографии подстраиваются, кажется вариант с тяжелыми фотографиями. 1 вариант - Простой, пожалуй мне будет с ним легче. непонятно как работает совместно с meta_name="viewport". 3 вариант - вроде - резина, как 2 вариант. зачем нужно было переводить media в em? 4 вариант - у меня вызывает сомнения, сильно вумно. Правильно ли я думаю, что через год-два возможно понадобится переделывать? Может есть какие либо рекомендации? Типа - Лучше выбрать такой вариант:- для быстрой загрузки сайта- для подстройки шрифта - для удобных-легких-больших фотографий Какой из вариантов удобно-просто использовать для экранов повышенного разрешения (для изображений)?
  14. Спасибо! Следующий вопрос 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) {... }Вопросы Почему ширину контейнера не пишут в сантиметрах или дюймах, так ведь проще? Каковы хорошие и плохие стороны всех этих подходов? Я могу выбрать кажется любой... Какой из приведенных вариантов лучше?Я имею ввиду верстаем новый сайт (без динамических заморочек) с видом на будущее, и чтобы с изображениями было и пользователю хорошо и мне просто.
  15. Про "размыто" Нужны все 5 или достаточно одного? , например <link rel="icon" type="image/png" href="/_uofm_resources/favicon-32x32.png" sizes="32x32">Ну размылось немного... может сойдет для не сильно требовательного пользователя?
  16. Вы неправы. Для профа нужен учитель. Вы правы. Этот форум мне нравится. Можно например как я открыть тему и задавать вопросы Как сделать адаптивный сайт 2015-2017, правда сейчас меня немного гложут сомнения, может правильнее было задавать вопросы отдельно... Нюансы - у новичков личка отключена. Неудобно. Развернутых ответов скорее всего не будет. Придется переспрашивать.
  17. Написал по указанному E-mail- С какой целью вы предложили мне написать? ответ afdw- На форуме лучше задавать вопросы, ответы на которые пригодятся другим. Если вам нужна помощь в создании конкретного вашего сайта - то это лучше делать в личке или в почте. Комментарий- Согласен.- Мне нужна теория. А сайт я сам сверстаю. На форуме мне лучше, если будет неточность/ошибка - модераторы подправят. (личка кстати не работает) Я с мобильными устройствами совершенно незнаком. Думаю не для всех сайтов "наиболее полный вариант" есть смысл делать. Просьба чуть подробнее.Первую строку понимают и подгружают все мобильники?Для каких целей предназначени иконки png, на рабочий стол загрузить? Я думаю 15 строк многовато. Как бы вы сверстали упрощенный вариант, чтобы, с горем пополам, все модели поняли? Где можно найти список, для каких моделей предназначены эти размеры favicon-ХХХХ.png?
  18. Начнем с простого - Иконка сайта Встречал несколько вариантов комплектов-наборов Часто бывает вот такое <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"> Есть ли смысл заморачиваться, или это просто модный прибабах? Скорость загрузки снизится?
  19. Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. Сейчас изучаю коды реальных сайтов и вижу много непонятного. Прошу помочь мне разобраться. Моя цель Сделать адаптивный сайт на чистом HTML и CSS, Яваскрипт собираюсь использовать только в крайнем случае (например для меню).Сайт будет без движка. Интересуют следующие основные моменты:сайт легко сверстать вручнуюсайт должен быстро загружатьсясайт должен быть хорошим с точки зрения SEO Общий подходСайт далать - так делать с видом на будущее! чтобы не пришлось через пару лет переделывать.
  20. Почему директория называется "_includes" а не "includes", может принято у верстальщиков черточкой что-то обозначать, например что это сгенерировано? Я не понял... с PHP незнаком. ​2.1 И что, таким образом первая страница загружается быстро - приблизительно как от одного файла CSS? 2.2 это для того, чтобы подсунуть для моего браузера-разрешения_экрана индивидуальные стили?
  21. Как нужно понимать? Реальный пример <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 - это как понимать?
  22. Как правильно оформить вопрос У меня много вопросов по теории адаптивной верстке. Неудобно повторяться, каждый раз обьяснять для каких это целей. Как лучше задавать вопросы отдельно, или завести свою ветку?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy