Заметки с меткой web-design

It will make the inner element center horizontally and it works without setting a specific width.

Working example here:

#inner {
display: table;
margin: 0 auto;
}

<div id="outer" style="width:100%">
<div id="inner">Foo foo</div>
</div>

Source:
http://stackoverflow.com/a/114549

http://stackoverflow.com/questions/114543/horizontally-center-a-div-in-a-div?rq=1

Книга
SVG Essentials
Год: 2015
Автор: J. David Eisenberg, Amelia Bellamy-Royds / Дж. Дэвид Эйсерберг, Амелия Беллами-Ройдс
Жанр: веб-графика
Издательство: O’Reilly
ISBN: 978-1449374358
Язык: Английский
Формат: ePub
Качество: Изначально компьютерное (eBook)
Интерактивное оглавление: Да
Количество страниц: 295
Описание: Описание формата SVG - масштабируемой векторной графики.

***

Примеры:
https://github.com/oreillymedia/svg-essentials-examples

Чья-то подборка.

Superfamous
http://superfamous.com/
Коллекция изображений высокого разрешения, идеально подходит для использования в веб - дизайне или в качестве фона рабочего стола.

Picjumbo
https://picjumbo.com/
Picjumbo нравится своей легкой навигацией по каталогам, которых немало. Все фотографий высокого разрешения.

Pixabay
https://pixabay.com/
Pixabay – это мечта веб - дизайнера. Простой и удобный поиск по каталогам, потрясающие изображения.

IM Free
http://www.imcreator.com/free
Небольшая библиотека фотографий премиум-качества. Требуется регистрация, но это ничто: такие фото обычно продают.

Gratisography
http://www.gratisography.com/
Gratisography – это, одним словом, невероятно. Ресурс создан художник и веб – дизайнером Райаном Макграй.

MorgueFile
http://www.morguefile.com/
Один из самых простых сайтов в этом списке. Выбор не так велик, как у некоторых других сайтов в этом списке, но фотографии охватывают широкий круг вопросов. Можно найти изображения всего: от диких животных до антиквариата.

FreeImages
freeimages.com
Один из больших каталогов. Большинство сайтов с бесплатным фотоархивом сосредотачиваются на небольшой нише (как правило, пейзажные фото), FreeImages предлагает тысячи фотографий из разнообразного набора категорий. Но самое главное – это поиск сайта. Невероятно экономит время, что очень актуально.

Little Visuals
http://littlevisuals.co/
Подпишись на его список адресов электронной почты, и будешь получать семь снимков с высоким разрешением на почту каждую неделю.

Picography
http://picography.co/
Идеально подходит для дизайнеров, ищущих ярких фотографий. Простой и удобный.

Getrefe
http://getrefe.tumblr.com/
Идеальный вариант, если нужны архитектурные или ландшафтные фотографии. Никаких излишеств, никаких категорий, просто красивые природные снимки, сделанные рядом фотографов, путешествующих по всей Европе.

Jay Mantri
http://jaymantri.com/
Один из лучших дизайнеров Южной Калифорнии, Джей Мантри, предлагает одноименный сборник вдохновляющих фотографии. Обновляются каждый четверг.

Public Domain Archive
На Domain Archive Public экспансивная коллекции изображений, многие с поразительной симметрией и приглушенных цветов.

Taken from
http://www.zeeronsolutions.com/how-to-make-contact-form-7-plugin-fields-responsive-full-width/

/*-----------------------------
Making WordPress Contact Form 7 Plugin form responsive and full width with CSS customization
Add this code snippet to your WordPress theme's style.css file.
-------------------------------*/
div.wpcf7 .wpcf7-form-control {
max-width: 95%;
}

/* Make Contact Form 7 Select Dropdown field responsive & full width */
.wpcf7 select {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
margin: 0;
padding: 4px;
text-indent: 0px;
width: 100%;
z-index: 100;
}
/* Make Contact Form 7 text field full width & responsive */
.wpcf7-text {
width: 100%;
}

/* Some additional CSS customization to the whole Contact Form 7 form */
div.wpcf7 {
background-color: #f5f5f5; /* Adds background color */
border: 2px solid #eee; /* Adds a form border */
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px; /* Making form border rounded */
-moz-border-radius: 4px;
border-radius: 4px;
}

To freeze a popover while shown or a modal window or a tooltip in hover state, or any other element that appears in hover state:

- F12 - to open a console.
- Hover over the element, the tooltip will appear.
- Alt+TAB to switch to the "Developet Tools" window.
- Go to Sources and press F8 there. The current state will freeze.
- Return to the tooltip and work with CSS.

http://cctld.ru/ru/registrators/
- список оф. партнеров CCTLD.ru

https://www.reg.ru/reseller/list
- список оф. партнеров REG.ru
(в т.ч. link-host.net)

https://habrahabr.ru/post/87220/
- см. комментарии, инф. о регистрации доменов

--------------------
Цены на регистрацию И ПРОДЛЕНИЕ доменов RU
у некоторых оф. партнеров (не все партнёры)

RU

http://majordomo.ru/ - rucenter, regtime, reg.ru, продление: 499 р.

http://2domains.ru/
регистрация 99, продление 399 р.

http://axelname.ru/
- 199, 199 (outdated!)

http://naunet.ru/
- 181, 540

http://www.regplanet.ru/
- 590, 590?

http://reg.caravan.ru/tariffs.html
- 590, 590?

https://domains.jino.ru/price/
- 77, 590

--

P.S. Sept., 2018:
http://axelname.ru/
- 299, 299

"Из-за введенных санкций в Крыму более не работают платежные системы Visa и MasterCard, сервис контекстной рекламы AdSense , международный оператор электронных платежей PayPal и так же компания Apple в одностороннем порядке разорвала договоры с крымскими разработчиками. В связи с введенными в отношении жителей Крыма санкциями Министерство связи и массовых коммуникаций РФ предложило им перенеси домены и хостинги к компаниям-регистраторам, которые находятся в юрисдикции России. Данное сообщение размещено на официальном сайте ведомства. Предлагает проводить регистрации через российские компании, что бы не попасть под санкции".

http://softcraze.com

***

Wix: "ВАШ ДОМЕН БЫЛ ОТМЕНЕН В СВЯЗИ С САНКЦИЯМИ, КОТОРЫЕ ДЕЙСТВУЮТ НА ТЕРРИТОРИИ ПОЛУОСТРОВА КРЫМ. РЕГИСТРАТОР ДОМЕНОВ NETWORK SOLUTIONS БОЛЬШЕ НЕ ПРЕДОСТАВЛЯЕТ ПОДДЕРЖКУ ДОМЕНОВ В КРЫМУ".

Похожие сообщения получили все пользователи онлайн конструктора Wix, зарегистрированные в Крыму. Речь идет не только о частных лицах, но и фирмах. Юридические лица зарегистрированные в Крыму или имеющие филиалы и производства на его территории, так же попали в этот список. На этом наши американские «друзья» не успокоились. Началась блокада пользователей Wix, работающих из Крыма, по ip адресам.

http://webhubpub.ru/blog/wix-fix/wix-crimea.html

***

Инф. с оф. сайта WIX.
https://vk.cc/6j1Onw

Any object or layer that uses a number as a leading character in Illustrator will be converted into some crazy id in the resulting SVG.
For instance:
A layer called "1st-floor-rooms" in Illustrator will become "_x31_st-floor-rooms" in the SVG.

***

An ugly phenomenon —
the text on top of an interactive box
blocks the mouseover effect.

To get around this,
we can use the following CSS
to make the cursor ignore all text elements:

text { pointer-events: none; }

http://www.petercollingridge.co.uk/data-visualisation/svg-mouseover-tricks

***

Getting rid of rectangles <rect /> in SVG (they may unexpectedly disappear).
From primitive types to a path in Illustrator -
Object > Path > Simplify (Straight Lines).

***

В url символы
'/', '?', '=', '&', '#'
заменяются кодами
'%2F', '%3F', '%3D', '%26', '%2523'

***

%252F - // или / - уточнить.

White -> down to transparency (till 65%), then transparent.
http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65&1+0,0+65,0+65;Custom

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0) 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,100%,1)), color-stop(65%,hsla(0,0%,100%,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 65%); /* IE10+ */
background: linear-gradient(to bottom, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */

***

Win + R
cmd
ipconfig /flushdns

http://techcrunch.com/
- Хостинг на vip.wordpress.com .
- Flat design.

http://magazine.wsj.com/
http://online.wsj.com/public/page/magazine-index.html?mg=blogs-wsj
- Wall Street Journal

------------------------------------------------------------
See
http://vip.wordpress.com/clients/

http://www.nbcsports.com/snf-all-access-sunday-night-football
- крупный спортивный портал

http://piersmorgan.blogs.cnn.com/
- видеоблог на CNN, как часть CNN, с шапкой CNN.

http://news.blogs.cnn.com/
- новостная часть какая-то CNN, с шапкой CNN.

http://newyork.cbslocal.com/
- крупный развлекательно-новостной портал Нью-Йорка
http://washington.cbslocal.com/
- То же, Вашингтона, дизайн жуткий, но всего много.

http://ftw.usatoday.com/
- Часть "USA Today Sports", часть "USA Today"

http://www.metro.lu
- Metro International

http://observer.com/
- Дизайн слабенький, не портальный.

http://boyslife.org/
- Некрупный сайт, но интересный дизайн.

-------------------------------------------------------------

http://forumblog.org/
- World Economic Forum
- Немного простовато, но официоз. Вполне.

http://indianexpress.com/
http://indianexpress.com/business/ и проч.
- Новости, не масштабно, но, в целом, ничего.

INSTALLING WOOTHEMES FLEXSLIDER INTO YOUR WORDPRESS THEME
http://return-true.com/2012/04/installing-woothemes-flexslider-into-your-wordpress-theme/


April 17, 2012


WooThemes FlexSlider is a feature slider just like any other, however this one has been designed to keep with the current trend & actually be responsive.

FlexSlider does have some ability to be customized, however if you are looking for large amounts of customization (including custom transitions) I prefer the super customizable jQuery Cycle (GIYF) which can also be responsive if your CSS is setup correctly.

One important note is that if you are installing this into a child theme you will want to add all of the code into your child’s functions.php file rather than the parent’s.

I need to make this very clear because if I don’t someone will probably get confused. I am not the developer of FlexSlider. If you have any questions about FlexSlider they are best pointed towards WooThemes. If you have any questions about integrating FlexSlider with WordPress I will try to help you as much as I can, but I will not help with general FlexSlider questions.


INSTALLING FLEXSLIDER

First go download FlexSlider from the WooThemes website. You only need flexslider.css and jquery.flexslider-min.js. Place them into a folder inside your theme. A folder called js, or javascript is normally good. If you already have one, even better.

Once you’ve done that you need to add some HTML. This is a difficult part to write for as the HTML might differ depending on where you are installing it. However for my demo I used:

<!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- -->

<div class="flex-container">
<div class="flexslider">
<ul class="slides">
<?php
$flex = new WP_Query(array('category_name' => 'featured', 'posts_per_page' => 3));
if($flex->have_posts()) :
while($flex->have_posts()) : $flex->the_post();
?>
<li>
<?php the_post_thumbnail(); ?>
<p class="flex-caption"><?php the_excerpt(); ?></p>
</li>
<?php
endwhile;
endif;
?>
</ul>
</div>
</div>

<!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- -->

The code I’ve used here is pretty basic. Notice the use of WP_Query though. It is good to get into a habit of using this for any custom query, remember query_posts() is bad, try not to use it.

The featured image is grabbed using the_post_thumbnail(). I’ve used the excerpt for the captions. If you would prefer you can remove the caption (by removing the p tag) or you can swap out the excerpt for something else. If you have any questions feel free to ask in the comments & I’ll try to help out as much as I can.

It is also difficult to explain where you would place it. Normally though a slider would be on the homepage so it would be placed in your theme’s home page template.

Next you need to attach the jQuery. To do this it is best to use wp_enqueue_script(). In your functions.php file add this:


function my_add_scripts() {
wp_enqueue_script('jquery');
wp_enqueue_script('flexslider', get_stylesheet_directory_uri().'/js/jquery.flexslider-min.js', array('jquery'));
wp_enqueue_script('flexslider-init', get_stylesheet_directory_uri().'/js/flexslider-init.js', array('jquery', 'flexslider'));
}
add_action('wp_enqueue_scripts', 'my_add_scripts');


Make

Заголовки

"Видеокурс Ильи Цымбалиста «Мгновенные клиенты» (техника привлечения клиентов с помощью контекстной рекламы на сервисе "Яндекс.Директ"). Илья разбирает по косточкам этот мощный и, в то же время, коварный сервис. Смотреть последовательно. Качество отличное".

1. Контекстная реклама на Яндексе - Основы, выгоды, возможности
2. Создание рекламной кампании (часть 1) - Настройки кампании
3. Создание рекламной кампании (часть 2) - Создание первого объявления
4. Создание рекламной кампании (часть 3) - Назначение ставок
5. Ключевые слова - Поиск и обработка (часть 1)
6. Ключевые слова - Поиск и обработка (часть 2)
7. Тонкости создания объявлений
8. Анализ статистики (часть 1) - Страница назначения ставок
9. Анализ статистики (часть 2) - Раздел "Статистика"

http://vk.com/video-43666542_166949143?list=c91c3547fa7c89d32a

http://vk.com/video-43666542_166949145?list=37ec70257a087b49a2

http://vk.com/video-43666542_166949146?list=bf2b15f01b3cf62e70

http://vk.com/video-43666542_166949150?list=01ec89b7917bb2c7d6

http://vk.com/video-43666542_166949152?list=d8363fa4f30a685a92

http://vk.com/video-43666542_166949159?list=0d64dd876eb7e122e2

http://vk.com/video-43666542_166949162?list=babaa8044dccbfda5a

http://vk.com/video-43666542_166949166?list=894903076ba4325ee3

http://vk.com/video-43666542_166949168?list=bc287ba8f89428bff8

http://commons.wikimedia.org/wiki/File:Chaplin_The_Kid.jpg?u selang=ru
- public domain in the USA

http://commons.wikimedia.org/wiki/File:Charlie-Chaplin.svg?uselang=ru
- не очень удачный портрет в векторе, можно поправить. Public domain.

Ссылки на фильмографию внизу статьи:
http://ru.wikipedia.org/wiki/%D0%A7%D0%B0%D1%80%D0%BB%D0%B8_%D0%A7%D0%B0%D0%BF%D0%BB%D0%B8%D0%BD
См. фильмы разных киностудий. Афиши и кинокадры - общ. достояние.

Хостинг в США

Из лидеров рынка:
bluehost.com =
= hostmonster.com (бренды одной компании)
[Из отзывов пользователей]
- ограничение: 50000 файлов, можно больше, но не будет резервн. копир-я, т.к. они не отчечают за большее к-во файлов
- не могут сделать бухг. док-ты для юр. лиц
- низкая скорость заливки файлов (?!) 40 кб в сек.
- 120000 файлов в статич. файле - предупреждение "влияет на производительность"
- База данных больше 3 Гб - предупреждение "исправить в 14 дней".
- CheckSpelling не работает, ради безопасности
- php.ini можно редактировать
ipage.com
- ?
godaddy.com
- ограничения, ловушки с доп. оплатой

Выбор, как создавать? Чем?

http://www.mobi-cart.com/pricing.jsp


***

PhoneGap
http://phonegap.com/
- бесплатный open-source фреймворк для создания мобильных приложений
http://ru.wikipedia.org/wiki/PhoneGap
http://freehabr.ru/blog/android/3201.html
- Пишем приложения с PhoneGap (с установки Eclipse и дальше)
http://docs.phonegap.com/
- Official wiki

"...явл. больше инфраструктурой, построенной вокруг Cordova", с возм. платн. поддержки, обучения, пр. сервисов. (WikiPedia).
Apache Cordova is an OpenSource project.

***

Вот пример доски, неплохой:
http://board.gatchina.biz/
Скрипт, видимо, самописный, потому неопознанный. Не продаётся, не скачивается.

*

http://open-classifieds.com/
http://open-classifieds.com/demo/
- Минусы - не вырезать их рекламу, которая занимает весь сайдбар. Да, не удалось вырезать, долго старался. Дизайн не впечатляет.
Установил вот здесь: doska.gatchina.uni.me
Что-то не ндравится.

*

http://wm-scripts.ru/skachat-besplatnyiy-skript-doski-obyavleniy-besplatno-novyiy-skript/
http://doska.wm-scripts.ru/ - демо
- Сайт вызывает подозрения! Нельзя, пожалуй, использовать скрипты, взятые там.
Похоже, что на сайте используется бесплатная доска объявлений, позаимствованная на osclass.org , а в футере - другая информация. Хакнута? Завирусована? Установленное следует, думаю, удалить, базу данных удалить. И загрузить всё снова уже непосредственно с osclass.org - см. ниже.

*

http://osclass.org/
Пока - наилучший из всех, выше- и нижеперечисленных на этой странице.
Есть загрузка фотографий. Вёрстка нормальная. Есть адаптивные темы. Все бесплатные?
Можно отправить понравившееся на e-mail. Можно сортировать по цене, по времени добавления.
Можно установить русский язык, изменить валюту.
Установил, понравилось. Работает исправно.
Валюту добавил. Русский добавил.

Как установить русский язык?
Затруднительно изменить английский язык на русский после установки аутентичного дистрибутива.
Если, скачав файлы русского перевода, пытаться изменить язык сайта и панели управления на русский язык, то всё равно английский не выцарапывается. Что делать? Устанавливать в следующей последовательности...
1. Установить англоязычный дистрибутив.
2. В панели упр-я скачать и установить русификацию.
3. Удалить базу данных со всеми настройками.
4. Создать новую пустую базу данных.
5. Запустить установку заново, выбрав буквально в самом начале русский язык (такая возможность появляется, благодаря тому, что файлы с русским языком были уже загружены на сервер).
Всё уже на русском.

http://forums.osclass.org/
- форумы пользовательские
http://doc.osclass.org/Main_Page
- документация разработчиков.
http://os-class.ru/frm
- форум на русском языке



К панели управления:
my-site.ru/oc-admin/
my-site.ru/oc-admin/index.php?page=login

Вывод vip-объявлений (50р.) в боковой колонке.
См.
http://os-class.ru/frm/threads/vip-%D0%BE%D0%B1%D1%8A%D1%8F%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B2-%D0%B1%D0%BE%D0%BA%D0%BE%D0%B2%D0%BE%D0%BC-%D0%B1%D0%BB%D0%

Не обновляются DNS у провайдера вот уже несколько суток! Что делать?

Прописать сайт в файле hosts по адресу:
C:∖windows∖system32∖drivers∖etc∖

Сначала ip сервера, потом домен.

"Бывают случаи, когда файл hosts не редактируется (изменения в файле не сохраняются, либо файла или даже папки etc нет)".

1. "Файл hosts не сохраняется с изменениями. Решение — копируем файл на рабочий стол. Открываем тот, что на рабочем столе, редактируем, сохраняем. Копируем с рабочего стола в папку etc с заменой файла".

2. "Недостаточно прав для редактирования файла (характерно для Windоws Vista и Windows 7). Решение — нажимаем правой клавишей мыши на файл hosts, выбираем запуск от имени администратора и редактируем файл, после чего сохраняем".

3. "Нет папки etc (характерно для Windows Vista и Windows 7). Решение — в папке C:∖windows∖ есть программа notepad. Находим ее, нажимаем на нее правой клавишей мыши, выбираем запуск от имени администратора (чтобы наверняка хватило прав). Запускается блокнот. В строке меню нажимаем: Файл, Открыть и идем в папку C:∖windows∖system32∖drivers∖etc∖ (при этом папка etc появляется). Заходим в папку etc и открываем файл hosts (если файла hosts там нет, пишем в строке Имя файла: hosts и нажимаем открыть). Открывается файл, редактируем, сохраняем изменения".

***

Другой вариант, использовать Google dns - обновляются, как утверждают, часто.
Инструкция для XP:
http://support.li.ru/google-dns/xp/
Google DNS: 8.8.8.8

1. Лендинг позволит вам протестировать несколько офферов, не меняя ссылок в системах покупки трафика.
2. Лендинг позволяет собирать и накапливать информацию о пользователях, создавая для вас активы, которыми вы сможете пользоваться в дальнейшем.
3. Лендинг позволяет ПОВЫСИТЬ конверт, причем во много раз.

***

PageLines - drag and drop framework for WP.
http://wordpress.org/themes/search.php?q=pagelines

***

Из обсуждения на habrahabr.ru, CMS для лендингов.

http://www.imagecms.net/developers
- CMS (based upon codeigniter) для разр. лендингов.
*
WordPress с кешированием (Super Cache, Total Cache),
*
http://siteorigin.com/page-builder/
- WordPress Page Builder.
Create Responsive Pages Using The Widgets You Know and Love.
*
+ к нему [WordPress Page Builder] ставим компонент Шорткод Ультимейтс [Shortcodes Ultimate] от нашего соотечественника <a href="http://gndev.info">gndev.info</a> и получаем почти законченное решение.

+ плагины.
SuperCache (для простых сайтов)

Своим клиентам делаем лендинги на этой связке. Работают.
...не сверх круто, но зато очень быстро и уж точно супер эффективно.

(Наши все лендинги по услугам
на этой связке сделаны
casepress.org/services/
Ну и составить лендинг уровня Apple
на этой связке можно за 30 минут,
если не сильно выбирать графику
casepress.org/prostaya-prodayushhaya-stranitsa-na-primere-apple/)


***

В header.php:
<link rel="Shortcut Icon" href="<?php echo get_stylesheet_directory_uri(); ?>/icons/favicon.ico" type="image/x-icon" />

(http://wpmegamenu.com/help/)

[ubermenu-search]

- Activate Content Overrides in
UberMenu > Descriptions, Shortcodes, Widgets > Allow Content Overrides

- Add a Custom menu item to your menu

- Set the Navigation Label to 'Search' and the URL to '#'

- Check Disable Text

- Check Disable Link

- Check Align Menu Item to Right Edget (optional)

- Add the shortcode
[ubermenu-search]
to the Content Override textarea

***

Follow the link to read about customization (PHP and CSS).

Взято здесь:
http://habrahabr.ru/post/172999/

Избежать проблем позволит редирект с доменного имени с точкой на доменное имя без точки:

Apache
RewriteCond %{HTTP_HOST} !^domain∖.zone$
RewriteRule ^/?(.*) http://domain.zone/$1 [L,R=301]

Nginx
server {
server_name domain.zone. ;
return 301 $http://domain.zone$request_uri;
}

http://habrahabr.ru/post/163871/#comment_5637749

Чтобы обойти кеширование и в то же время иметь версию в имени файла придумано достаточно изящное решение в .htaccess

# анти-прокси-кэширование стилей
# style.v123.css -> style.css
RewriteRule ^(.*)∖.v[0-9]+∖.css$ $1.css
RewriteRule ^(.*)∖.v[0-9]+∖.js$ $1.js

* * *

Другой вариант противостояния кешированию. В строке подключения css файла, в атрибуте href после имени файла пишем “?v=версия_файла”.
Пример:

<link rel="stylesheet" media="all" href="..css/style.css?v=1" />

Браузер запоминает этот параметр, и проверяет его при каждом посещении сайта. Если версия файла изменится, стили перезагружаются.

P.S.
Кажется, этот метод не работает. Ищем другой.
Вот ещё два решения:
1.
http://charliepark.tumblr.com/post/5998700883/cache-busting-the-wordpress-stylesheet

"So, I just add a timestamp to the end of the CSS file … exactly how Rails (up to 3.1) did.

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>?<?php echo time(); ?>" />
By adding the last part of that string (?<?php echo time(); ?>), it means that the CSS file is fetched new on each pageload."

2.
http://wordpress.stackexchange.com/questions/5116/cache-busting-css-files-other-than-style-css
(Последний метод, внизу, вроде, доступен.)

Store HTML, JavaScript and CSS files so they are safe, available from anywhere, and easy to work on with others. Host and share this content too.
1. Create a new folder in Drive and share it as "Public on the web."
2. Upload your HTML, JS & CSS files to this folder.
3. Open the HTML file & you will see "Preview" button in the toolbar.
4. Share the URL that looks like www.googledrive.com/host/... from the preview window and anyone can view your web page.

http://wordpress.org/support/topic/move-main-sidebar-in-twen ty-twelve

Twenty Twelve, default theme in WP 3.5.
This code moves sidebar to the left.

Child theme CSS.
--

/*-- move sidebar to the left --*/
@media screen and (min-width: 600px) {
.site-content {
float: right;
}
.widget-area {
float: left;
}
}

/* for IE8 and IE7 ----------------*/
.ie .site-content {
float: right;
}
.ie .widget-area {
float: left;
}

Media queries не поддерживаются в IE7, IE8.
Выручают библиотеки:
respond.js (3kb),
css3-mediaqueries.js (16kb).

1. respond.js - быстрая, лаконичная, но поддерживает только min-width и max-width. Для большинства случаев этого достаточно.
2. css3-mediaqueries.js - полузаброшена(?), тормозит.

Сперва разобраться, нужны ли media queries в IE? IE стоят на десктопах с экранами от 1024px.

Toolbox by Ian Stewart ("Automattic") устарела. Вместо неё разработана и используется для создания premium и free тем на wordpress.com тема под названием "_s" (underscores). В теме собрано всё то лучшее, что используется в 80% starter themes.
- better starter styles, including a generic framework for adding your own responsive CSS;
- a script for elegantly handling menus on small screens;
- easy-to-rework sample theme options.
*
Ian Stewart (Feb 14, 2012): "We no longer support IE6 and 7 in new themes".
*
http://underscores.me/
- генератор дистрибутива, изменяет название, где надо, вписывает имя автора и др.

Обсуждение выбора CMS под магазин на habrahabr.ru.
http://habrahabr.ru/company/SECL_GROUP/blog/164005/
"Для меня, как для менеджера проектов, самое главное при выборе движка – не функционал (потому что он у всех примерно одинаковый), а размер сообщества. Буквально вчера прошелся по официальным форумам бесплатных движков интернет-магазинов.

В официальной русской ветке Magento не нашел темы со списком активных разработчиков. Гугл выдал сайт magento-forum. Можете самостоятельность оценить «живость» раздела «Поиск специалистов». И сравнить с соответствующим разделом "Услуги" у OpenCart.

Поэтому мой выбор – OpenCart. Советую всем разработчикам внимательно присмотреться к нему. С поиском заказчиков я думаю проблем не будет".

***

Примеры сайтов:
http://www.toolsonline.ru/
http://vixi.biz/

***

Читать обязательно:
---------------------
http://habrahabr.ru/post/89333/
(включая комментарии)

***
2014_11_27
ocshop.info
http://vk.com/club65930646

Ocshop - Русская (украинская?) сборка "OpenCart".

http://ocshop.biz/
- сравнение OpenCart, OcStore и Ocshop.

***

2014_12_09
См.
http://habrahabr.ru/post/225081/
- хвалят и критикуют OpenCart, см. комментарии также.