Заметки с меткой WD*WEB-design

Как после нажатия на Категорию открывать не товары в ней, а Подкатегории?

Открыть Категорию в Консоли, выбрать
Вид отображения -> «Подкатегории».

Проблема: делаются запросы по трем ссылкам (2022 год)
http://www.google-analytics.com/analytics.js
https://www.google-analytics.com/j/collect...
https://connect.facebook.net/en_US/fbevents.js
это замедляет загрузку и т.п. неприятное...

Решение: в файле /wp-content/plugins/clearfy/components/ga-cache/includes/3rd-party/class-clearfy-plugin.php

ищем window,document,'script' и закомментируем весь скрипт, в котором есть такие вхождения.

На сайте есть ютуб видео, добавьте в конце урла ?rel=0
Это выведет другие видео с ЭТОГО канала.

Сначала папкам 755, потом файлам 644. Через терминал зайти в нужную папку или выполнить
cd /var/www/sait.ru

Затем
find ./ -type d -exec chmod 0755 {} ∖;
find ./ -type f -exec chmod 0644 {} ∖;

Алфавит
а б в г д е ё ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я
Транслитерация Яндекса
a-b-v-g-d-e-yo-zh-z-i-y-k-l-m-n-o-p-r-s-t-u-f-h-c-ch-sh-shch--y--e-yu-ya

для Clearfy (убрать перевод строки!)
ё=yo,Ё=YO,ж=zh,Ж=ZH,й=y,Й=Y,ф=f,Ф=F,х=h,Х=H,ц=c,Ц=C,ч=ch,Ч=CH,ш=sh,Ш=SH,
щ=shch,Щ=SHCH,ъ=,Ъ=,ы=y,Ы=Y,ь=,Ь=,ю=yu,Ю=YU,я=ya,Я=YA

Для Cyr-To-Lat case 'iso9' в
/wp-content/plugins/cyr2lat/src/php/class-conversion-tables.php:
'Ж' => 'J', Й' => 'I', 'Ц' => 'C', 'Щ' => 'SHCH', 'ж' => 'j', 'й' => 'i', 'ц' => 'c', 'щ' => 'shch',

В порядке уменьшения читабельности (субъективно):

Ubuntu (в простом жирнее многих, воздушный)

Mulish (хорошо в жирном и простом, воздушный), PT Sans (буквы выше других, отлично читается в простом)

Roboto, Noto, Open Sans Slabo 27px (нет жирного), Raleway

Montserrat, Oswald, Lato, Droid Sans

(полезно для Figma)

<svg width="24" height="24" viewBox="0 0 24 24" class="icon icon-alarm" xmlns="http://www.w3.org/2000/svg"> <path id="icon-alarm" d="M11.5,22C11.64,22 11.77,22 ..."></path> </svg>

ускоряет загрузку

Для запрета индексации index.html и index.php стоит создать файл robots.txt в корне сайта с таким содержимым

User-agent: *
Disallow: /index.html
Disallow: /index.php

UPD: Готовый c редеректом index.html и php

AddDefaultCharset UTF-8

RewriteEngine On

# Index file
DirectoryIndex index.html

# Redirects
RewriteRule ^index.php$ / [QSA,R]
RewriteRule ^index.html$ / [QSA,R]

# Error files
ErrorDocument 401 /error/401.php
ErrorDocument 403 /error/403.php
ErrorDocument 404 /error/404.php
ErrorDocument 500 /error/500.php

Если у вас Nginx то соответственно это в конфигурацию:

index index.html;
charset utf-8;
error_page 500 /error/500.php;
error_page 404 /error/404.php;
error_page 403 /error/403.php;
location /index {
rewrite ^/index.php$ / redirect;
rewrite ^/index.html$ / redirect;
}

https://wordpress.org/plugins/chronosly-events-calendar/ +++++
https://wordpress.org/plugins/event-monster/ +++++
https://wordpress.org/plugins/quick-event-manager/
https://wordpress.org/plugins/template-events-calendar/
https://wordpress.org/plugins/event-list/
https://wordpress.org/plugins/very-simple-event-list/
https://wordpress.org/plugins/simple-event-planner/ странный

Place the following in your .htaccess file and jpg/png images will be replaced with WebP images if found in the same folder.

<IfModule mod_rewrite.c>
RewriteEngine On

# Check if browser support WebP images
RewriteCond %{HTTP_ACCEPT} image/webp

# Check if WebP replacement image exists
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f

# Serve WebP image instead
RewriteRule (.+)∖.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>

<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>

<IfModule mod_mime.c>
AddType image/webp .webp
</IfModule>

Preferred solution

<picture>
<source srcset="/path/to/image.webp" type="image/webp">
<img src="/path/to/image.jpg" alt="">
</picture>

## BEGIN GZIP Compression ##
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE application/x-httpd-fastphp
AddOutputFilterByType DEFLATE image/svg+xml
SetOutputFilter DEFLATE
</IfModule>
## END GZIP Compression ##

## BEGIN Vary: Accept-Encoding Header ##
<IfModule mod_headers.c>
<FilesMatch "∖.(js|css|xml|gz)$">
Header append Vary: Accept-Encoding
</FilesMatch>
</IfModule>
## END Vary: Accept-Encoding Header ##

## BEGIN Leverage Browser Caching (Expires Caching) ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
</IfModule>
## END Leverage Browser Caching (Expires Caching) ##

## BEGIN Disable ETag header ##
Header unset Pragma
Header unset ETag
FileETag None
## END Disable ETag header ##
# END WP Performance Score Booster Settings

#block bad bots
SetEnvIfNoCase User-Agent ".*AhrefsBot.*" my_bad_bot
SetEnvIfNoCase User-Agent ".*MJ12bot.*" my_bad_bot
SetEnvIfNoCase User-Agent ".*Yahoo! Slurp.*" my_bad_bot
SetEnvIfNoCase User-Agent ".*bingbot.*" my_bad_bot
SetEnvIfNoCase User-Agent ".*DotBot.*" my_bad_bot
#SetEnvIfNoCase User-Agent ".*Wget.*" my_bad_bot
SetEnvIfNoCase User-Agent ".*SemrushBot.*" my_bad_bot
SetEnvIfNoCase User-Agent ".*Ezooms.*" my_bad_bot
SetEnvIfNoCase User-Agent ".*MegaIndex.*" my_bad_bot
SetEnvIfNoCase User-Agent ".*Tiny Tiny.*" my_bad_bot
#also BUbiNG

Order Allow,Deny
Allow from all
Deny from env=my_bad_bot

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="border-radius: 3px;" bgcolor="#e9703e"><a href="https://litmus.com" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; text-decoration: none;border-radius: 3px; padding: 12px 18px; border: 1px solid #e9703e; display: inline-block;">I am a button &rarr;</a></td> </tr> </table> </td> </tr> </table>

// редирект не на профайл - для новых пользователей и при каждом входе не со страницы логина шаблона
add_filter('login_redirect', '_myplugin_lgn_redirect');

function _myplugin_lgn_redirect() {
return '/kuda-nado/';
}

В файл function.php добавить
function new_excerpt_length($length) {
return 20;
}
add_filter('excerpt_length', 'new_excerpt_length');

В PhpMyAdmin выполнить комманду:

удалить все неподтвержденные комменты
DELETE FROM wp_comments WHERE comment_approved = '0'
удаление всех спамных
DELETE FROM wp_comments WHERE comment_approved = 'spam'

<?php fopen("http://sms.ru/sms/send?api_id=********&to=7978*******&text=Zakaz+s+saita+Haribol", "r"); ?>

$purephone = preg_replace('/[^0-9]/', '', $phone); // оставляем только цифры
$smsurl = "http://sms.ru/sms/send?api_id=********&to=7978*******&text=Zakaz+ot+" . $purephone . "+s+saita+Haribol";
fopen($smsurl, "r");

Мой вариант для Wordpress:
(проверяйте в своем случае)

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /wp-login.php
Disallow: /wp-register.php
Disallow: /xmlrpc.php
Disallow: /*.php$
Disallow: /*.js$
Disallow: /*.inc$
Disallow: /*.css$
Disallow: /page*
Disallow: /author/*
Disallow: */comments
Disallow: /category/*/*
Disallow: /trackback
Disallow: */trackback
Disallow: */*/trackback
Disallow: /feed
Disallow: */feed
Disallow: */*/feed
Disallow: */*/feed/*/
Disallow: /20* # закрывает архивные записи двухтысячных годов. В этом случае не начинать названия любых записей и страниц с 20
#Disallow: /*?* # для некоторых фидов, но мешает пагинации
Disallow: /?s= # для поиска на сайте
Disallow: /*add-to-cart=* # если есть WooCommerce
Disallow: /cart # если есть WooCommerce
Disallow: /wp-json/ # для версий Wordpress 4.4 и новее4
Allow: /wp-content/uploads/

Чтобы добавить получателя бэкапов, в файле
/wp-content/plugins/updraftplus/methods/email.php
должно бьть так
$sent = wp_mail(trim($sendmail_addr . ", MAIL@yandex.ru"), $subject, sprintf(__("Backup is of: %s.",'updraftplus'), site_url().' ('.$descrip_type.')'), null, array($fullpath));
где MAIL@yandex.ru - это дополнительный адрес получателя бэкапов.

slider revolution stop after loosing tab focus...

Решение - в настройках слайдера - Общие параметры - Дополнительно - След. слайд на Фокус сделать On

I’ve been looking into this for you and it appears to be expected behaviour when you aren’t focused on the browser tab, if you look at revslider/public/assets/js/source/jquery.themepunch.revolution.js line 2462 and onwards. You will see that if you aren’t focused on the browser tab/window, the revslider will stop playing and will resume again when it’s focused.
Try setting “Next slide on focus” to off, in your revslider slider settings.

Так как директивы htaccess помогают далеко не на каждом сервере (из-за настроек апач), делаем так:

1) создаём файл в корне сайта redirects.php
<?php
$redirect_list=array(
'/каталог/плёнка-и-укрывной-материал'=>'http://semena-zakaz.ru/каталог/укрывной-материал',
);
$redirect_uri=urldecode($_SERVER['REQUEST_URI']);
if(array_key_exists($redirect_uri, $redirect_list)) {
$r_url = parse_url($redirect_list[$redirect_uri]);
header('HTTP/1.1 301 Moved Permanently');
header('Location: ' .$r_url['scheme'].'://'.$r_url['host'].'/'.urlencode(trim($r_url['path'],'/')));
exit();
}
?>

2) инклюдим его в начало корневого файла index.php

В файл function.php текущего шаблона в самом низу добавить
function cache_control_send_headers() {
header ( "Cache-Control: max-age=43200" );
}

add_action( 'template_redirect', 'cache_control_send_headers' );

это позволит хранить кеш в течение 12 часов.
Особенно полезно для серверов na Nginx.

Чтобы после отправки формы, если посетитель решит обновить страничку, не появлялось сообщение "Отправить заново" сбрасываем значение POST через обновление страницы:

(внутри для гарантии результата два способа - если включен javascrip и если нет)

<html>
<head>
<?php
$data = $_POST['data'];
if($data) {
?>
<script type="text/javascript">
<!--
location.replace("index.php");
//-->
</script>
<noscript>
<meta http-equiv="refresh" content="0; url=index.php">
</noscript>
<?php
}
?>
</head>
<body>
<form action="index.php" method="post">
<input value="Данные" type="text" name="data" >
<input type="submit" value="Ok">
</form>
</body>
</html>

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} ^(.+)/$
RewriteRule ^(.+)/$ /$1 [R=301,L]

чтобы добавить
RewriteRule ^(.+[^/])$ $1/ [QSA]

в футер поставить
<?php
$crons = _get_cron_array();
// var_dump($crons); в изначальном варианте было незакоменчено, но я не знаю, что оно делает и зачем
echo $crons;
exit;
?>

...о регистрации нового пользователя:

Редактируем файл /wp-includes/pluggable.php

отправка письма юзеру:
wp_mail($user_email, sprintf(__('[%s] Your username and password'), $blogname), $message);

отправка письма админу:
@wp_mail(get_option('admin_email'), sprintf(__('[%s] New User Registration'), $blogname), $message);

закомментить нужное.

Если крон забит тысячами просроченных заданий и тормозит Консоль:

I found a way around it before I saw your answer. Here is a step-by-step method for deleting thousands of old cron jobs and may be of use to someone else.

I logged on to phpMyAdmin. I clicked on my database and then the 'search' tab. I typed in 'cron' then selected 'all tables' and clicked 'Go'. I scrolled down the search results list to my wp_options table. I clicked 'Browse'. At the top of the list was option_name 'cron'. I clicked 'Edit' then waited for the page to load. I clicked on the box that showed the list of cron jobs. The cron list was so long that it took about 80 seconds for my cursor to respond. I then used Ctrl-A on the keyboard to select all before hitting the delete button. It took about 2 minutes before my browser completed the deletion (chrome timed-out so I tried Firefox which worked).

в post-template.php добавить
// начало
$content = str_ireplace("<br>", "", $content);
$content = str_ireplace("<br />", "", $content);
// конец

Добавить это в function.php
/*
При создании таблиц в редакторе появляется много ненужных br. Этот код заменяет br на p, и его нужно использовать в паре с кодом для удаления тегов <p> и </p> (в post-template.php)

Plugin Name: Better wpautop
Plugin URI: http://www.simonbattersby.com/blog/plugin-to-stop-wordpress-adding-br-tags/
Description: Amend the wpautop filter to stop wordpress doing its own thing
Version: 2.0
Author: Simon Battersby
Author URI: http://www.simonbattersby.com
*/

function better_wpautop($pee){
return wpautop($pee,false);
}
remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_content', 'shortcode_unautop' );
add_filter( 'the_content', 'better_wpautop' , 99);
add_filter( 'the_content', 'shortcode_unautop',100 );

+
// начало - можно использовать вместе с функцией better_wpautop (в function.php) текущей темы чтобы удалить паразитные теги p
$content = str_ireplace("<p>", "", $content);
$content = str_ireplace("</p>", "", $content);
// конец

Левые ссылки в Вордпресовских темах
------------------------------------------------------------------
eval(gzinflate(base64_decode('Code')))
eval(gzinflate(str_rot13(base64_decode('Code'))))
eval(gzinflate(base64_decode(str_rot13('Code'))))
eval(gzinflate(base64_decode(base64_decode(str_rot13('Code')))))
eval(gzuncompress(base64_decode('Code')))
eval(gzuncompress(str_rot13(base64_decode('Code'))))
eval(gzuncompress(base64_decode(str_rot13('Code'))))
eval(base64_decode('Code'))
eval(str_rot13(gzinflate(base64_decode('Code'))))
eval(gzinflate(base64_decode(strrev(str_rot13('Code')))))
eval(gzinflate(base64_decode(strrev('Code'))))
eval(gzinflate(base64_decode(str_rot13('Code'))))
eval(gzinflate(base64_decode(str_rot13(strrev('Code')))))
----------
Расшифровка:
http://www.tareeinternet.com/scripts/decrypt.php - для некоторых видов
http://ddecode.com/phpdecoder/ - для многослойных шифровок

Чтобы узнать нагрузку, которую создает сайт, можно вставить в шаблон (в файл темы footer.php) следующий код

<?php
echo "Статистика:" . get_num_queries() . "/ "; timer_stop(1);
echo "s/ ". round(memory_get_usage()/1024/1024, 2) . " MB ";
?>

<script type="text/javascript">
document.write(new Date().getFullYear());
</script>

&copy; 2010<script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script>, Company.


<?php echo date("Y"); ?>

&copy; <?php
$fromYear = 2008;
$thisYear = (int)date('Y');
echo $fromYear . (($fromYear != $thisYear) ? '-' . $thisYear : '');?> Company.

Если 1 год - 1 число, если больше - 2 числа
откройте файл functions.php темы и добавьте туда следующие строки:
function devise_copyright() {
global $wpdb;
$copyright_dates = $wpdb->get_results("
SELECT
YEAR(min(post_date_gmt)) AS firstdate,
YEAR(max(post_date_gmt)) AS lastdate
FROM
$wpdb->posts
WHERE
post_status = 'publish'
");
$output = '';
if($copyright_dates) {
$copyright = "&copy; " . $copyright_dates[0]->firstdate;
if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
$copyright .= '-' . $copyright_dates[0]->lastdate;
}
$output = $copyright;
}
return $output;
}

откройте footer.php в папке шаблона и добавьте следующий код в то место, где нужно вывести дату:
<?php echo devise_copyright(); ?>

Куки и jQuery
http://webcareer.ru/jquery-cookies-rabota-s-kukami-na-jquery.html
http://ruseller.com/lessons.php?id=667&rub=32

Плеер
http://www.jplayer.org/

ImageMap
http://www.image-maps.com
http://www.outsharked.com/imagemapster/default.aspx?demos.html

Изменения вступят в силу после обновления информации в зоне верхнего уровня. Зона RU обновляется 4 раза в сутки: в 02:00, 10:00, 14:00, 19:00 (по московскому времени). Зоны SU и РФ обновляются каждый нечетный час. Обновления зон занимают от нескольких минут до получаса.

После обновления зоны необходимо около суток для распространения информации о домене по сети Интернет.

GeoIP
Обновление баз происходит раз в месяц и, как правило, в первых числах.

еще
dnar.ru дешевые домены, диллер r01

http://tempforest.ru/
http://themes-store.ru/
http://all-themes.ru/

http://wordpressthemes2015.com - подборки

добавить в wp-config.php

define ('AUTOMATIC_UPDATER_DISABLED', true); // Disable wordpress updates
define('WP_POST_REVISIONS', 10); // Revision limit
Можно поставить число "1" - сохранится лишь последняя редакция

define('DISALLOW_FILE_MODS',true); // Disable core and plugin updates
если добавить еще и это, то плагины не будут предлагать обновление и исчезнет возможность добавить новые плагины
---
define('WP_POST_REVISIONS', false ); //полностью отключает ревизии

------------------------------
define( 'WP_MEMORY_LIMIT', '128M' ); // Increase memory

автоматическая очистка корзины
define('EMPTY_TRASH_DAYS', 30 ); // 30 days

Вариант №1 (htaccess)
Для настройки 301 редиректа Вам необходимо включить mod_alias и/или mod_rewrite в php.ini
Вашего сервера (обращайтесь к администратору сервера). Теперь в корневой папке Вашего сайта
нужно открыть файл htaccess и прописать в нем строчки вида:
RedirectPermanent /old-page.html http://site.ru/new-page.html
или
Redirect 301 /old-page.html http://siteru/new-page.html
Все новые адреса необходимо перечислять отдельно, с новой строки.


Вариант №2 (PHP)
Суть этого редиректа в передаче клиенту заголовков:
HTTP/1.1 301 Moved Permanently
Location: http://www.newdomain.ru/newdir/newpage.htm

Чтобы передать заголовок, прописываем в PHP:
header(«HTTP/1.1 301 Moved Permanently»);
header(«Location: http://www.newdomain.ru/newdir/newpage.htm»);
exit();
?>
Этот код лучше вставлять в
самом начале скрипта.

#для сайта без www
<IfModule mod_rewrite.c>
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^www∖.site∖.ru$ [NC]
RewriteRule ^(.*)$ http://site.ru/$1 [R=301,L]
</IfModule>

#для сайта с www
<IfModule mod_rewrite.c>
Options +FollowSymLinks
RewriteEngine On
RewriteCond %{HTTP_HOST} ^site.ru$ [NC]
RewriteRule ^(.*)$ http://www.site.ru/$1 [R=301,L]
</IfModule>

http://elcommerce.com.ua/7-moduli-dlya-prestashop
http://seo-ng.net/seo-statiy/more/prestashop-moduli.html

Для Direct Admin
--------------------------------------
Add to zip:
cd /home/user

/usr/bin/zip -ry /home/user/path/to/file.zip path/to/file path/dir

Extraction:
/usr/bin/unzip -qo /home/user/path/to/file.zip

Демо
http://americanpower.ru/autosale/
http://muhit.kz/

http://komarik.ru/2010/01/18/doska-obyavlenij-na-wordpress/

В шаблоне имеется один большой косяк, в контактых формах не работает функция перевода строки. Лечится в файлах page-contact.php и contact_owner.php заменой cP("msg") на cPR("msg")

чтобы не создавались файлики в корне сайта нужно добавлять -O -

например,

/usr/bin/wget -O - -q -t 1 http://ramana-reti.com/blogs/dv-sp/notify-me.php >/dev/null 2>&1

ключик "-O -" задаёт вывод в консоль (вместо сохранения в файл), "-q" делает это "тихо" (без вывода на экран), а "-t 1" указывает делать лишь одну попытку соединения

параллакс
-------------------------
https://en.manayerbamate.com/
http://www.costa.co.uk/experience/
http://www.numero10.ch/
http://elite.envato.com/
http://wagerfield.github.io/parallax/
http://indofolio.com/
http://www.productivethemes.com/parallaxr/#page-1
http://cupcakestory.ru/#contact
http://flowerbeauty.com/lips/
http://www.spaceneedle.com/
http://www.seattlecidercompany.com
http://www.jozefmetelka.com
http://www.sochi2014.lifefitnessrussia.ru/?lang=en
http://monsterplayground.ca
http://www.callflex.com.br
http://mini.afisha.ru
https://ростов-лендинг.рф/taki-landing
http://beeteam368.com/wordpress/smart-one-page-particle-canvas-background/
---
Raster Parallax, which is mostly used to give an optical illusion of movement.
Repeat Pattern, that uses scrolling displays over a repeated background.
Layered Parallax, where the foreground and background objects move at a different pace.
Or, the simple Sprite Method.

разные
-------------------------
https://keepearthquakesweird.com/ интерактивный алфавит
http://aquatilis.tv 3D графика
http://www.exsus.com/highway-one-roadtrip/ одностраничник путешествие
http://krd-interiors.ru изящно и просто
www.shamballajewels.com/
http://grzegorzkozak.pl/
http://www.creaktif.com/
http://www.maxshaman.com/
http://abelic.net/
http://www.kavoon.com/
http://greenkey.ru/
http://www.livingsasquatch.com/
http://www.experience159.com/
http://www.experience159.com/main.html
http://www.creaktif.com/ нужно потрогать меню
http://www.unit9.com/creativemind/
http://okaydave.com/
http://www.mis-architecture.co.uk/
http://www.yodabaz.com/
http://www.narrowdesign.com/
http://www.2advanced.com/
http://ladio.ru/
http://sewin.net (как Win7)
http://okostroy.ru/404/
http://www.zapolsky.moscow/404/
http://retardzone.com/404
http://love-is-in-the-air.wiralle.net/#en
http://www.lena-sanz.com/
http://monsterplayground.ca
https://theglitch.in/index/

https://codepen.io/AFrontEndDev/pen/QONmpO


Сразу много:
-------------------------------------------------------------
http://land-book.com/ много лендингов
http://www.cssdesignawards.com
http://www.awwwards.com/
http://sitegallery.ru/
http://basetop.ru/top-30-samyih-krasivyih-saytov-v-mire/
http://www.webmasters-nn.ru/2011/original-sites/