Рубрики
Управление продуктом

Контрольный список запуска мобильного продукта

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

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

Наслаждайтесь!

Контрольный список запуска мобильного продукта
Контрольный список запуска мобильного продукта
Рубрики
Design

MusicBeat Musicians & DJ’s Music Band Html Template

Music Beat is an html template specially designed for Bands and music websites. t’s easy to use, easy to customize and most importantly – Theme is fully Responsive Design, Easy to changeable Color skins with custom Colors.

Music Beat is Compatible with all browsers. Indented source Code well formatted and commented to edit this template. This template comes with light and dark skins also have lot features , Albums Player, Albums Listing, Video Album Play List , Music Audio Playlist , Event Styles, Gallery Styles , Artist Styles, Blogs styles and more you don’t need to search for any other music band template your search will finished Music beat is perfect template for you.

Music Beat

Designs ByThe template comes with 45+ HTML pages built using Bootstrap 3.

  • HTML5 and CSS3
  • Bootstrap 3
  • Grid System and Responsive Design
  • Touch Swipe Support
  • Blog Pages
  • Events Pages
  • Album Pages
  • Team Pages
  • Shop Pages
  • Gallery pages
  • About Page
  • Services
  • 404 Not Found Page
  • News Letter Subscription Page
  • Search Result Page
  • Frequently Asked Question
  • Under Construction Landing Pages
  • Short codes
  • Accordion
  • Toggle
  • tabs
  • Button
  • List
  • table
  • Form
  • Headings
  • Block Quote
  • Drop cap
  • Tool tip
  • Highlights
  • Emphasis
  • Message Alerts
  • Paragraph With Link
  • Order List
  • Unoder List
  • Dark & Light Versions
  • SEO Optimized
  • Google Fonts Support
  • Silk Slider
  • Premium resources
  • Contact Form
  • Responsive Pricing Tables
  • Responsive Sorting Gallery
  • Bootstrap Components Compatible
  • Twitter & Flickr Feeds
  • Instagram Feeds
  • All files are well commented and organized
  • Cross browser Compatible
Рубрики
Design

FLATPACK — Multipurpose Unbounce Pack

Why To Buy FLATPACK Unbounce Pack?

FLATPACK – Multipurpose Unbounce Pack:

“FLATPACK” is the BIGGEST Unbounce Pack ever made on Themeforest, includes+19 TOTALLY DIFFERENT Landing Pages Layouts with lots of features, clean & modern design, 19 Unbounce Files included, you can make an awesome landing page for your project in minutes with a Form.
Plus we have included 13 High quality exclusive PSD Mock-ups.

Template Features :

  • Drag and Drop section builder
  • Fully Responsive Unbounce Templates.
  • 19 Files included.
  • Parallax effect.
  • Great support.
  • +13 Exclusive PSD Mock-Ups.
  • Placeholders for images.
  • Documentation included.This is an unbounce template, which works ONLY with unbounce.com, no HTML files included

    What our awesome clients say about FLATPACK:









    Need Support :

    We will be happy to help you if you have any question about our products, all support is handled via e-mail, send your email from our profile contact form to verify your purchase ( Go to profile )

    *Note: some images in the preview are not included in download file.

    The FLATPACK HTML5 Version is Available (SAVE $200+):

     

    Version 3.0 – February 14, 2016

    * +3 New Landing Pages Templates.
    * Made All Templates Fully Responsive.
    

    Version 2.0 – October 9, 2014

    * +4 New Landing Pages Templates.
    * +3 New PSD Mockups.
    

    Version 1.0 – September 14, 2014

    * Initial release
    
Рубрики
Design

6000+ graphic design assets. Plus email, admin and website templates!

Рубрики
Разное

Archi — Interior Design WordPress Theme

Archi – Interior Design WordPress Theme – current version 2.6.8 available for download!

Archi specially made for Interior Design services, Dining Room, Exterior Design, Kitchen Design, Living Room Design, Master Bedroom Design, Residential Design, Furniture Design, Office Design, Commercial Design, Hospital Design, Cottage, Architecture, contractor, construction, building, Construction & Business etc… . Archi help you to build beauty and modern website in no time. Archi has beauty design and bunch of features to make your website stand out of crowd. Powered by WordPress. Get Archi WordPress Theme now!

Archi - Interior Design WordPress Theme

Archi - Interior Design WordPress Theme is made for Interior Design services, Dining Room, Exterior Design, Kitchen Design, Living Room Design, Master Bedroom Design, Cottage

Our theme include all features that you need

  • Work on WordPress 4.6+
  • 12 Home Pages Versions
  • 4 Landing Pages Versions
  • 4 Comming Soon Versions
  • Dark And Light Version
  • OnePage and MultiPage include.
  • New Design and New Homepage with header bottom
  • Side Navigation Dark version
  • Side Navigation Light version
  • Visual Composer Drop & Drag page buider with 20+ custom web element (34$)
  • Revolution Slider for create unlimited sliders (19$)
  • Theme Options with Reduxframework
  • Woocommerce Integrated
  • Unlimited Color Styles. Create your custom color scheme with only a few clicks!
  • Import demo content with just one click Watch Video Guide
  • Solid and transparent header options
  • Translation-ready using provided PO file
  • Multilingual Compatible with plugin WPML
  • Retina Icons (Font Awesome)
  • Isotope filterable gallery
  • Animated elements on scroll
  • Parallax background
  • HTML 5 video background
  • Integrated with FontAwesome and ElegantFont
  • Isotope filterable gallery
  • Lightweight page loader (for project details page)
  • OWL Carousel Slider
  • Fully Responsive
  • 600+ Google Web Fonts
  • Super SEO Friendly (Schema.org integrated, Semantic Light HTML5 Structure, Speed Optimized)
  • 404 Page
  • Post format support
  • Blog Pages & Single Blog Pages
  • Portfolio Layouts : 2 Columns, 3 Columns, 4 Columns, 5 Columns, 6 Columns.
  • 2 Different Portfolio Style : no padding and boxed (have padding)
  • New added Projects layout style 2 with title, category below image Check here
  • Gmap Dark version Check here
  • Gmap Light version Check here
  • Accordions, Tabs
  • 100% Responsive with Bootstrap 3.X
  • Cross Browser
  • Support contact form 7
  • Child Theme Ready
  • iPad and iPhone compatible
  • Very Clearly Documentation (Step by Step)

Real examples of websites powered by Archi – Interior Design WordPress Theme

Below, you can check out a few examples of all that is possible with the help of Archi – Interior Design WordPress Theme. See what it could do for you!

Thank-you for your interest in Our WordPress Theme, OceanThemes

Changelog Archi – Interior Design WordPress Theme

15/8/2016 – Version 2.6.8

- New Added : homepage with header bottom
- New Added : elements OT Home Text Static, OT Portfolio Filter 3, etc...
- Updated : demo-content.xml, one-click-import-demo plugin.
- Files updated : sample-config.php, functions.php, vc_row.php, shortcode.php, vc_shortcode.php, header.php, designesia.js, style.css, plugin.css, etc...

04/07/2016 – Version 2.6.6

- Fixed Google map not work in element "OT Google Map" and it's work fine in version 2.6.6.
- Files edit : shortcode.php, color.php, style.css, etc...

29/06/2016 – Version 2.6.5

- Update Revolution Slider latest version 5.2.6
- New added option crop image thumbnail with your size in elements : OT Portfolio Filter, OT Portfolio Style, OT Portfolio Gallery, OT Portfolio Category, etc...
- Fixed background sub-header image on single project not work.
- Files edit : shortcode.php, vc_shortcode.php, single-portfolio.php, light.css, etc...

25/06/2016 – Version 2.6.4

- New Added option on/off mobile sticky header (Find in Archi Options -> Miscellaneous Settings -> Mobile Header Sticky On?)
- New Added element "OT Image Carousel"  for use on project popup lightbox
- New added services list (New all services page) - Shodertcode element "service list" 
- New added side navigation revolution slider
- Update one-click-import-demo.zip plugin in folder plugins and online source.
- Update revolution slider demo files in folder :
+ data_export/side-navigation-dark/Revolution Slider Demo Files/side-navigation-home-slider.zip 
+ data_export/side-navigation-light/Revolution Slider Demo Files/side-navigation-home-slider.zip
- Fixed bug missing image in half row on mobile.
- Remove folder plugins in folder theme : archi/framework/
- Install all plugin required from online source.
- Files edit : style.css, functions.php, shortcode.php, vc_shortcode.php, designesia.js, etc...

22/06/2016 – Version 2.6.2

- New added Homepage Minimal.
- Update theme compatible with WooCommerce version 2.6.1
- Update plugin one click import demo content
- Edit some files : sample-config.php, style.css, functions.php, vc_row.php, woocommerce/content-product.php, shortcode.php, vc_shortcode.php

16/06/2016 – Version 2.6.1

- Update Visual Composer latest version 4.12
- Update Revolution Slider latest version 5.2.5.4
- Update Theme compatible with WooCommerce version 2.6.0
- Edit some files : row.php, style.css, functions.php, woocommerce/content-product.php

30/05/2016 – Version 2.6

- New added new Homepage.
- New added new slider demo file in folder data_export/archi-dark/Revolution Slider Demo Files/new-home-slider.zip
- Update plugin one click import demo content
- Update theme compatible with WooCommerce version 2.5.5
- Edit some files : sample-config.php, style.css, functions.php, header*.php

18/05/2016 – Version 2.5.5

- Update Font Awesome 4.6.3
- Update Revolution Slider latest version 5.2.5.1
- Fixed bug : change footer background color.
- New added option on/off sub-page (sub-page have : title page, breadcrumb)
- Remove folder "ReduxFramework" in folder Archi theme from version 2.5.5
- Require install "ReduxFramework" plugin from version 2.5.5
- Edit some files : color.php, sample-config.php, style.css, all files.

03/05/2016 – Version 2.5.4

- Update Font Awesome 4.6.1
- Improve style button back to top
- New added option select header style : dark or light or overlay
- Edit some files : functions.php, header*.php , footer*.php, style.css

20/04/2016 – Version 2.5.3.3

- Update Visual Composer latest version 4.11.2.1
- Update Revolution Slider latest version 5.2.5
- Fixed bug : add css code in "Styling Options" work now.

14/04/2016 – Version 2.5.3.2

- Update Revolution Slider latest version 5.2.4.1
- Update Visual Composer latest version 4.11.2
- Update Theme compatible with WordPress 4.5

08/04/2016 – Version 2.5.3.1

- Improve side navigation look good like as demo site.
- Edit Shortcode Element Gmap can be select dark version or light version
- Update plugin one click import demo content

06/04/2016 – Version 2.5.3

- Update Revolution Slider latest version 5.2.4 (Find in folder plugins)
- Update Visual Composer latest version 4.11.1 (Find in folder plugins)
- Update theme compatible with WooCommerce latest Version 2.5.5
- New added Side Navigation Light version.
- New added Projects layout style 2 with title, category below image.
- New added demo content  for Side Navigation Light in folder data_export
- Update Plugin OT One Click Import Demo Content (Find in folder plugins)

15/03/2016 – Version 2.5.2

- Update Revolution Slider latest version 5.2.1
- Update Visual Composer latest version 4.11
- Fixed menu item overlap on breadcrumb sub-header of all page.
- Improve button next, previous on revolution slider
- Fixed image size use add_image_size function of wordpress, 
remove crop image by bfi_thumb (url image not good for SEO and not support plugin optimize image.), 
But all is good now : optimize image by plugin, url friendly for image, image alt, image title. 
- Add new image next, previous revolution slider in folder archi/images
- Files update functions.php, shortcode.php, archive-portfolio.php, archive-service.php, 
taxonomy-categories.php, archi/css/rev-settings.css

15/02/2016 – Version 2.5.1.4

- Update Visual Composer latest version 4.10
- Update include file translate for Our All plugins : OT Portfolios, OT Process, OT Testimonials, 
OT Slider Text, OT Services.
- Fixed some bugs in file : functions.php, shortcode.php
- New Added : Portfolio Style 2 (OT Portfolio Filter 2)

29/01/2016 – Version 2.5.1

- Update Woocommerce latest version 2.5.1
- New added options on element OT Portfolio: 5 columns, 6 columns.
- Files update : shortcode.php, vc_shortcode.php, style.css, sample-config.php, archive-portfolio.php, 
taxonomy-categories.php, some files in folder Archi/woocommerce/
- Update demo content files (plugin one-click-import-demo-content and demo-content.xml in folder data-export)

19/01/2016 – Version 2.5

- Update Visual Composer latest version 4.9.2
- Added new element: OT Testimonial Grid, OT Services Grid
- Files edit : functions.php, shortcode.php, vc_shortcode.php, header-sidenav.css, designesia.js
- Update for use element default of visual composer : Masonry Media Grid, Media Grid, Post Grid, 
Post Masonry Grid

28/12/2015 – Version 2.4

- Update Visual Composer latest version 4.9.1
- Update Revolution Slider latest version 5.1.5
- Added new layout header side navigation
- Update all demo content 
- Added Option for show portfolio by load ajax content or link to single portfolio page in theme option
- Added option for header normal or side navigation in theme option
- Update document guide
- Files update : functions.php, header.php, header-onepage.php, header-landing.php, footer.php, footer-landing.php, designesia.js, sample-config.php

17/12/2015 – Version 2.3.1

- Fixed small bug in file vc_column.php

15/12/2015 – Version 2.3

- Update font-awesome latest version 4.5.0
- Update Visual Composer latest version 4.9
- Update files compatible with Visual Composer latest version 4.9 : 
  + vc_column.php, vc_row.php
  + style.css, light.css, woocommerce.css
- Update theme compatible with WordPress latest version 4.4

10/11/2015 – Version 2.2

- New added top bar on header and you can show : email, hotline, work hours, social network icons.
- New added popup on gallery with video vimeo and video youtube.
- Files update : style.css, color.php, shortcode.php, custom-metaboxs.php, sample-config.php, etc...
- Update Visual Composer latest version 4.8.1

04/11/2015 – Version 2.0

- New added projects 2 and 3 columns
- New added gallery 2,3 and 4 columns
- New added element portfolio category to show portfolio by special category.
- Improved testimonial carousel for mobile
- Fixed content show before preloader
- Update Visual Composer latest version 4.8.0.1
- Update Revolution Slider latest version 5.1
- Files update : style.css, color.php, shortcode.php, vc_shortcode.php, etc...
- Update demo content files.

20/10/2015 – Version 1.8

- Added two diffirent landing pages.
- Added button back to top
- Update demo content.
- Added background image for sub header each service page.
- Files update : style.css, color.php, shortcode.php, vc_shortcode.php, etc...
- Update files translate : .PO & .MO

06/10/2015 – Version 1.0.2

- Update Visual Composer latest version 4.7.4

28/09/2015 – Version 1.0.1

- Update demo content.
- Update archi child theme.
- Pricing Table added.
- Files update : style.css, color.php, shortcode.php, vc_shortcode.php, etc...

14/09/2015 – Version 1.0

* First release
Рубрики
Инструменты

SEO инструменты

Анализ структуры и внутренней оптимизации

— Xenu Link Sleuth [Бесплатный]
Внутренний анализ сайта. Получение параметров страниц сайта с возможностью сортировки отчета по каждому из параметров.

— PageWeight [Частично бесплатный]
Русскоязычный сервис для анализа перелинковки. Имеет возможность узнать условный вес страницы, в зависимости от ссылочного графа.

— Screaming Frog [Частично бесплатная]
Расширенный аналог Xenu. Упрощает проведение анализа внутренней оптимизации и технического анализа сайта.

— Web Developer Toolbar [Бесплатный]
Плагин для Firefox (Chrome), расширяющий возможности разработчика. Позволяет смотреть на сайт глазами робота и быстро находить другую информацию.

 

Поиск и обработка информации

— Google AnalyticsЯндекс.Метрика [Бесплатные]
Сбор данных о посетителях, ключевых словах, источниках посещения и других.— Яндекс WordstatGoogle AdWords Keyword Tool [Бесплатные]
Сервисы подбора и анализа популярности ключевых фраз.— KeyCollector [Платный]
Десктопная программа (Windows) с широким функционалом – от сбора семантики до анализа ключевых слов и съема позиций.— FastKeywords [Бесплатный]
Подбор ключевых фраз по заданным словам с возможностью поиска по маске.

 

Анализ внешних ссылок

— Ahrefs [Платный]
Сервис для анализа ссылочного профиля сайта. Много данных по разным сегментам.

— Open Site Explorer [Платный]
Аналогичный сервис для анализа обратных ссылок. Считает ранг и авторитет страниц (в том числе доноров) по собственному алгоритму.

— MajesticSEO [Платный]
Аналогичный сервис для анализа ссылоных профилей с большой базой. Дает возможность смотреть ссылочную историю.

— Solomono [Условно бесплатный]
Русскоязычный сервис для анализа беклинков. Имеет ряд недостатков.

 

Мониторинг позиций

— SeoLib [Условно бесплатный]
Сервис для разностороннего анализа сайта. Позволяет по расписанию снимать позиции в выбранных поисковых системах и сохранять отчеты.

— Allpositions [Условно бесплатный]
Сервис для мониторинга и анализа позиций сайта.

— SeoBudget [Условно бесплатный]
Набор инструментов для оптимизаторов, в том числе определение позиций сайта.

— Semonitor [Платный]
Десктопный набор инструментов для оптимизаторов, в том числе определение позиций сайтов.

— SEO Rate [Платный]
Сервис анализа видимости сайта в поисковых системах от “Ашманов и Партнеры”.

 

Анализ конкурентов

— Alexa [Бесплатный]
Позволяет оценивать трафик сайтов-конкурентов и некоторые характеристики этого трафика.

— SemRush [Платный]
Анализ конкурентов, получение фраз, по которым видны сайты в поиске. Больше подходит для анализа контекстной рекламы, а также имеет небольшую русскоязычную базу.

— Advse [Платный]
Поиск конкурентов по контекстной рекламе и их ключевых слов.

— SpyWords [Платный]
Анализ конкурентов контекстной рекламы (только Яндекс.Москва).

Технический аудит и анализ метрик сайта

— Yazzle [Платный]
Десктопный софт для оптимизаторов. Снимает ряд метрик по анализируемым сайтам и ссылочным донорам.

— PR-CY [Бесплатный]
Набор инструментов для проведения анализа сайта.

— Rooletka [Платный]
Анализатор от Rookee. Позволяет провести технический аудит и снять ряд метрик сайта.

— Определяйка [Бесплатный]
Съём различных параметров сайта в десктопном Windows-приложении.

— RDS bar [Частично бесплатный]
Плагин к браузеру для быстрого анализа страниц.

— Site Auditor [Бесплатный]
Десктопное приложение для проведения экспресс-анализа сайта.

— SEO Power Suit [Платный]
Набор разнообразных программ оптимизатора. В том числе для анализа метрик контента.

— Siteliner — инструмент для seo-анализа сайта. Поиск дублирующегося контента, неработающих ссылок и многое другое.

 

Анализаторы апдейтов

— Promosite [Бесплатный]
Анализатор апдейтов от Е.Трофименко. Показывает разные типы изменений с подробной информацией.

— SeoLib [Бесплатный]
Анализатор апдейтов. Показывает изменения выдачи Яндекса и Google. Есть возможность подписаться на уведомления об апдейтах по SMS.

Многие из перечисленных инструментов мне приходится использовать каждый день.
А какими инструментами для seo-аналитики пользуетесь вы? Что скажете о перечисленных сервисах?

Рубрики
OS

Комманды для мониторинга системы

  • iotop
  • atop -dD
  • vmstat 1
  • iostat 1
  • lsof
  • strace -e trace=open <application>
  • strace -e trace=open -p <pid>
  • nmon – утилита с GUI интерфейсом для мониторинга CPU, memory, disk i/0 и других атрибутов
  • hdparm -t -T /dev/sda1 – дисковая производительность
  • stat -f / – количество занятых/свободных блоков/инодов
  • iostat -m -x sda 2 6 – смотрим загрузку указанного диска (пакет sysstat)
  • vmstat -S M 2 50 – смотрим статистику/потребление по ресурсам
  • free -m (колонка cache – память занятая под кэш ФС)
  • cat /proc/meminfo — информация об оперативной памяти
  • cat /proc/cpuinfo — информация о процессоре
  • cat /proc/interrupts – кто генерит больше прерываний
  • cat /proc/net/dev – передано через интерфейс в байтах
  • cat /proc/sys/fs/file-max – макс. допустимое количество откр. файлов (sysctl -w fs.file-max=”16384″)
  • cat /proc/sys/fs/file-nr
  • nload – графический мониторинг трафика
  • nettop – графический мониторинг трафика по интерфейсам и службам
  • bmon – графический мониторинг загрузки интерфейсов
  • iftop – графический мониторинг загрузки интерфейсов
  • tcptrack – графический мониторинг загрузки интерфейсов
  • lsof -i TCP:80 – определяет какое приложение использует данный порт
  • fdisk -l – информация о дисках и разделах
  • top, 1 – распределение нагрузки по ядрам
  • netstat -s # статистика по сети. Например, netstat -s |grep establish текущее количество установленных соединений
  • ethtool eth0 # информация о режимах работы поддерживаемых сетевой картой, о текущих режимах и параметрах
  • sensors — показывает температуру процессора (должен быть установлен пакет lm-sensors)
  • hddtemp /dev/sda — показывается температуру жесткого диска
  • acpi -v — показывает температуру и дополнительную информацию о кулерах и т.д. (должен быть утсановлен пакет acpi)
Рубрики
OS

Apache, nginx

Защита Apache2 от аттак

apt-get install libapache2-mod-evasive

Apache2 — перезапуск без разрывов солединений

/etc/init.d/apache2 graceful

Скрываем начинку веб-сервера от глаз

ServerSignature Off
ServerTokens Prod
expose_php = Off
display_errors = Off

Генератор файлов конфигураций для Apache2, Nginx

run.sh — Скрипт для запуска создания файлов и перезапуска Nginx, Apache2:

#!/bin/sh
cd /home/admin/www/_default/
php /home/admin/www/_default/conf.php
/etc/init.d/nginx restart
/etc/init.d/apache2 restart
echo "The end"

domains.txt — список доменов:

домен1.ru
домен2.ru
домен3.ru

conf.php — Генератор конфигов на PHP:

 $domains = explode("\n", file_get_contents("domains.txt"));

$tmpl_apache='

ServerAdmin webmaster@localhost

ServerName _host_
ServerAlias www._host_
AssignUserId admin www-data

DocumentRoot /home/admin/www/_host_/
Options Indexes FollowSymLinks All MultiViews
AllowOverride All

ErrorLog /home/admin/logs/_host_-error_log
';

$tmpl_nginx = '

server {
listen 80;
server_name ##domain## ##domain_aliases##;

location /block.png
{
gzip off;
default_type image/png;
root /home/##user##/www/##domain##;
}

location ~* ^.+\.(swf|xml|jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|doc|xls|exe|pdf|ppt|txt|tar|wav|bmp|rtf|js|ods|arj|htc|avi|mpg|mp3|mid)$ {
valid_referers none blocked server_names ~\.google\. images.yandex.ru;
if ($invalid_referer)
{
return 404;
#rewrite /(.*)\.(gif|jpg|jpeg|png)$ / break;
#rewrite ^(.*)$ /block.png break;
}

root /home/##user##/www/##domain##;

}
location ~ \.flv$ {
root /home/##user##/www/##domain##;
flv;
}

location / {
proxy_pass http://127.0.0.1:81;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Accel-Internal /internal_xxx;
proxy_set_header Host $http_host;
proxy_redirect http://##domain##:81/ /;
}

location ~ /\.htp { deny all; }
location ~ /\.hta { deny all; }
location ~ /\.svn { deny all; }
location /stub_status { stub_status on; access_log off;}
}

';

foreach($domains as $d)
{
if(strlen($d)>3)
{
$d = strtolower(trim($d));
$path = "/home/admin/www/".$d."/";
if(!file_exists($path))mkdir($path, 0755);

$domain_aliases = "www.".$d;
$user="admin";
//##domain## ##domain_aliases##
$s = str_replace("_host_",$d,$tmpl_apache);
$n = str_replace("##user##",$user,$tmpl_nginx);
$n = str_replace("##domain##",$d,$n);
$n = str_replace("##domain_aliases##",$domain_aliases,$n);

//echo $s;
$app_conf.=$s;
$nginx_conf.=$n;
}
}

echo file_put_contents("../apache_sites.conf", $app_conf);
echo file_put_contents("../nginx_sites.conf", $nginx_conf);
echo "ok";

apache2 — Запуск виртуальных хостов от разных учетных записей

Ситуация: У вас сервер. Вы предоставляете хостинг для своих друзей. У них отдельные SSH/FTP аккаунты. Необходимо разграничить доступ на уровне apache. По сути, нужно, что бы Apache запускался для каждого пользователя под своим логином.

Есть решения основанные на CGI, но я предпочитаю использовать модуль apache2-mpm-itk.

Установка apache2-mpm-itk может удалить apache2 и apache2-mpm-prefork

Устанавливаем:

$ sudo apt-get install apache2-mpm-itk

Далее, прописываем к каждому виртуальному хосту следующее:

<IfModule mpm_itk_module>
AssignUserId USER GROUP
</IfModule>

Если для виртуального хоста не будет указана эта директива, то сайт будет работает от стандартного пользователя, который установлен к файле настроек apache2 (Обычно www-data или apache2 или httpd).

Далее, необходимо установить права владения файлов у виртуальных хостов:

$sudo chownMYUSER:MYGROUP /var/www/my-virtualhost/ -R

Активировать этот модуль через a2enmod НЕ нужно.

Перезапускаем Apache2:

$ sudo /etc/init.d/apache2 reload
Рубрики
OS

Linux команды и скрипты

Разное

Запуск скрипта каждые 1,5, 10 или 30 секунд

#!/bin/sh 
while true; do 
ls -al >> /home/user/dir.list
sleep 10 
done

Очистить конфиг файл от комментариев

cat squid.conf.orig | egrep "^[^#]" > squid.conf

Скрипт меняет кодировку всех файлов в текущей директории с cp1251 на UTF-8:

#/bin/sh
dir=.

for i in $dir/*
	     do
		if [ -f $i ]
		   then
		       cp $i $i.utf
                       iconv -f cp1251 -t utf-8 $i -o $i.utf
		       mv $i.utf $i
		fi
	     done

Скрипт меняет строку charset=windows-1251 на charset=UTF-8 в каждом файле текущей директории:

#bin/sh
dir=.

for i in $dir/*
	     do
		if [ -f $i ]
		   then
                       cp $i $i.ed
                       sed 's/charset=windows-1251/charset=UTF-8/g' $i > $i.ed
		       mv $i.ed $i
		fi
	     done

Очищаем все файлы в каталоге и подкаталогах:

#!/bin/bash
path='/var/garbage'
for i in `ls $path`;do
    if [ ! -d $path$i ] ;then
    echo '' > $path$i;
    fi
    if [ -d $path$i ];then
        for s in `ls $path$i`;do
        echo '' > $path$i'/'$s;
        done
    fi
done

Посчитать количество файлов в каталогах из $PATH и вывести на экран, отсортировав по количеству файлов:

#!/bin/bash
LANG=C
for i in `echo $PATH | sed -n s/\:/\ /gp`; do
  echo -ne "$i:\t"; ls -1R $i/ 2>/dev/null | grep -vE 'total|^$|\:$' | wc -l;
done | sort -k 2nr

Скрипт для подбора кодировки текстового файла:

#!/bin/sh
ENC=KOI8-R           # в какую кодировку переводить
FILE=/tmp/file.txt   # файл
for i in `iconv -l | sed -e 1,5d -e 's/\/\///g'`; do
    echo -e "\n\n-----\n$i\n-----\n";
    iconv -c -f $i -t $ENC $FILE
    read;
done

Показать 5 ip-адресов, с которых установлено больше всего коннектов на 25-й порт на сервер.

Вместо 1.2.3.4 подставьте ваш ip-адрес. Полезно для вылавливания спамеров.

netstat -antp|grep  "1.2.3.4:25" |awk '{a=$5;split (a,b,":");g[b[1]]++}END{for (h in g) print g[h]" "h}'|sort -n|tail -5

Скрипт для очистки очереди Qmail от спама.

Путь /var/qmail/ при необходимости заменяем на свой путь к qmail-у.

Длинную строчку find … при необходимости модифицируем, с учётом специфики спама на вашем сервере

#!/bin/bash

TS=`date +%d.%m.%Y.%s`

find /var/qmail/queue/mess/ -type f -exec grep -lEi 'failure notice|ssbhomes.com|Unknown Recipient|WATCHDOG|nlarge your|Returned mail|The Best For Your Health|Hot Se with Viagra|Pharmacy for Everyone|Delivery Status Notification|failure notice|Mailer-daemon@|herbal|agra|ialis|vitra|porn|xgenconsulting.com|postmaster@|penis|Home Depot gift card|Your Loan Pre-Approval|Your Mortgage Pre-Approval|Happy NW|Time to make it bigger!|Do away with everything you are indebted for without paying an other cent|Size, Does It Really Matter!?!|Make it larger!|Hey MAN!|Ink & Toner - 2007 Bonanza Super Sale|Time to make it larger NOW!'  {} \; >> /tmp/76K_q.${TS}

/var/qmail/bin/qmail-qstat
/etc/init.d/qmail stop
sleep 5
/etc/init.d/qmail stop
sleep 5

cat /tmp/76K_q.${TS} | while read fn
do
        rm -f -- ${fn}
        echo ${fn} | sed "s/mess/local/g" | xargs rm -f --
        echo ${fn} | sed "s/mess/remote/g" | xargs rm -f --
        echo ${fn} | sed "s/mess/info/g" | xargs rm -f --
        echo ${fn} | sed "s/mess/todo/g" | xargs rm -f --
        short_fn=`echo ${fn} | sed 's#^.*/##'`
        rm -f -- /var/qmail/queue/bounce/${short_fn} /var/qmail/queue/intd/${short_fn} /var/qmail/queue/todo/${short_fn}
        echo ${fn}
done

/etc/init.d/qmail start
/var/qmail/bin/qmail-qstat

Простой и короткий, но полезный скрипт, меняющий в директории и всех поддиректориях права доступа к файлам в зависимости от их расширения.

В данном примере файлы с расширением php и tcl получат права доступа 755, а все остальные — 655.

#!/bin/bash
find . -name \*.* -exec chmod 655 {} \;
find . -name \*.php -exec chmod 755 {} \;
find . -name \*.tcl -exec chmod 755 {} \;

Создание backup’ов

#!/bin/sh

# Описываем базовые директории
BACKUP="/srv/backup/"
TEMP="/srv/backup/temp" #Папка удаляется после выполнения скрипта !
PREFIX=`hostname -s`_`date +%d.%m.%y-%H:%M`

# Описываем папки backupов
    # Файлы системы
    ETC="$TEMP/etc/"

    # Файлы сервера
    WWW="$TEMP/www/"
    VMAIL="$TEMP/vmail/"
    MYSQL="$TEMP/mysql/"

# Создаем необходимые папки
mkdir $TEMP
#mkdir $ETC
mkdir $WWW
mkdir $VMAIL
mkdir $MYSQL

# Копируем файлы в созданые папки
#cp -r /etc/ $ETC
#cp -r /srv/www/www.YourDomain.ru/ $WWW
#cp -r /srv/www/mail.YourDomain.ru/ $WWW
#cp -r /srv/www/workflow.YourDomain.ru/ $WWW
#cp -r /srv/vmail/* $VMAIL

# Бэкапим mysql базы
mysqldump --user=backup --host=localhost --password=YourPassword mail > $MYSQL/mail.sql
mysqldump --user=backup --host=localhost --password=YourPassword webmail > $MYSQL/webmail.sql

# Переходим в каталог с копиями
cd $TEMP

# Создаем архив
tar -czvf /srv/backup/data/$PREFIX.tar.gz *

# Очищаем папку temp
rm -rf $TEMP

Еще один вариант:

#!/bin/sh

    PROJNAME="mail"
    DBNAME="mail" #Имя базы данных для резервного копирования
    DBFILENAME="mail" #Имя дампа базы данных
    ARFILENAME="mail" #Имя архива с файлами
    HOST="localhost" #Хост MySQL
    USER="mail" #Имя пользователя базы данных
    PASSWD="123" #Пароль от базы данных
    DATADIR="/home/mail/back/" #Путь к каталогу где будут храниться резервные копии
    SRCFILES="/home/mail/file/" #Путь к каталогу файлов для архивирования
    PREFIX= `date +%F` #Префикс по дате для структурирования резервных копий

#start backup
echo "[--------------------------------[`date +%F--%H-%M`]--------------------------------]"
echo "[----------][`date +%F--%H-%M`] Run the backup script..."
mkdir $DATADIR/$PREFIX 2> /dev/null
echo "[++--------][`date +%F--%H-%M`] Generate a database backup..."

#MySQL dump
mysqldump --user=$USER --host=$HOST --password=$PASSWD $DBNAME > $DATADIR/$PREFIX/$DBFILENAME-`date +%F--%H-%M`.sql

if [[ $? -gt 0 ]];then
echo "[++--------][`date +%F--%H-%M`] Aborted. Generate database backup failed."
exit 1

fi
echo "[++++------][`date +%F--%H-%M`] Backup database [$DBNAME] - successfull."
echo "[++++++----][`date +%F--%H-%M`] Copy the source code project [$PROJNAME]..."

#Src dump
tar -czpf $DATADIR/$PREFIX/$ARFILENAME-`date +%F--%H-%M`.tar.gz $SRCFILES 2> /dev/null
if [[ $? -gt 0 ]];then
echo "[++++++----][`date +%F--%H-%M`] Aborted. Copying the source code failed."
exit 1

fi
echo "[++++++++--][`date +%F--%H-%M`] Copy the source code project [$PROJNAME] successfull."
echo "[+++++++++-][`date +%F--%H-%M`] Stat datadir space (USED): `du -h $DATADIR | tail -n1`"
echo "[+++++++++-][`date +%F--%H-%M`] Free HDD space: `df -h /home|tail -n1|awk '{print $4}'`"
echo "[++++++++++][`date +%F--%H-%M`] All operations completed successfully!"
exit 0

Скрипт, меняющий кодировку с файле.

#!/bin/sh
# Получаем имя исходного файла
SRCFILENAME=`zenity --title="Выберите исходный файл" --file-selection`

# Если имя файла не пустое идём дальше
if (test ${SRCFILENAME}1 != "1") then

    # Получаем имя конечного файла
    DSTFILENAME=`zenity --title="Выберите конечный файл" --file-selection --save`

    # Если имя файла не пустое идём дальше
    if (test ${DSTFILENAME}1 != "1") then

        # Если конечный и начальный файл один и тот же -
        # Завершаем скрипт с сообщением об ошибке
        if (test ${SRCFILENAME} = ${DSTFILENAME}) then
            zenity --error --text="Нельзя перекодировать файл сам в себя!" --title="Ошибка"
            exit 1
        fi

        # Получаем список доступных кодировок
        ENCODINGLIST=`iconv -l | sed 's/\/\///'| awk '{ print $1 " " $1}'|sort`

        # Запрашиваем кодировку исходного файла
        ENCODING=`zenity --list --text="Выберите кодировку:" --column="Кодировка" ${ENCODINGLIST}`

        # Если кодировка выбрана - перекодируем файл и сообщаем об
        # успешном завершении скрипта
        if (test ${ENCODING}1 != "1") then

            iconv -f ${ENCODING} -t utf-8 ${SRCFILENAME} > ${DSTFILENAME}
            zenity --info --text="Перекодирование выполнено!"
        fi
    fi
fi

Переименование русских имен файлов в транслит:

#!/bin/sh
# this script has been written by Eddy
#
#               rename_translit --- переводит русские имена файлов в транслит
#
# Создан 22-го Май 2006 года в  9:24
#
for Name in `ls -1`
do
    Newname=`echo "$Name"|sed -e \
    "y/йукенгзхъфывапролдэсмитьбЙУКЕНГЗХЪФЫВАПРОЛДЭСМИТЬБ/jukengzh'fyvaproldesmit'bJUKENGZH'FYVAPROLDESMIT'B/"\
    -e "s/ц/tz/g"       \
    -e "s/ш/sh/g"       \
    -e "s/щ/sch/g"      \
    -e "s/ж/zh/g"       \
    -e "s/ч/ch/g"       \
    -e "s/ю/yu/g"       \
    -e "s/я/ya/g"       \
    -e "s/Ц/TZ/g"       \
    -e "s/Ш/SH/g"       \
    -e "s/Щ/SCH/g"      \
    -e "s/Ж/ZH/g"       \
    -e "s/Ч/CH/g"       \
    -e "s/Ю/YU/g"       \
    -e "s/Я/YA/g"`
    if [ "$Name" != "$Newname" ]; then
        mv "$Name" "$Newname"
        echo -e "$Name   ->    $Newname\r\c"
    fi
    if [ -d "$Newname" ]; then
        cd "$Newname"
        echo -e "\n\nDiving into $Newname"
        rename_translit
        cd ../
    fi
done

Раскраска bash консоли

if [ -n "${SSH_TTY}"] 
  then
    export PS1='\[\033[01;32m\][\u@\h]\[\033[01;34m\]\w\$>\[\033[00m\]'
  elif [ ${EUID} == 0 ]; then
    export PS1='\[\033[01;31m\][\u@\h]\[\033[01;34m\]\w\$>\[\033[00m\]'
  else
    export PS1='\[\033[01;35m\][\u@\h]\[\033[01;34m\]\w\$>\[\033[00m\]'
fi

Bash — проверки

Проверка UID

UID_ROOT=0
 
if [ "$UID" -ne "$UID_ROOT" ]
then
  echo "Для работы требуются права root"
  exit 1
fi

Проверка входящих параметров

Проверка на существование

if [ -z "$1" ]
then
  echo "Значение не задано"
  exit 1
fi

Обязательно присутствие двух параметров

if [[ -z "$1" || -z "$2" ]]
then
  echo "Значение не задано"
  exit 1
fi

Проверки файлов и каталогов

Проверка на существование директории

if [ ! -d "$DIR" ]; then
  echo "Директория не верна"
  exit 1
fi

Проверка на существование файла

if [ ! -e "$FILE" ]; then
  echo "Файл не найден"
  exit 1
fi

Директория существует и доступна для записи

if ! [[ -d "$FTPDIR" &&  -w "$FTPDIR" ]]; then
  echo "Директория не верна или отсутствуют права для записи"
  exit 1
 fi

Прочее

Проверка существования файла, а также есть есть права на чтение и выполнение.
Если условия не выполняются, то выполнится exit

test -x /usr/sbin/ || exit 1

Проверка существования пользователя

grep "^$username:" /etc/passwd >/dev/null
if [ $? -ne 0 ]; then
 echo "Пользователь не найден"
 exit 1
fi

Bash-комманды

cat << EOF > $filename
line1
line2
line3
EOF

Find

find . -type f ! -perm -444        # Найти файлы с правами 0444
find . -type d ! -perm -111        # Найти директории с правами 0111
find /home/user/ -cmin 10 -print   # Файлы созданные или модифицированные за последние 10 минут.
find . -name '*.[ch]' | xargs grep -E 'expr' # Найти 'expr' в текущей директории.
find / -name "*.core" | xargs rm   # Найти и удалить аварийные дампы(так-же можно искать core.*).
find / -name "*.core" -print -exec rm {} \;  # Другой сиснтаксис
      # Найти все графические файлы и создать архив, iname -регистронезависимо. -r -добавить
find . \( -iname "*.png" -o -iname "*.jpg" \) -print -exec tar -rf images.tar {} \;
find . -type f -name "*.txt" ! -name README.txt -print  # Исключая файлы README.txt
find /var/ -size +10M -exec ls -lh {} \;     # Найти файлы больше 10 MB
find /var/ -size +10M -ls           # То-же, что и выше
find . -size +10M -size -50M -print
find /usr/ports/ -name work -type d -print -exec rm -rf {} \;  # Очистить порты
      # Найти файлы, принадлежащие определенному пользователю и с определенными правами
find / -type f -user root -perm -4000 -exec ls -l {} \;

Разное

which command                      # Показывает полный путь к файлу команды
time command                       # Показывает время выполнения команды
time cat                           # Использовать команду time как секундомер. Ctrl-c для остановки
set | grep $USER                   # Просмотр текущего окружения
cal                                # Показать календарь на текущий месяц
date [-u|--utc|--universal] [MMDDhhmm[[CC]YY][.ss]]
date 10022155                      # Установить дату и время
whatis grep                        # Показать короткую справку по команде
whereis java                       # Найти путь и стандартную директорию для "слова"
setenv varname value               # Установить переменную окружения varname в значение value (csh/tcsh)
export varname="value"             # Установить переменную окружения varname в значение value (sh/ksh/bash)
pwd                                # Печать текущей директории
mkdir -p /path/to/dir              # Создать директорию, включая родительскую, не выдавать ошибку если такая существует.
mkdir -p project/{bin,src,obj,doc/{html,man,pdf},debug/some/more/dirs}
rmdir /path/to/dir                 # Удалить директорию.
rm -rf /path/to/dir                # Удалить директорию с содержимым (принудительно).
cp -la /dir1 /dir2                 # Вместо копирования отобразить одну директорию в другую с помощью жесткой ссылки
cp -lpR /dir1 /dir2                # То-же во FreeBSD
cp unixtoolbox.xhtml{,.bak}        # Быстрый вариант скопировать файл с новым расширением
mv /dir1 /dir2                     # Переименовать директорию
ls -1                              # Листинг файлов, по одному в строке
history | tail -50                 # Показать последние 50 использовавшихся команд

Работа с IPtables.

Поднимаем NAT

iptables -t nat -A POSTROUTING -o [WAN IF] -j SNAT –to-source [WAN IP]

  •  WAN IF — внешний интерфейс
  •  WAN IP — внешний IP адрес

Пример:

iptables -t nat -A POSTROUTING -o eth1 -j SNAT --to-source 10.0.0.238

Проброс порта

iptables -t nat -A PREROUTING -p tcp -d [WAN IP] –dport [PUBLIC PORT] -j DNAT –to-destination [PRIVATE IP]:[PRIVATE PORT]

  • WAN IP — внешний IP адрес
  • PUBLIC PORT — публичный порт
  • PRIVATE IP — IP адрес машины на которую надо пробросить порт
  • PRIVATE PORT — собственно сам порт на локальной машине

Пример:

iptables -t nat -A PREROUTING -p tcp -d 10.0.0.238 --dport 25 -j DNAT --to-destination 192.168.237.100:25

Открытие порта

iptables -A INPUT -p [PROTOCOL] –dport [PUBLIC PORT] -j ACCEPT

  • PROTOCOL — сетевой протокол (tcp, udp, gre и т.д.)
  • PUBLIC PORT — порт который необходимо открыть

Пример:

iptables -A INPUT -p tcp --dport 80 -j ACCEPT

Запретить доступ к сайту

iptables -A FORWARD -p tcp -s odnoklassniki.ru -j DROP

Редирект всего трафика на определенный порт:

iptables -t nat -A PREROUTING -p tcp –dport 80 -j REDIRECT
“заворачиваем” все запросы на 80 порт из локалки на порт прокси в данном случае 3128:

iptables -t nat -A PREROUTING -i eth2 -d ! 172.16.0.0/24 -p tcp -m multiport --dport 80 -j DNAT --to 172.16.0.1:3128

Рубрики
Инструменты

Полезные инструменты для WEB

Blind Text Generator — генератор текста-рыбы

Social Good Ipsum — сервис для генерации текста-рыбы

Random User Generator — генератор случайных пользователей

User Inter Faces — генератор аватарок для вашего проекта.

Prepros — компиляция, сжатие, оптимизация и еще куча всего — все возможности смотрите на сайте

Badge Service — генерация svg-значков в стиле github

Webflow — drag & drop редактор для создания респонсивных сайтов

html2pdf — конвертер веб-страниц в PDF-формат

Trackduck — рецензирование веб-страниц (полезно для фрилансеров)

NinjaMock — неплохой инструмент для прототипирования

Moqups — еще один инструмент для прототипирования

Sache — коллекция Sass и Compass расширений

Web Developer Checklist — проверьте все пункты чек-листа перед запуском своего проекта

Glyphter — создание своего иконочного шрифта

Pics.IO — онлайн фоторедактор

Safarizator — вставка вашего дизайн-макета в окно браузера Safari

PlaceIt — еще один сервис для генерации превью ваших работ

TinyPNG — сжатие изображений в формате PNG

BrowserShots — тестируем сайт в самых различных браузерах

Golden Ratio Typography Calculator — расчет оптимального размера шрифта на основе золотого сечения

Lavish — генератор цветовых схем для Bootstrap на основе пользовательского изображения

Favicon Generator — генератор кросплатформенной favicon

HTML5 Please — статистика по поддержке фич HTML5 в различных браузерах

Pictaculous — генератор цветовой схемы на основе загруженного изображения

JSON Generator — генератор большого объема нужных данных в json-формате

Codio — онлайн-IDE для полноценной разработки любых проектов, связанных с веб-технологиями

HTML Template Generator — больше подойдет для ленивых разработчиков, еще не использующих никакого boilerplate. Сервис позволяет сгенерировать базовую HTML-разметку документа: добавить нужные мета-теги, скрипты, либо целые бандлы, например, Twitter Bootstrap.

Shortcut Mapper — позволяет освежить в памяти горячие сочетания клавиш для программ Adobe Photoshop / Adobe Lightroom, Autodesk 3dsMax / Autodesk Maya, Blender и, с недавних пор, Sublime Text 2.

Responsive Patterns A collection of patterns and modules for responsive designs.

Web Designers Checklist — чек-лист по подготовке проекта к сдаче для веб-дизайнера. Затрагивает многие аспекты, такие как именование файлов и слоев в макете, подготовка типографики, структура файлов и так далее.

HTML Hint — похож на JS Hint. Проверяет разметку на соответствие заданным параметрам.

Lollytin — визуальный конструктор лэйаута страницы. Использует Bootstrap 3.

Blockspring — создание своих API, не требующих хранения данных в БД, а также коллекция уже созданных другими юзерами API.

Qwecode — кодирование / декодирование строк в различные форматы: BASE64, Binary, Unicode numbers и другие.

Loremflickr — это как placehold.it, но с котиками 🙂

Frame — набор готовых мокапов для демонстрации дизайна / верстки / etc. Выбираете мокап, загружаете изображение, получаете на выходе готовую картинку с вашей работой.

Cheetyr — шпаргалки по Photoshop, Illustrator, CSS, Git и Vim.

SnazzyMaps — различные цветовые схемы для Google Maps.

Plain Pattern — создание паттернов из SVG-изображений

Sass to Scss — конвертер из Sass в Scss.

Email Design Workflow

A Grunt workflow for designing and testing HTML email templates with SCSS.

Mock-up файлы для демонстрации фирменного стиля

Тестирование и анализ сайта

http://loadimpact.com — нагрузочное тестирование

WebPagetest — один из лучших анализаторов производительности сайта.

Pingdom Tools — Анализ времени загрузки страницы.

Webo.In — Проверь скорость загрузки сайта.

OctaGate SiteTimer

Web Page Analyzer — free website optimization tool website speed test check website performance report from web site optimization

mon.itor.us — Free Websites Performance, Availability, Traffic Monitoring

Pagetest — web page performance test

CrazyEgg — сервис для отслеживания перемещения пользователей по сайту — кто куда кликнул, какие ссылки наиболее популярные и тому подобная, разнородная информация для юзабилистов.

UserFly — даёт возможность визуально посмотреть, что и как делал пользователь на вашей странице. Посмотрите демку, все станет ясно!

validator.w3.org/checklink — Проверяем наличие битых ссылок

Проверка и тестирование скорости интернет соединения

Speedtest.net — The Global Broadband Speed Test

Яндекс.Интернет – ваш IP-адрес и скорость интернет-соединения

Сервисы для анализа действий пользователей на сайте

Сервисы для мониторинга доступности сайта

7 бесплатных сервисов для проверки сайтов (тестирование и мониторинг сервисы)

Gitter — удобный чат, имеющий хорошую интеграцию с github’ом.

Fibonacci — визуальный конструктор flexbox-лэйаута.

Project Parfait — инструмент для быстрой нарезки .psd-макета, и вообще для ускорения верстки в целом. Позволяет узнавать расстояние между слоями, размер разных слоев и многое другое.

The Code Player — онлайн-уроки по HTML / CSS / JS в формате живого кодинга. Можно записывать свои уроки.

Типограф Муравьева — доступен также и в качестве PHP / Python библиотеки. Позволяет правильно оформить текст.

 

Определение информация о подключении клиента (помогает в тестировании соединения)

Whoer.net — find out IP address: host, whois, DSBL, black list, ISP, IP range, country, state, region, city, browser language, user agent, check proxy, local time, Google map, HTTP headers, plugins, JavaScript

 

SnapShot &Browser Compatibility Check

BrowserShots — Проверьте отображение вашего сайта в разных браузерах.

IE NetRenderer — Browser Compatibility Check

Websnapr 2.0 — Быстрое добавление скриншота нужного размера к себе на сайт.

WayBack Machine — В базе сохраняется содержимое веб-страниц, и можно посмотреть как выглядела та или иная страница раньше, даже если сайт больше не существует.

Создать Превью — Просто загружаете шаблон дизайна и получаете превью в формате любого браузера

WebShotsPro.com — Website Screenshot Generation — Website Thumbnail Service

 

CSS инструменты

Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions (тестирование адаптивной вёрстки)

Code Beautifier — Инструмент для сжатия CSS-файлов (основанном на проекте CSS Tidy).

CSS Frame Generator — Фреймо-генератор

Clean CSS — Optmize and Format your CSS

CSS Sprites Generator

Генератор CSS спрайтов

Генератор шаблона 1–3 колонки (X)HTML+CSS

Генератор HTML+CSS шаблонов — CSS Layout Generator

psd2css online — генерация верстки из PSD

CSS3Ps — конвертер из PSD в CSS

border-image-generator — Генератор CSS-бордюра

Less2CSS — конвертер из Less в CSS

Live Tools — 4 инструмента: генератор кнопок, форм, лент на чистом CSS, а также редактор иконок

CSS Hexagon Generator генератор CSS-шестиугольника

StyleStats — исчерпывающая статистика о CSS-файле

CSS Arrow please — генерация блока со стрелкой (тултипа) на чистом CSS

Bounce.JS — одновременно и сервис, и JS-библиотека для быстрого создания и редактирования CSS3-анимаций.

CSS Shrink — онлайн-сжатие вашего CSS-кода. Кстати, не только сжатие — можно вставить уродливо отформатированный код и получить на выходе красивый.

CSS Colours — красиво оформленный список CSS-цветов, которые могут быть использованы в виде слова, например color: blue.

CSS Triggers — подробная информация обо всех CSS-свойствах: что они делают, как влияют на рендеринг страницы и тому подобное

CSS Shortand generator — собирает специфические свойства типа background-color в одно общее свойство.

PX to EM — удобный конвертер из PX в EM и обратно.

Автоматическое удаление неиспользуемого CSS с помощью Grunt

JavaScript инструменты

JavaScript Compressor — инструмент для сжатия JS-файлов от Dean Edwards.

Yahoo! UI Library — YUI Compressor

JS Minifier — JavaScript Minifier от Douglas Crockford.

JSLint, The JavaScript Verifier — Проверка синтаксиса JavaScript

Online javascript beautifie

The JavaScript CompressorRater

JS Bin — Collaborative JavaScript Debugging

jsFiddle — Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

Tryit Editor v1.4 — JavaScript emulator

Google Code Playground — инструмент для совместного тестирования примеров на Javascript

JS Nice — деобфускация и базовое документирование JS-скрипта. Вставляете непонятный код, сервис его анализирует и приводит в нормальный вид — добавляет отступы, пытается назвать переменные осмысленно в зависимости от контекста, добавляет комментарии с указанием переменных и их типов и т.д.

CodeFights — задачки на знание языка JavaScript.

Pastebin

Pastebin.com

Pastebin mozilla-russia.org

paste.ly — yet another pastebin

 

Regexp инструменты

Debuggex: Online visual regex tester. JavaScript, Python, and PCRE

Regular Expressions 101

Пыха.РУ → Вычисление регулярок

MyRegExp.com Regular Expression Editor

RegExr: Learn, Build, & Test RegEx

RegexpOnline: Interactive regular expressions editor and constructor