Vlad

Идея конкурса

Recommended Posts

Сайту htmlbook.ru не хватает специализированной мобильной версии, так что можно убить двух зайцев сразу – устроить конкурс на создание мобильной версии, это дизайн, вёрстка и структура. Как вам такая идея?

Share this post


Link to post
Share on other sites

Тогда бы уже применить, это новомодное слово, адаптивная верстка, как раз думаю многие захотят поучаствовать, за одно еще третий заяц будет подстрелен, сайт будет вообще на волне. Ну эт мое мнение :rolleyes:

Share this post


Link to post
Share on other sites

Вы хотите весь сайт?

Бесплатно?

А вы хотите, чтобы ваши друзья знали, что вы сделали мобильную версию для htmlbook.ru, а ваши заказчики видели эту работу у вас в портфеле? ;)

Share this post


Link to post
Share on other sites

Вы хотите весь сайт?

Бесплатно?

А вы хотите, чтобы ваши друзья знали, что вы сделали мобильную версию для htmlbook.ru, а ваши заказчики видели эту работу у вас в портфеле? ;)

У меня вообще нет друзей, которые знают об этом сайте.

Нет, просто это займёт определённые ресурсы, большей частью, конечно, временные. А для меня это важный фактор. Одно дело посмотреть кто лучше в определённой области - для этого хватит конкурса и на одну страницу (если о дизайне и вёрстке), другое дело собраться вместе и что-нибудь замутить... Мне показалось, что это больше относится ко второй части, хотя автор, конечно, упомянул про двух зайцев, но, по-моему, они не в одной категории)

Share this post


Link to post
Share on other sites

Нет, конечно, целый сайт делать это неподъёмная работа. Нужна одна страница, максимум две, как будет выглядеть сайт на мобильнике.

Share this post


Link to post
Share on other sites

Так ведь это задача в первую очередь для дизайнеров.

Для UX больше :)

Идея мне понравилась, хочу такой конкурс...

Edited by Svatov

Share this post


Link to post
Share on other sites

Ну на такое дело, я подпишусь =)

Кстати, да, тогда уж зачем мобильную, если можно всё сразу - адаптивный дизайн...да?

Share this post


Link to post
Share on other sites

alexriz, ну, это и было что-то типа поддержки идеи :)

Что-то мне не даётся последнее время мысли правильно доносить)))

Тогда, правда, получается, чтоли, что из

дизайн, вёрстка и структура

остаётся только вёрстка....ну и дизайна, там чуток, как Svatov говорит - UX. Я правильно понимаю?

Share this post


Link to post
Share on other sites

Если речь идёт о мобильной версии сайта, то дизайна как такового и нет. Вот к примеру pda.lenta.ru посмотрите, какой там дизайн? Здесь скорее важно продумать стиль и как подавать материал. Если же говорить об адаптивной вёрстке, то там работы выше крыши. Так что для начала давайте определимся, что делать будем, какую версию сайта.

Share this post


Link to post
Share on other sites

Ну вы и пример подобрали)))

Взяли бы фейсбук или вконтакте. Да или вот, хотя бы..)

Под мобильную тоже нужно дизайн продумывать. Причём, как раз, в отличие от адаптивного, где его нужно просто сжать или вытянуть.

Share this post


Link to post
Share on other sites

Согласен, мой пример неудачен и морально устаревший. Тогда останавливаемся на мобильной версии htmlbook.ru и делаем конкурс на дизайн? А потом можно и на вёрстку или всё вместе.

Share this post


Link to post
Share on other sites

Тогда надо условия сформулировать. Вот какие придумал.

- делается дизайн одной внутренней страницы для мобильных устройств.

- дизайн должен быть резиновым, чтобы учитывать разное разрешение экрана.

- для мобильной версии разрешается добавлять или убирать какие-то блоки имеющиеся на сайте.

- учитывается поворот экрана (?).

Что ещё включить?

Share this post


Link to post
Share on other sites

Задам скептический вопрос:

Если конечно первичная цель всего этого действия не поупражняться, то зачем htmlbook'у мобильная версия? Ну на форум ещё куда не шло люди заходят с мобилки, планшетов. Но Основной-то сайт этож справочник-учебник для которого нужен компьютер чтоб сразу пробовать всё, закреплять материал. Опишите мне человека кто будет пользоваться мобильной версией и для какой цели ?

Share this post


Link to post
Share on other sites

Опишите мне человека кто будет пользоваться мобильной версией и для какой цели ?

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

А так я за конкурс(как за упражнение)

Share this post


Link to post
Share on other sites

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

А так я за конкурс(как за упражнение)

Месье знает толк... :D Надо было брать нетбук)

Я же иногда с мобилки захожу чисто глянуть, что-то, что не приходило мне в голову посмотреть, когда был за компом (да, бывает!). Или скажем, почитать перевод dive into html5.

Share this post


Link to post
Share on other sites

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

почему же смешно :)

Мне тоже пару раз довелось. И даже с телефона (андроид).

Удобство — даже слово такое можно забыть. Но хорошо, что такая возможность всё-таки есть.

Share this post


Link to post
Share on other sites

Очень полезно и интересно было бы устроить конкурс в таком формате: в команде верстальщиков 2 человека, один из которых новичок, а другой более опытный; работая вместе мы могли бы многому научиться - у новичка много вопросов, которые подтолкнут профи искать ответы (и для себя в том числе), а профи может помочь новичку ответами на вопросы - причем все это можно применить сразу же на практике в конкурсе. Как вам такая идея?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,389
    Total Members
    3,128
    Most Online
    Неугомонный
    Newest Member
    Неугомонный
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.



  • Спрашивают сейчас

  • Пишут сейчас

    • https://jsfiddle.net/q2Lfaew5/2/ Пытаюсь добавить иконку к ссылке. Казалось бы, довольно простая задача, но есть несколько условностей, из-за которых пока ничего не получается. 1) Текст должен быть inline-элементом. Для того, чтобы к каждой строке применялась граница, и пустота в них была не кликабельной (как в первом примере). 2) Иконка всегда должна быть вертикально отцентрированная. Реально ли это сделать?
    • Здравствуйте. Почему в этом примере https://jsfiddle.net/pk2rgj3o/4/ в IE11 не срабатывает max-width для изображения? Мне нужно, чтобы фото не выходило за пределы родителя, при этом его ширина и ширина flex-item оставались автоматическими. В данный момент я нашел два решения этой проблемы: 1) width: 100% для фото и 2) flex: 1 для flex-item, но они оба не подходят.
    • Задаю контенту фиксированную высоту, но все равно он под футером. Вы не знаете, лучше оставить высоту футера auto?   <main class="project">
          
          <div class="blog-container">
              <div class="blog-header">
                  <div class="blog-cover">
                      
                  </div>
              </div>
              <div class="blog-body">
                  <div class="blog-title">
                      <h1><a href="#">Lorem ipsum dolor sit amet</a></h1>
                  </div>
                  <div class="blog-text"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque sapiente quae enim eius sit ratione doloremque, non quo, quaerat soluta sint aspernatur nostrum doloribus dolor perferendis saepe numquam molestiae rerum. Iusto explicabo molestias cumque expedita officia repellendus excepturi vitae iure.</p>
                  </div>
                  <div class="blog-tags">
                      <ul>
                          <li><a href="#">Lorem</a></li>
                          <li><a href="#">ipsum</a></li>
                          <li><a href="#">dolar</a></li>
                          <li><a href="#">consectetur</a></li>
                      </ul>
                  </div>
              </div>
              <div class="blog-footer">
                  <ul>
                      <li class="published-date">4 days ago</li>
                  </ul>
              </div>
          </div>     
      </main> <footer>
          
      <nav>
          
      <a href="index.html">HOME</a>
                      <a href="projects.html">PROJECTS</a>
                      <a href="blog.html">BLOG</a>
                      <a href="contact.html">CONTACT</a>
                      <a href="about.html">ABOUT</a>
                      <a href="services.html">SEVICES</a>
                      <a href="location.html">LOCATION</a>
                       </nav>
      <div class="logo">
          <a href="index.html"><img class="graphiclogo" src="logo.png" alt="logo"></a>
      </div>
      <div class="social">
          <a href="#"><img src="img/social/em.png" alt="em"></a>
          <a href="#"><img src="img/social/face.png" alt="em"></a>
          <a href="#"><img src="img/social/goo.png" alt="em"></a>
          <a href="#"><img src="img/social/inst.png" alt="em"></a>
          <a href="#"><img src="img/social/pint.png" alt="em"></a> </div> <p>Version 2019</p>
      </footer>
          <script src="js/script.js"></script>
      </body>                     .blog-container {
          background: #fafafa;
          border-radius: 5px;
          box-shadow: rgba(0,0,0,0.2) 0 4px 2px -2px;
          font-weight: 100;
          margin: 48px auto;
          margin-bottom: 100px;
          width: 50rem;
          height: 20px; } footer {
          width: 100%;
          height: auto;
          background: black;
          margin: 0 auto;
          text-align: center;
          padding-top: 25px;
          position:absolute; 
          bottom:0
      }
  • Popular Contributors