Роман

Здесь тоже помогают, если человек показывает свой нерабочий код и просит помочь найти ошибку/исправить, а не НАПИСАТЬ ВСЁ за него.

Собственно, на любом сайте (будь то QA или форум), где обитают программисты, ситуация одинакова:

• Нужна помощь и ты сделал порядка 50%-70% работы? Не вопрос, поможем!
  
• Нужна помощь, но ты ленивая задница, которая хочет всё за просто так? Дуй на fl.ru/freelansim.ru/... (нужное подчеркнуть)
  

Такова природа людей из этой области: любят тех, кто стремится к знаниям, и презирают тех, кто пытается идти по пути наименьшего сопротивления.

Судя по вопросу, ищете легких путей?

WebStorm

Вяленькие какие-то советы.

1.Скачивайте на локалку
2.Лазайете там(сверху там есть в каждом разделе ПОМОЩЬ где се понятным языком описывается и включения выключени показывания некторых опций включите все опции все галочки)
3.Делайте все что только возможно с постами(публикациями) публикуйте /удаляйте редактируйте/делаете разные типы публикации разную дату/меняете шаблоны и смотрите как это выглядит!
4. Страницы(pages) тоже самое!
6.Категории, метки(создания редактирования подктегории все педантично смотрете как выглядит и пробуйете каждую опцию)
5. Виджеты(перемещайте/удаляете/добавляйте все стандартные что есть и смотрете изучайте их и их настройки)!
6. Темы(как изменить тему/редактирование настроек темы/)
7. Меню(подменю с несколькими уровнями вложастями,пункты которые силаются на страницы/пост/страницу постов/внешний ресурс/категория/метку)
8. Настрйоки самого ворпреса.
9.Только после всего этого вы начинайте гуглить детально по настройкам и по опциям по которым вы не разобрались!И к примеру вы хотите сделать определеным образом но не знайете как тоже гуглите!
Вы уже будете лучше 99% которые типо знают ворпрес.

10.Только после того как разобрались со все етим переходите к программированию написания плагинов/тем/виджетов. https://codex.wordpress.org/ +гуглите сами конкретную тему.

Начинать с программирования не зная функционала пользователя из коробки(это очень глупо)!

В идеале должно быть свое API, но в начале можно и без него.

Извините, вам рано, вы просто не понимаете о чем говорите.

1. Нагрузки не меряются в "посетителях", они меряются в rps (reques per second).
2.

супер мега чат со всякими ништяками

это словесный мусор, он ничего не значит. Конкретизируйте.
3.

Типа как чат вконтакте, с фотками и прочими полезными фитчами, т.е. там будут еще страницы пользователей, анкеты, фотографии ...

см. [2]

В VK если мне память не изменяет на 2010 было около 10к серверов, в деньгах это капец много, вы правда готовы подобное потянуть?))

Клиент в идеале должен быть приложением для андроид, и для браузера естественно.

Итого 4 единицы: сервер, андроид приложение, web (public) приложение, админ приложение))

Для начала посмотрите в сторону nodejs, cordova, html5. Буквально через год сформулируете более конкретные вопросы))

К примеру так:
codepen.io/anon/pen/zGLqeG
По уменьшайте ширину мини-браузера.

Принцип следующий:
1. для html задаем font-size (я обычно задаю 62.5%);
2. задаем текстам относительные единицы измерения (rem);
3. в media запросах изменяем font-size только у html.

При 62.5% текст, к примеру, со значением 1.4 rem, тоже самое, если бы мы написали 14px.

Но это не панацея.

мне вот интересно. захожу я и пишу ответ развернуто. через пять минут входит вася пупкин и пишет ответ с моего ответа. автор перечисляет ему деньги. а не мне. ну и нафиг так жить?

Можно сделать так: jsfiddle.net/IonDen/rmoesget

JetBrains Webstorm / Phpstorm - лучшие

issssrt
при таком выделении-заливке не получится адекватных краев, если края не жесткие.

Более адекватный способ перекрашивания одноцветных (особенно черных и белых) картинок следующий - двойной клик по слою (он не должен быть залочен/фоном), Color overlay и выбирается нужный цвет.

Если картинка с градиентом в пределах насыщенности/яркости одного цета, то можно попробовать использовать blend mode не normal, а hue или мб color, но с градиентом, например, черный/белый получится, скорее всего, некорректно и, возможно, лучше было бы использовать в таком случае не Color overlay, а вручную настроенный Gradient overlay (не помню есть ли он в 6-м фш, но в сс точно есть).
В общем, наша одноцветна картинка спокойно перекрашивается точно в нужный цвет без танцев с бубном.

Еще в отдельных случаях может помочь Color replacement tool (он в одной группе с кистью и карандашом) или Image > Adjustments > Replace color.

В общем, надо смотреть какой способ подходит для того или иного случая.

Валерий Рябошапко правильно написал, надо анализировать весь код.
Дополнительно проверь сайт плагином TAC - это плагин, который находит вредоносный код на вашем сайте и скрытые ссылки.
И было бы неплохо проверить через AI-Bolit — это бесплатный сканер вирусов, хакерских шеллов, бэкдоров, спам-рассыльщиков и других вредоносных скриптов на хостинге.

В первую очередь делаю сброс css-стилей.
Затем делаю вёрстку общих блоков - просто структура из div'ов с нужными ширинами, высотами согласно макету, залитых разными цветами. Стараюсь все div'ы(когда что-то в строчку) делать inline-block'ами. Получается цветная такая структура будущего сайта. Каркас готов.


Начинаю углубляться в каждый блок - располагать в нём нужные элементы. В зависимости от сложности их расположения делаю какие-то блоки position:relative, но чаще всего всё упирается просто в отступы.

Как вы пишыте на php

Жи и Ши мы пишем через "и"