МоёМесто
Мои Ссылки
Друзья
Группы
Настройки
Помощь
Забыли пароль?
войти
Быстрая регистрация
Добро пожаловать! Что такое
МоеМесто
? Это
сервис интернет закладок
. Здесь Вы можете
зарегистрироваться
, установить
МоеМесто::Панель
в свой браузер, и хранить все свои закладки, заметки и
файлы
.
Подробнее ...
всё
закладки
заметки
файлы
архив
Заметки с меткой
web-design
35 заметок
все метки
/
web-design
+
.htaccess
Android
bootstrap
browser
CMS
code
css
DNS
domain
example
framework
free
Google
hosting
HTML
IE
JavaScript
mobile
programming
registration
review
rwd
snippet
SVG
theme
video
Windows
WordPress
XP
?
сортировать
|
показывать
|
искать
View source code in Android
в блог
1. Open the Google Chrome Internet browser on your phone.
2. Open the web page whose source code you'd like to view.
3. Tap once in the address bar and then move your cursor to the front of the URL.
4. Type
view-source:
and press Enter or Go.
добавил:
anartist
5 июля 2017
комментировать
метки:
Chrome
browser
web-design
Android
code
HTML
Centering a div horizontally
в блог
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
добавил:
anartist
7 марта 2017
комментировать
метки:
css
stackoverflow com
HTML
layout
web-design
HTML5
doctype
SVG Essentials, O'Reilly book, link to examples
в блог
Книга
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
добавил:
anartist
3 декабря 2016
комментировать
метки:
web-design
example
book
SVG
14 фоторесурсов с лицензией «free»
в блог
Чья-то подборка.
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 экспансивная коллекции изображений, многие с поразительной симметрией и приглушенных цветов.
добавил:
anartist
3 мая 2016
комментировать
метки:
list
web-design
stock
Image
free
Bootstrap snippets
в блог
http://vk.cc/520GR8
- как сделать зафиксированный фон, кот. работал бы на iOS.
Fixed backgrounds with background-size: cover in iOS with Bootstrap 3.
http://vk.cc/521Hr8
(http://codepen.io/j_holtslander/pen/eJwEMg)
- 'tasty box' landing page
http://codepen.io/j_holtslander/pen/BKaXWw
- SVG image going to navbar on scroll.
Using scrollr library.
http://codepen.io/j_holtslander/pen/mVZqmm
- centering.
A demo on horizontal and vertical centering.
The title appears with animation, from below, 'bounceUp'.
http://vk.cc/52qVof
[ http://codepen.io/j_holtslander/pen/GJwMEK ]
- multiple navbars in Bootstrap 3.
http://vk.cc/52syEO
http://codepen.io/j_holtslander/pen/waQQYm
- 'Fancy fixed Bootstrap navbar.'
A navbar that starts down low and becomes fixed-top.
- Doesn't work in iPad!
http://vk.cc/52qVQ3
[ http://codepen.io/j_holtslander/pen/MwdObK ]
- navbar under the heading in Bootstrap 3.
http://vk.cc/52qM6o
[ http://codepen.io/j_holtslander/pen/pgXrWj ]
- several navbars in Bootstrap 3.
http://vk.cc/52ivUq
[ http://codepen.io/j_holtslander/pen/Jdwjpj ]
- Заголовок уходит в navbar, меняющий цвет при прокручивании. Красиво!
- Doesn't work in iPad!
http://codepen.io/j_holtslander/pen/yeEZez
- Список. Слева - миниатюра, справа - описание. Реализация на Bootstrap.
http://codepen.io/j_holtslander/pen/ZGZwJz
- Bootstrap 3 bio thumbs with social overlay on hover
http://codepen.io/redfrost/pen/mzHjb
- Bootstrap 2 moving box carousel
Движется само!
добавил:
anartist
12 апреля 2016
комментировать
метки:
web-design
JavaScript
css
codepen io
code
example
snippet
bootstrap
Semantic UI
в блог
A framework. Bootstrap alternative. Probably better, than Bootstrap, more clean and laconic, but less popular.
A quotation taken from Quora
[https://www.quora.com/Semantic-UI-front-end-framework-Where-can-I-find-examples-of-websites-created-using-Semantic-UI]
««
Those in
basics
are literally simple examples.
Those in
beyond basics
are more complex examples,
some of which are pretty!
I personally use AngularJS so some examples here are particularly helpful.
Finally, Semantic UI's kitchen sink is a definite go-to for me:
http://semantic-ui.com/kitchen-sink.html
Basics
Tab: http://codepen.io/jwarnes/pen/BvbgF
Vertical menus on the left: http://codepen.io/mikeair/pen/MYKXPm
Cube rotation: http://codepen.io/Siyanda/pen/Xmmzbe
Nested accordeon menu: http://codepen.io/IronGeek/pen/vOejyr
Angular app to add tasks: http://codepen.io/icebob/pen/mdAFx
FAB: http://codepen.io/akranjec/pen/pvgXqV
Tabs displaying data: http://codepen.io/gabro27/pen/VLObPm
Cards with actions: http://codepen.io/chienleng/pen/gpdEGe
Semantic UI website clone: http://codepen.io/ayoungh/pen/YyKVLX
Beyond Basics:
Interactive agenda manager:
http://codepen.io/voltron2112/pen/pJXrzE
Combo dropdown: http://codepen.io/allanwhite/pen/xGMZrZ
Form for estimating water usage: http://codepen.io/jnmarcus/pen/VLOwdV
Angular wiki search: http://codepen.io/VanVlack/pen/bdYadm
Angular speech bubbles: http://codepen.io/jpidelatorre/pen/cEvLl
Angular cards: http://codepen.io/VanVlack/pen/YXrRzw
Payments page: http://codepen.io/danwolner/pen/OPJMGX
Dashboard: http://codepen.io/Jackrobscott/pen/zGMdVd
Project cards board: http://codepen.io/alexlusitania/pen/waJVLP
Twitch TV: http://codepen.io/anon/pen/QjKxaQ
A chuckle: http://codepen.io/rayrc/pen/mePJqp
My tests:
Context panel layout http://codepen.io/sean185/details/vNRpKd#stats
»»
добавил:
anartist
27 марта 2016
комментировать
метки:
semantic ui
example
snippet
web-design
alternative
bootstrap
framework
Snippet. Contact Form 7 responsiveness
в блог
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;
}
добавил:
anartist
10 марта 2016
комментировать
метки:
plugin
web-design
contact form
snippet
rwd
Freezing a tooltip (popup or modal) to edit CSS in Developer Tools window
в блог
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.
добавил:
anartist
4 марта 2016
комментировать
метки:
Hover
css
Editing
web-design
HTML
programming
code
debug
Партнеры доменных регистраторов
в блог
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
добавил:
anartist
25 февраля 2016
комментировать
метки:
householder
registration
web-design
domain
Хостинг и санкции
в блог
"Из-за введенных санкций в Крыму более не работают платежные системы 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
добавил:
anartist
14 февраля 2016
комментировать
метки:
web-design
hosting
politics
SVG tips and tricks
в блог
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).
***
добавил:
anartist
27 января 2016
комментировать
метки:
web-design
Adobi Illustrator
SVG
Кодировка URL
в блог
В url символы
'/', '?', '=', '&', '#'
заменяются кодами
'%2F', '%3F', '%3D', '%26', '%2523'
***
%252F - // или / - уточнить.
добавил:
anartist
10 августа 2015
комментировать
метки:
web-design
programming
code
link
Gradients
в блог
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 */
***
добавил:
anartist
20 ноября 2014
комментировать
метки:
code
gradient
web-design
colour
IE8, актуальность осенью 2014
в блог
IE8 - насколько актуален? (21.09.2014)
"Microsoft" прекратили поддержку "Windows XP" в апреле 2014 г.
Т.е. нужно переходить на "Windows 7", с IE9, IE10, IE11.
IE8 - устанавливается на "Windows Xp", и не может работать на "Windows 7".
Google прекратил поддержку IE8 в ноябре 2012 года.
Доля пользователей IE8 в русском Интернете 21.09.2014 чуть больше процента.
Это пользователи старых компьютеров с "Windows XP" (уже не поддерживается).
IE8 - 1,31%, 1 775 232
IE9 - 0,95%, 1 277 190
IE10 - 1,79%, 2 417 609
IE11 - 2,56%, 3 460 641
--
Chrome - 26%, 36 163 200
Android - 19,41%, 26 211 207
Firefox - 8,78%, 11 851 830
// Пользователи IE всех версий - 6,61%.
Если открыть youtube.com с пом. IE8, то видна рекомендация: "Вы используете устаревшую версию Internet Explorer, поддержка которой скоро прекратится. Обновите браузер до последней версии".
vk.com - работает на IE8 нормально, но там не используют слайдеры, например.
echo.msk.ru в IE8 открывается криво, слайдер нормально не функционирует.
commersant.ru - с незаметными отклонениями футере и только.
добавил:
anartist
21 сентября 2014
комментировать
метки:
statistics
web-design
XP
Windows
browser
IE
Очистка кша dns
в блог
Win + R
cmd
ipconfig /flushdns
добавил:
anartist
17 сентября 2014
комментировать
метки:
web-design
XP
troubleshooting
Windows
DNS
Крупные сайты на "WordPress"
в блог
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/ и проч.
- Новости, не масштабно, но, в целом, ничего.
добавил:
anartist
10 сентября 2014
комментировать
метки:
web-design
inspiration
CMS
site
WordPress
example
Installing Woothemes Flexslider into your Wordpress theme
в блог
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
[
дальше
]
добавил:
anartist
31 августа 2014
комментировать
метки:
jQuery
web-design
install
theme
slider
mobile
rwd
WordPress
Рыба 2, православные новости
в блог
Заголовки
добавил:
anartist
18 августа 2014
комментировать
метки:
web-design
news
text
Видеокурс Яндекс.Директа
в блог
"Видеокурс Ильи Цымбалиста «Мгновенные клиенты» (техника привлечения клиентов с помощью контекстной рекламы на сервисе "Яндекс.Директ"). Илья разбирает по косточкам этот мощный и, в то же время, коварный сервис. Смотреть последовательно. Качество отличное".
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
добавил:
anartist
6 января 2014
комментировать
метки:
web-design
yandex.direct
Yandex
video
tutorial
advertising
Vkontakte
lesson
Чарли Чаплин, фотографии
в блог
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
См. фильмы разных киностудий. Афиши и кинокадры - общ. достояние.
добавил:
anartist
5 января 2014
комментировать
метки:
Chaplin
photo
web-design
article
Wikipedia
video
photos
Хостинг в США, по отзывам пользователей
в блог
Хостинг в США
Из лидеров рынка:
bluehost.com =
= hostmonster.com (бренды одной компании)
[Из отзывов пользователей]
- ограничение: 50000 файлов, можно больше, но не будет резервн. копир-я, т.к. они не отчечают за большее к-во файлов
- не могут сделать бухг. док-ты для юр. лиц
- низкая скорость заливки файлов (?!) 40 кб в сек.
- 120000 файлов в статич. файле - предупреждение "влияет на производительность"
- База данных больше 3 Гб - предупреждение "исправить в 14 дней".
- CheckSpelling не работает, ради безопасности
- php.ini можно редактировать
ipage.com
- ?
godaddy.com
- ограничения, ловушки с доп. оплатой
добавил:
anartist
24 декабря 2013
комментировать
метки:
review
web-design
US
hosting
Где и как делать мобильные приложения?
в блог
Выбор, как создавать? Чем?
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.
***
добавил:
anartist
17 декабря 2013
комментировать
метки:
Android
app
web-design
free
mobile
framework
open source
iOS
Форумы
в блог
Во-первых, есть обзор форумов в "Википедии":
http://en.wikipedia.org/wiki/Comparison_of_Internet_forum_software_(PHP)
Что советуют на Хабре?
http://toster.ru/q/33791
Как задача - связать сайт и форум
- WordPress + XenForo + WordPress 3 Bridge (что-то мудрёное с интеграцией WP с форумом, но каким? XenForo - платно - 140USD)
- Livestreetcms.com, пример работы с форумом на Алуштинском сайте (http://alushtalive.com).
- WP + BBPress (даже адаптивный! - видел один пример).
- Форум встроен в "Друпал".
*
Ещё вариант (не на Хабре советуют): WP + Mingle Forum (plugin).
Mingle Forum как плагин не удалось найти, видимо, уже не сущ.
Есть просто Mingle, со ссылками на Mingle Community. Там какие-то сбои.
Выглядит ненадёжно. Но обещают соц. сеть. из WP c пом. этого плагина.
Есть русская локализация.
*
http://smashfreakz.com/2012/10/wordpress-forum-plugins/
- An article about top 7 WP forums plugins. October, 2012.
*
Вот мнения на Хабре о разных платных и беспл. форумах:
http://toster.ru/q/2693
"...Беспл. - SMF, платный - IPB".
"SMF — если нужна мощь и беслпатность, Vanilla — если есть желание дорабатывать нестандартные вещи, punBB — если нужна простота, простая интеграция и ясный код..."
"...Попробовал второй SMF, совсем не понравилось ;( Таких базовых вещей как ЧПУ, сайтмап, нормальная загрузка и вставка картинок в текст в базовой поставке нет, а моды устаревшие и кривые, практически ничего само без напильника не ставится".
*
phpBB
http://ru.wikipedia.org/wiki/PhpBB
phpBBex - расширенные возм-ти phpBB 3.
http://bb3x.ru/packs
- сборки phpBB 3.
*
bbPress
http://ru.wikipedia.org/wiki/BbPress
http://codex.bbpress.org/bbpress-in-your-language/russian-%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9-ru_ru/
- инструкция по локализации
Есть подозрения, что форум адаптивный, или почти адаптивный, с возм. подстраиваться под хотя бы 480px.
Один из неподтверждённых недостатков bbPress - все темы идут одним списком, нет разделения на категории и разделы.
*
Vanilla
http://ru.wikipedia.org/wiki/Vanilla_(%D1%84%D0%BE%D1%80%D1%83%D0%BC)
Русскоязычный сайт - недоступен.
*
SMF - Simple Machines Forum (Free)
http://www.simplemachines.org/
http://www.simplemachines.ru/ - русская локализация, коммьюнити.
Мне понравилось, как форум адаптируется под экран, доходя до 700px, примерно.
Пример: http://dragomano.ru/forum/ - практически адаптивный, аж до 400px!!!
http://dragomano.ru/content - список модов SMF (rus).
Нравится.
http://download.simplemachines.org/ (zip 2,5Mb)
http://download.simplemachines.org/?smflanguages;lang=russian
- скачать русск. версию (230Кб).
Необх. скачать и дистрибутив, и архив с русск. локализацией.
Заливаю на се
добавил:
anartist
26 ноября 2013
комментировать
метки:
review
free
web-design
forum
CMS
сохранили
3 раза
Доски объявлений
в блог
Вот пример доски, неплохой:
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%
[
дальше
]
добавил:
anartist
26 ноября 2013
комментировать
метки:
web-design
CMS
soft
review
Обновление DNS
в блог
Не обновляются 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
добавил:
anartist
3 ноября 2013
комментировать
метки:
Google
registration
domain
web-design
provider
DNS
Landing Page
в блог
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/)
***
добавил:
anartist
16 октября 2013
комментировать
метки:
landing page
web-design
Favicon in Responsive theme, WordPress
в блог
В header.php:
<link rel="Shortcut Icon" href="<?php echo get_stylesheet_directory_uri(); ?>/icons/favicon.ico" type="image/x-icon" />
добавил:
anartist
30 апреля 2013
комментировать
метки:
favicon
WordPress
theme
code
example
web-design
Search bar in "Uber Menu"
в блог
(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).
добавил:
anartist
16 апреля 2013
комментировать
метки:
menu
WordPress
instruction
search
web-design
.htaccess против точки в домене
в блог
Взято здесь:
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;
}
добавил:
anartist
16 марта 2013
комментировать
метки:
domain
web-design
code
.htaccess
Остановить кеширование CSS в WP
в блог
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
(Последний метод, внизу, вроде, доступен.)
добавил:
anartist
18 февраля 2013
комментировать
метки:
web-design
css
.htaccess
Host webpages on Google Drive
в блог
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.
добавил:
anartist
9 февраля 2013
комментировать
метки:
service
on-line
web-design
hosting
Google
Move sidebar to the left in Twenty Twelve, WP 3.5
в блог
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;
}
добавил:
anartist
6 февраля 2013
комментировать
метки:
theme
WordPress
code
Twenty-Twelve
css
web-design
example
Media queries in IE7, IE8
в блог
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.
добавил:
anartist
6 февраля 2013
комментировать
метки:
js
web-design
rwd
library
JavaScript
IE
media queries
"Toolbox" and "_s" themes for WordPress
в блог
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/
- генератор дистрибутива, изменяет название, где надо, вписывает имя автора и др.
добавил:
anartist
5 февраля 2013
комментировать
метки:
theme
web-design
rwd
themes
WordPress
OpenCart
в блог
Обсуждение выбора 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, см. комментарии также.
добавил:
anartist
29 декабря 2012
комментировать
метки:
e-commerce
web-design
CMS
cart
OpenCart
shop
anartist
смотреть профиль
Любимые метки
English
Метки anartist
категории
.htaccess
1920px
Adobi Illustrator
advertising
alternative
android
announce
app
art
article
book
books
bootstrap
browser
Buddhism
business
Cart
Chaplin
children
chinese
Christian
Chrome
church slavic
clothes
cms
code
codepen io
Colour
contact form
css
debug
DNS
doctype
domain
download
e-commerce
Editing
education
English
example
far
fast
favicon
files
flash drive
flv
Font
forum
framework
free
generate
gmail
google
gradient
grid
hack
history
hosting
householder
Hover
html
html5
ie
illustration
Image
inspiration
install
instruction
ios
JavaScript
jQuery
js
Keyboard
landing page
language
layout
lesson
library
link
links
list
Literature
map
media queries
menu
military
mind
mobile
money
mp4
name
news
on-line
opencart
open source
Orthodox
Payments
photo
photos
plugin
poem
poetry
politics
Prayer
programming
provider
psalm
Psalms
Psalter
psychology
Python
quote
registration
religion
Religious
review
Russia
russian
rwd
script
search
semantic ui
Sermons
service
shop
Site
slider
snippet
social
soft
stackoverflow com
statistics
stock
Study
svg
Tai-Chi
TELE2
telephone
text
thematic
theme
themes
Theory
troubleshooting
tutorial
Twenty-Twelve
type
university
us
video
vkontakte
web-design
webdesign
Widget
wikipedia
windows
wordpress
writing
XP
yandex
yandex.direct
youtube
yui
Реклама
: