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. Собственно, как и транзишнами.

Ну да, я о CSS Transforms(кажется так эта спецификация-рекомендация называется) тоже думал. Но, согласитесь, это же совсем другой подход, в отличии от изысков с border. А можно ли изменить вот это на градиенты:

http://jsfiddle.net/uLwLbwkz/

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

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

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

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

Всем спасибо! Вопрос: а возможно отцентрировать картинку когда у блока неизвестна ни ширина ни высота ?

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

…

1. Чтобы размер страницы был равен размеру вьюпорта, и абсолютно спозиционированному диву было, откуда брать размер. 
2. Это один из способов вертикального и горизонтального центрирования дива с неизвестными размерами, подробнее написано здесь: http://frontender.info/centering-css-complete-guide/#vsotaishirinalementaneizvestn. В данном случае я центрировал див относительно всей страницы для наглядности.
3. На самом деле меняется, просто у картинок пропорции почти одинаковые с размером дива, поэтому разница не сильно заметна, если убрать центрирование позиции фона.

По поводу алгоритма работы анимации, выбора значений и т.д. подробно описано здесь: 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/. Либо купить реальные устройства

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

Благодарю за подсказку, буду разбираться.

Только мне надо, чтобы было не по одной ссылке, а целый список. Надо вывести в строку список годов (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/

реанимирую вопрос

на CSS это возможно сделать?

Суть вопроса

открывается страничка и каждые семь секунд меняется изображение не принципиально где оно находится и как.

именно изображение не слайдер а картинка не важно это подложка или сама картинка.

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, который Сан-Франциско. Потому что проявилось это всё сразу после обновления системы, до обновления в Хроме всё было отлично.