psywalker

Категорически не согласен с заявлением, что Флэнаган - это херня. Начнём с того, что Дэвид Флэнаган очень уважаемый чувак и он один из JS-монстров в мире. Книга Флэнагана - это гениальное произведение, которому на мой взгляд нет равных среди других книг по JavaScript. Его книга, и руководство, и огромный справочник, и введение в сложный для понимания мир JavaScript'а. Она охватывает весь стандарт ECMAScript 5, содержит кучу полезнейших и интересных практических примеров. Я помню, как сам учился по этой книге и никапельки не жалею об этом, ибо именно она меня поставила на ноги JavaScript'a. Тем более, выбирать что-нибудь одно - практику или теорию - это неправильно, имхо. Должно быть всё в меру, 20-30% теории и остальные 70-80% практики, т.е. литературу читать тоже необходимо и желательно в немалом количестве. Единственный минус всей литературы на русском языке в том, что её переводы зачастую становятся неактуальны из-за долгих переводов, редакций и т.д. Поэтому все книги желательно фильтровать, а самый лучший вариант - учить английский язык и читать западные сайты, свежие книги и главное спецификации! Кстати, опять же, если брать книгу Дэвида Флэнагана, она отличается от неактуальных книг тем, что представляет из себя одну из тех редких книг, которые всегда будут актуальны. Поэтому я очень жалею, что на форуме теперь нельзя минусовать, я бы с радостью воспользовался этой функцией в данном случае

Кстати, с позволения (надеюсь, что он не будет против. по идее не должен, он добрый) нашего могучего эксперта Ильи (SelenIT) могу предоставить ещё парочку его интересных вариантов: 1. Вариант с CSS-счётчиками и плавающими блоками. Минус этого решения - будет некрасиво, когда счетчик станет двузначным. 2. Вариант с CSS-счётчиками и CSS-таблицей. - Минусов нет

Поддерживаю!

Код для навигации: .navigation{ float:left; font: bold 18px "PT Sans"; margin-top: 15px; border-right:1px solid #A8B9C5; width:190px; }Код для контентной части: .content{ overflow:hidden; margin-top: 15px; border-left: 1px solid #595B5C; font-size: 14px; text-align: justify; font-family: Tahoma; color: #333333; padding-top: 0px; }Попробуйте, не пожалеете))

Сразу не понравилась фиксированная ширина. Почему сайт не резиновый и вообще не адаптивный?

Не знаю, может как-то так попробовать на чистом жс. Но, имхо, ничего страшного и раздутого в этом и вашем коде нет.

Сложно даже представить, как это можно сделать без JS. Можно вот как-то так заморочиться, но имхо, я бы таке делал на JS. Там кода-то 5 секунд, а надёжность железнобетонная.

Так вот я и задал вопрос, как сделать один DIV и залить его картинкой?) Ответьте пожалуйста!) Эм... background:url(тут адрес картинки для элемента);, не? Так как сделать один DIV из 10? А зачем делать один из десяти? Вот на нижнем скрине 3 картинки, так? Вот значит нужно 3 div'а. Для каждой картинки один.

Может как-то так?

Так вот я и задал вопрос, как сделать один DIV и залить его картинкой?) Ответьте пожалуйста!) Эм... background:url(тут адрес картинки для элемента);, не?

Ссылка на неработающий пример?

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

Можете просто обернуть блок в ссылку.

А зачем нужны такие заморочки с вложенностью 10-и div'ов для одной фигуры? Я бы сделал либо один div -- одна картинка, либо на svg фигуры. Кстати, почитайте правила оформления постов на форуме.

А я бы взял картинку чисто рамки зубчатой, растянул бы её background-size: 100% 100%; и проблема решена)

Рустамыч, погоди, давай завтра уже итоги подведём, я опишу "правила" и определимся с началом? p.s. разведка мне доложила, что пока не все готовы, все подтянутся после праздников, числа 12 января (понедельник). Так что, имхо, пока начинать смысла нет.

Ну что, уважаемые игроки, наше интеллектуальное казино ещё пополнится кем нибудь?

Возможно вы неправильно изучали javascript. Точнее скорее всего вы занимались только теорией, а надо было бы и практику подтягивать. По идее должно быть 20-30% теории и 70-80% практики. Я помню, когда учил javascript, я заходил на любой сайт, выцеплял интересную задачу и пытался её реализовать сам. Простые примеры: карусель из картинок на javascript, какие-нибудь игры, типа крестиков-ноликов, да всё что угодно, главное найти задачу)

Можно сказать и так. А лучше почитать о них более подробно.

Конечно! Есть такой атрибут "tabindex". Нужен он для того, чтобы, элемент, на который он вешается, мог получать фокус по клавише "tab". Вот здесь о нём можно подробнее почитать. Прикол его в том, что "tabindex" может вешаться на любой элемент, а ни как, возможно, некоторые предполагают, что только на элементы формы или ссылки. Т.е. допустим у нас есть элемент "div", мы вешаем на него "tabindex" вот так: <div tabindex="1">Теперь я могу иметь фокус </div>и теперь, нажимая клавишу "tab", фокус перейдёт к этому элементу, т.е. сфокусируется на нём. Таких элементов мы можем сделать сколько угодно и повесить на всех на них tabindex" с разными числовыми значениями, начиная с "1" и выше. И по нажатию клавиши "tab" фокус будет путешествовать от одного элемента к другому. Теперь с помощью псевдокласса "focus" мы можем назначать стили (css) элементу, на котором сейчас находится фокус. Задача, которую описывал Great Rash, состоит в том, чтобы немного "обмануть систему" и сделать так, чтобы нужные нам элементы могли иметь фокус, но при этом только с помощью нажатия на них курсором мышки, а не с помощью клавиши "tab". Т.е. как бы фокус есть, но клавиша "tab" игнорируется именно для этих элементов. Решение: просто вешаем на нужные нам элементы "tabindex" с отрицательным значением, например, "-1". Вот и всё) Зацени теперь ещё разок пример Great Rash'a.

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

К сожалению эта "миссия невыполнима". Единственный вариант -- показывать заказчику вместо кода скрины своей работы, но мало кто согласиться на такое. Так что нужно стараться работать с честными людьми. p.s. кстати, ещё вспомнил, если вы берёте заказ на фрилансе, последний должен предоставлять вам услугу "Безопасная сделка". Это определённые заморочки для вас и для заказчика, но зато вы оба будете уверены, что вас не обманет вторая сторона.

Имхо, в инете можно найти уже готовые макеты, бесплатные и они уже в разы будут лучше по виду, чем ваш собственоручный) Не знаю, ну посмотрите тут, например.

Имхо, в этой теме акцент идёт не на transition, а на очень полезный и хитрый приём, связанный с фокусом на элементах. Я бы обратил внимание именно на второе

Такие вещи надо смотреть с осторожностью и фильтровать всё что там преподносят. Могу привести пару примеров: 1. Заметьте, какой доктайп они используют. Уроки 2014-го года, марта, а доктайп у них стоит старинный, а про то, что все браузеры давно уже работают только с одним доктайпом, там не говорится. 2. Элемент <center> считается устаревшим, но однако они не упоминают о его преимуществе над CSS. 3. И т.д, если досмотреть весь курс, то таких пунктов наберётся очень много. Если честно, то дизайн, мягко говоря, очень плохой. Почему бы не взять уже готовые и бесплатные макеты в интернете? Ведь есть же макеты в разы лучше и современнее, чем ваш.