• Можно ли задать border-width (border-bottom-width и т. д.) в %? Или есть другие масштабируемые единицы измерения?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    В процентах нет, но есть новые единицы, vh - высота видимой части страницы и vw - ширина видимой части. То есть фактически Вы можете использовать их.
    codepen.io/iiil/pen/htfLv
    Попробуйте поменять размеры, думаю, это то, что Вам надо.
    Ответ написан
    Комментировать
  • Каким должен быть шрифт на сайте?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Если Вы серьезно спрашивайте, то в качестве обзора могу посоветовать книгу Кирсанова «Веб-дизайн», в качестве отличного обзора, не только по шрифтам, а в принципе веб-дизайна. Не смущайтесь, что книга старая.
    Далее, в зависимости от того, собираетесь ли Вы серьезно заниматься типографикой, или Вам достаточно начальных знаний. Сам сейчас читаю «Типографика. Шрифт, верстка, дизайн» Джеймса Феличи, это уже настоящий учебник.
    Вопрос насчет шрифтов для сайта очень широкий, на него можно с какой-то долей вероятности правильно ответить только в рамках одного шаблона. Где-то нужен будет рубленный, где-то антиква, где-то обязательно использовать декоративные шрифты, а где-то они будут смотреться очень странно.
    Шрифт, верстка - это самая незаметная часть дизайна, которая на самом деле требует большого внимания. Исключая акцидентные и декоративные шрифты - цель типографики именно в незаметности для читателя.
    Ответ написан
    Комментировать
  • Как создать сеть автомобильных точек свободного доступа в интернет и получать информацию о подключившихся?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Я прочитал где-то половину. Даже поверхностный план, аванпроект того, что Вы задумали займет много времени и сил. Если Вы не специалист - ищите специалиста.
    Ваши оценки не правильные, я уверен в этом. Часто ли люди едят у автомобиля? Лично я в таких местах (живу в Питере) покупаю булочки утром перед работой, у меня на работе есть интернет.
    Люди всегда торопятся, если они хотят посидеть - они идут в кафе.
    Сколько люди едят в таких местах? Минут пять от силы, даже минутный ролик будет создавать проблемы для них. Даже 20-ти секундный, что там минутный.
    Как получить данные о клиенте, да еще и обработать их в считанные секунды и выдать нужный контент. Такие гиганты как гугл или фейсбук ломают голову, хотя люди сами дают им всю информацию, а Вы хотите решить эту проблему в рамках местечкового проекта?
    Разработка такого проекта и написание всех необходимых программ отнимет больше средств, чем Вы сможете получить. Не легче ли поставить телевизор и крутить там ролики? И если Вы уверены, что кто-то может заинтересоваться рекламой - сделайте qr-коды или другие способы быстро перейти по ссылке.
    Вы хотите получить конкурентное преимущество и тут же пытаетесь заработать на клиентах? Я не стану заходить в интернет с такой точки, а более того, скорее всего не стану и булочки покупать, для меня важнее, чтобы мне продавец не хамил, это куда большего стоит.
    Ответ написан
    1 комментарий
  • Как сделать так чтобы шрифт не обрезался?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    С высотой line-height
    codepen.io/iiil/pen/jHkwL
    Всегда прикладывайте код верстки, без него только гадать остается!
    Ответ написан
    2 комментария
  • Как обработать функцию js из html ?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Проблема не в вызове
    codepen.io/iiil/pen/JCLBq

    upd:
    после уточнений codepen.io/iiil/pen/eKsxl
    Ответ написан
  • Стоит ли использовать малоизвестные технологии при разработке, чтобы "привязать" к себе заказчика?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Заказчика лучше удерживать другими способами, например, качеством работы.
    По мне так большинство и так достаточно ленивы, чтобы менять исполнителей. Это же каждый раз риск, трата времени.
    Кроме того, малоизвестные технологии скорее всего и развиваются медленно, имеют риск умереть. Представляете, как будете оправдываться перед заказчиком, почему не можете сделать ту или иную фишку, которая есть уже у всех его конкурентов. Что Вы ему скажете?
    Ответ написан
    Комментировать
  • Какое значение будет в переменной i ?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    3
    Ответ написан
    Комментировать
  • Как и в какой программе создать плавную gif-анимацию?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Ну значит плохо пытаетесь, в PS ее и делают.
    Ответ написан
  • Как запретить ввод в текстовое поле (HTML) ?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    <input type="text" disabled />
    ?

    Тогда вот так:

    $('input').keydown(function(e){
      console.log(e.key);
      e.preventDefault()
    });

    codepen.io/iiil/pen/ktpnH
    Ответ написан
    3 комментария
  • Как добавить полосу прокрутки при длинном кол-ве контента?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Лучше использовать
    overflow:auto;
    codepen.io/iiil/pen/gekjD
    Тогда скролл появится только при превышении контента.
    В случаях, предложенных @somenumboola скролл будет всегда.
    codepen.io/iiil/pen/sqEdm
    Ответ написан
    Комментировать
  • Как подобрать цветовую схему для сайта?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    colorscheme.ru
    или еще есть хороший вариант, когда в качестве основы берется фотография. Дело в том, что цвета окружающего мира для человека являются самыми привычными, а значит сбалансированными. Есть ресурсы вроде www.degraeve.com/color-palette , которые позволяют быстро получать эти сочетания из любой фотографии.
    Ответ написан
    Комментировать
  • Почему когда использую float теряется высота родителя?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Почитайте, например, эту статью
    habrahabr.ru/post/136588
    или эту
    css-tricks.ru/Articles/Details/AllAboutFloats
    Ответ написан
    Комментировать
  • Как в Joomla выбрать данные и поместить их сразу в HTML-таблицу?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    И в чем проблема? Это простенький скрипт на php получается, в цикле перебираете выборку и вставляете в теги таблицы. Хоть в joomla, хоть в чем.
    Ответ написан
  • Как сделать всегда разную анимацию в шапке ?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Это, плюс jquery и стили
    <div class="slideone">
    <!--Robo Adviced-->
    <script>
    var backgrounds = [
      {  image: '//slinky.me/files/g/cat.gif',
       subtitle: '//slinky.me/?q=google',
       title: 'Например #Google'
      },
      {  image: '//slinky.me/files/g/brain.gif',
       subtitle: '//slinky.me/?q=apple',
       title: 'Например #Apple'
         },
        {  image: '//slinky.me/files/g/catrun.gif',
       subtitle: '//slinky.me/?q=скорость',
       title: 'Например #Скорость'
         },	
           {  image: '//slinky.me/files/g/heroofwinds.gif',
       subtitle: '//slinky.me/?q=Игра',
       title: 'Например #Игра'
         },
     {  image: '//slinky.me/files/g/tv.gif',
       subtitle: '//slinky.me/?q=Тв',
       title: 'Например #Тв'
         },	
       {  image: '//slinky.me/files/g/meow.gif',
       subtitle: '//slinky.me/?q=Кошки',
       title: 'Например #Кошки'
         },	
       {  image: '//slinky.me/files/g/barbell.gif',
       subtitle: '//slinky.me/?q=Спорт',
       title: 'Например #Спорт'
         },
       {  image: '//slinky.me/files/g/catmouse.gif',
       subtitle: '//slinky.me/?q=Кошки',
       title: 'Например #Кошки'
         },	
       {  image: '//slinky.me/files/g/opt.gif',
       subtitle: '//slinky.me/?q=Еда',
       title: 'Например #Еда'
         },	
          {  image: '//slinky.me/files/g/airguitarboy.gif',
       subtitle: '//slinky.me/?q=Музыка',
       title: 'Например #Музыка'
         },
       {  image: '//slinky.me/files/g/thewall_focas.gif',
       subtitle: '//slinky.me/?q=Музыка',
       title: 'Например #Музыка'
         },
       {  image: '//slinky.me/files/g/pulpito_mocoso.gif',
       subtitle: '//slinky.me/?q=Музыка',
       title: 'Например #Музыка'
         },	
          {  image: '//slinky.me/files/g/marshmark.gif',
       subtitle: '//slinky.me/?q=Еда',
       title: 'Например #Еда'
         },	
          {  image: '//slinky.me/files/g/buru-sama.gif',
       subtitle: '//slinky.me/?q=Рунет',
       title: 'Например #Рунет'
         },	
    	       {  image: '//slinky.me/files/g/time.gif',
       subtitle: '//slinky.me/?q=Время',
       title: 'Например #Время'
         },	
     {  image: '//slinky.me/files/g/pizza.gif',
       subtitle: '//slinky.me/?q=Еда',
       title: 'Например #Еда'
         },		 
    	   {  image: '//slinky.me/files/g/rudolp-jumping-rope.gif',
       subtitle: '//slinky.me/?q=Спорт',
       title: 'Например #Спорт'
         },	 
    		   {  image: '//slinky.me/files/g/treadmill.gif',
       subtitle: '//slinky.me/?q=Спорт',
       title: 'Например #Спорт'
         },	  
    	{  image: '//slinky.me/files/g/ai-digital.gif',
       subtitle: '//slinky.me/?q=Интернет',
       title: 'Например #Интернет'
         },	   
        {  image: '//slinky.me/files/g/octo-sleep.gif',
       subtitle: '//slinky.me/?q=Сон',
       title: 'Например #Сон'
         },
      {  image: '//slinky.me/files/g/spc.gif',
       subtitle: '//slinky.me/?q=Космос',
       title: 'Например #Космос'
         },
        {  image: '//slinky.me/files/g/running-godzilla.gif',
       subtitle: '//slinky.me/?q=Прон',
       title: 'Например #Прон'
         },
      {  image: '//slinky.me/files/g/tray.gif',
       subtitle: '//slinky.me/?q=Кошки',
       title: 'Например #Кошки'
         },	 
      {  image: '//slinky.me/files/g/character-render.gif',
       subtitle: '//slinky.me/?q=Офис',
       title: 'Например #Офис'
         },	 
       {  image: '//slinky.me/files/g/catpurr.gif',
       subtitle: '//slinky.me/?q=Кошки',
       title: 'Например #Кошки'
         },	
    	   {  image: '//slinky.me/files/g/court-2.gif',
       subtitle: '//slinky.me/?q=Баскетбол',
       title: 'Например #Баскетбол'
         },	
     {  image: '//slinky.me/files/g/work.gif',
       subtitle: '//slinky.me/?q=Работа',
       title: 'Например #Работа'
         },	 
    	 	   {  image: '//slinky.me/files/g/work.gif',
       subtitle: '//slinky.me/?q=Работа',
       title: 'Например #Работа'
         },	 	 
    	{  image: '//slinky.me/files/g/dancing_wom.gif',
       subtitle: '//slinky.me/?q=Музыка',
       title: 'Например #Музыка'
         },	
        {  image: '//slinky.me/files/g/paradise.gif',
       subtitle: '//slinky.me/?q=Метро',
       title: 'Например #Метро'
         },	
     {  image: '//slinky.me/files/g/geocat.gif',
       subtitle: '//slinky.me/?q=Россия',
       title: 'Например #Россия'
         },
        {  image: '//slinky.me/files/g/kneebend.gif',
       subtitle: '//slinky.me/?q=Секс',
       title: 'Например #Секс'
         },
      {  image: '//slinky.me/files/g/dubstepcat.gif',
       subtitle: '//slinky.me/?q=Украина',
       title: 'Например #Украина'
      }
    ]; 
    </script>
    
    <script>function getRandomInt (min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }jQuery(document).ready(function(){
             var bgNumber = getRandomInt(0, backgrounds.length-1);
             
             jQuery('.iinum').prop('src', ''+backgrounds[bgNumber].image+'');
             jQuery('.topexample a').prop('href', ''+backgrounds[bgNumber].subtitle+'');
    		 jQuery('.topexample a').html(backgrounds[bgNumber].title);
    });
    </script>
    <script type="text/javascript">
      $(document).ready(function(){
        $.adaptiveBackground.run({
        })
      });
    </script>
    <img class="iinum" data-adaptive-background='1' ></img>
    <div class="slidetxt2">Добро пожаловать в хранилище статистики!</div>
    <div class="topexample"><a></a></div>

    Анимация - это gif, меняются этими скриптами, еще подключен скрипт адаптации бэкграунда.
    Ничего готового не будет, так что Вам скорее всего на фриланс-биржу.

    В ходе исследования кода был замечен интересный алерт )
    <script type="text/javascript">
    $(document).ready(function(){    
      $('#fu-desc-txt').maxlength({   
        events: [], // Array of events to be triggerd    
        maxCharacters: 140, // Characters limit   
        status: true, // True to show status indicator bewlow the element    
        statusClass: "fu-desc-c", // The class on the status div  
        statusText: "", // The status text  
        notificationClass: "notifoo",  // Will be added when maxlength is reached  
        showAlert: false, // True to show a regular alert message    
        alertText: "ебать как много символов", // Text in alert message   
        slider: true // True Use counter slider    
      }); 
    });
    </script>

    Ответ написан
    1 комментарий
  • Из за чего исчезает изображение на мониторе ?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Дело в обтекании, я же Вам сказал - прочтите информацию по ссылкам в предыдущем вопросе.
    Конкретно здесь, надо задавать фиксированную ширину блоку родителя. И еще, на будущее - Ваши картинки без кода для для людей с опытом как красная тряпка. Вы должны научиться говорить на языке кода, а не на визуальном представлении.
    Ответ написан
  • Как осуществлен эффект появления на JS?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Решения есть и готовые, но можно и самому написать. Вот такой пример на коленке )
    codepen.io/iiil/pen/Lczgi
    Ответ написан
    Комментировать
  • Как выяснить какой из табов в firefox кушает CPU больше всех? И вообще, кто виноват и что делать?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Вы немножко-то подумайте, прежде чем вопрос задавать. Не кажется Вам логичным, что можно методом исключений узнать ответ на этот вопрос?
    Насчет подозрений на js - Вы отключите скрипты и посмотрите.
    Насчет остального - отключите напрочь картинки, js и закройте вкладки. А лучше купите машину посильнее, у меня ff на посредственном ноутбуке и сотню вкладок легко потянет.
    Ответ написан
    Комментировать
  • Какого цвета и с какими углами должен быть треугольник в данном примере?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Угол должен быть такой или чуть острее. И цвет его не должен был связан с лицевой частью, это же обратная сторона. Сделайте потемнее.
    На кинопоиске такой уголок есть www.kinopoisk.ru/film/672899
    Но он ниже, всегда серый.
    Если хотите реалистичности - надо добавить тени, у Вас выглядит плоско.
    Ответ написан
  • Как обновить окно PopUp, другим?

    iiil
    @iiil
    Инженер и вэб-дизайнер, рисую.
    Вы новичок в этом деле, но все же понимаете, наверное, что скрипт работает с какой-то разметкой?
    Вы ее выложите куда-нибудь вроде jsfiddle.net
    А то я новичок в прорицании, а помочь надо, я же все-таки хочу.
    Ответ написан