hypnocolor

Английскому можно обучаться параллельно, по часу-два в день, не обязательно прямо деятельность останавливать из-за него. Те же статьи можно читать и записывать потом куда-нибудь незнакомые слова и обороты, в том же Лингвалео, например, а потом повторять эти слова упражнениями там же. Многие считают это гораздо более лучшей практикой, чем бросаться сразу на амбразуру с месяцами интенсивного обучения.

Эта штука подойдёт, вероятно, для каких-то совсем-совсем типовых задач. Работу она точно ни у кого не отнимет, я уверен.

http://www.c-sharpcorner.com/UploadFile/8911c4/how-to-compare-two-dates-using-javascript/

http://stackoverflow.com/questions/4355009/css-text-justify-with-letter-spacing

Не должно такого быть. Какой код в header.php и в index.php?

Что-то, похоже, очень давно не следите Background работает со времён IE6, если не раньше. По трансформам всё хорошо с поддержкой, можно вполне пользоваться: http://caniuse.com/#search=transform. Собственно, как и транзишнами.

Можно было бы через border-image и градиенты для бордера, но они не работают, если у блока указана нулевая высота и ширина, которые необходимы для такого бордерного треугольника. Кроме того, трансформы более кроссбраузерны. Поэтому тут дело не в том, что подход другой, а в том, что он выполняет поставленную задачу.

Можно по-разному. Например, вот так: http://jsfiddle.net/hypnocolor/0d5xj67y/

Используйте display: inline-block.

Раздел только не тот выбрали. Тут, скорее, «Ищу работу», а не «Предлагаю».

Вообще-то в варианте Sensei и так при любом размере блока картинка будет центрироваться.

Чтобы размер страницы был равен размеру вьюпорта, и абсолютно спозиционированному диву было, откуда брать размер. Это один из способов вертикального и горизонтального центрирования дива с неизвестными размерами, подробнее написано здесь: http://frontender.info/centering-css-complete-guide/#vsotaishirinalementaneizvestn. В данном случае я центрировал див относительно всей страницы для наглядности. На самом деле меняется, просто у картинок пропорции почти одинаковые с размером дива, поэтому разница не сильно заметна, если убрать центрирование позиции фона.По поводу алгоритма работы анимации, выбора значений и т.д. подробно описано здесь: http://css3.bradshawenterprises.com/cfimg/#cf4a. Кроме того, там много других примеров смены изображений на css. Собственно, в своём примере я позаимствовал код оттуда. А по поводу одинаковых изображений — ну, мне стало лень искать ещё одну картинку, добавил одну из имеющихся вновь для количества

https://jsfiddle.net/hypnocolor/e52yj6ne/2/

Когда-то давно нужна была такая штука. Помог этот пост. Там в конце ссылки на демо и на сам инструмент.

http://jsfiddle.net/hypnocolor/ytjh8gn1/1/. Пометил комментариями, что добавилось.

Линии можно сделать всякими способами, через псевдоэлемент это быстрее и проще всего. По поводу текста поверх картинок — там тоже возможны варианты, всё зависит от того, что вы хотите в итоге получить. Дивы там не принципиальны в целом. Если прям много вопросов, можете в скайп стукнуться, разберёмся.

Ну вот вам примерный план действий для старта: http://jsfiddle.net/hypnocolor/exz5ed9j/. В целом ничего сложного в такой разметке нет.

Для OS X существует XCode, в котором есть фактически идентичные реальным устройствам эмуляторы айфонов/айпадов. Либо https://www.browserstack.com/. Либо купить реальные устройства

Благодарю за подсказку, буду разбираться. Только мне надо, чтобы было не по одной ссылке, а целый список. Надо вывести в строку список годов (1999, 2000, 2001...) и кликая по определённому году получать нужный слайд. Надеюсь, что смогу разобраться сам используя Вашу подсказку. Ну там ещё проще тогда, если годы по порядку совпадают со слайдами — просто по клику получать индекс этого года и подставлять его параметром в fotorama.show(): http://jsfiddle.net/hypnocolor/wayuyL28/4/.

Добрый. http://jsfiddle.net/hypnocolor/jtcdf717/ Извиняюсь, сонная голова не сразу поняла, что у вас список посложнее. http://jsfiddle.net/hypnocolor/jtcdf717/2/

АПИ Фоторамы + немного яваскрипта = http://jsfiddle.net/hypnocolor/wayuyL28/

http://jsfiddle.net/hypnocolor/21706njg/

По поводу стрелок — грубо говоря, там тоже манипуляции с их расположением в зависимости от текущего слайда. Подробнее в подключённом там css-файле расписано. /* Control Setup */#controls { margin: -25% 0 0 0; width: 100%; height: 50px;}#controls label { display: none; width: 50px; height: 50px; opacity: 0.3;}#active { margin: 23% 0 0; text-align: center;}#active label { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px; height: 10px; background: #bbb;}#active label:hover { background: #ccc; border-color: #777 !important;}#controls label:hover { opacity: 0.8;}#slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4), #slide4:checked ~ #controls label:nth-child(5), #slide5:checked ~ #controls label:nth-child(1) { background: url('next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;}#slide1:checked ~ #controls label:nth-child(5),#slide2:checked ~ #controls label:nth-child(1),#slide3:checked ~ #controls label:nth-child(2),#slide4:checked ~ #controls label:nth-child(3),#slide5:checked ~ #controls label:nth-child(4) { background: url('prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block;}#slide1:checked ~ #active label:nth-child(1),#slide2:checked ~ #active label:nth-child(2),#slide3:checked ~ #active label:nth-child(3),#slide4:checked ~ #active label:nth-child(4),#slide5:checked ~ #active label:nth-child(5) { background: #333; border-color: #333 !important;}

Мистика прямо. Вот только что Хром обновился до 46.0.2490.71, этого бага больше нет, всё отображается клёво. Вселенная меня слышит.

Вообще я склонен думать, что это из-за нового шрифта в OS X, который Сан-Франциско. Потому что проявилось это всё сразу после обновления системы, до обновления в Хроме всё было отлично.