пятница, 30 октября 2015 г.

Как не надо учить английский
Как не надо учить английский

Как не надо учить английский

Перед вами несколько советов о том, как не надо учить английский язык. Все они основаны на моем собственном опыте и призваны сэкономить ваше время и помочь вам организовать занятия оптимальным образом. Итак, если вы учите английский, не надо:

1. Пытаться услышать каждое слово

Тем, кто учит английский, часто приходится слушать аудио: диалоги, радиопрограммы и т.п. Мы с моими учениками не исключение. Но вот что я заметила: бывает, человек в самом начале записи услышит незнакомое слово – и все, дальше он ничего не слышит, пытается разгадать значение этого слова (которое, кстати, чаще всего оказывается незначительным для основного смысла). Поэтому очень важно не давать себе концентрироваться на каждом отдельном слове – вместо этого постарайтесь уловить общий смысл, в жизни вполне может случиться, что собеседник употребит незнакомое вам слово или выражение, знать все-все слова нереально, гораздо важнее уметь понять суть.

2. Постоянно исправлять свои грамматические ошибки в разговоре

Грамматика – это важно, ошибки – это плохо. Но, помня об этом, не забывайте и об основной цели ваших занятий: говорить свободно. А это невозможно, если вы будете по полминуты подбирать грамматическую конструкцию, которую хотите использовать, или не говорить вообще, боясь сделать ошибку. Лучше наделать кучу ошибок, а потом поработать над ними (самостоятельно или с учителем), чем придерживаться только привычных для вас ограниченных конструкций. Ошибки имеют тенденцию исчезать по мере того как ваши знания расширяются.

3. Заниматься один раз в неделю помногу

Это, пожалуй, первое, о чем я предупреждаю своих учеников: лучше заниматься меньше, но чаще, регулярность крайне важна. Это, кажется, знают уже все, но, увы, именно это самая большая проблема изучающих любой иностранный язык. Все мы работаем, у большинства моих учеников семьи, дети. Но быстро и успешно учатся только те, кто находит в своем перегруженном графике несколько десятков минут для английского каждый день. Соответственно, те, кто занимается только, скажем, два часа в выходные, а остаток недели не вспоминает об английском, развивается в разы (на самом деле во много раз) медленнее. Конечно, такая частота занятий тоже дает определенные результаты, но, в основном, в области теоретических знаний, в то время как разговорный язык не движется с места.
Итак: если хотите научиться говорить по-английски – занимайтесь каждый день. Не обязательно с преподавателем, хотя бы просто слушайте аудио в перерывах между делами, читайте что-нибудь, главное – не отпускайте английский от себя надолго, помните, что результаты очень быстро сходят на нет.

4. Расстраиваться, если что-то не получается

В любой, наверно, учебе важен настрой. Каждый хоть иногда сталкивается с трудностями. Но кто-то начинает ненавидеть себя за это, а кто-то относится к неудачам более легко и не зацикливается на них. Не получается? Получится. Обязательно. Иначе и не может быть. Я не встречала еще ни одного человека, который не мог бы научиться отлично говорить по-английски. И вряд ли вы тот самый первый человек, который убедит меня в обратном.
У меня была ученица, которая пришла ко мне с проблемой: она не могла понимать английскую речь на слух. Причем вообще, даже самую четкую и медленную и даже самые простые слова. При этом каким-то образом у нее был довольно хороший словарный запас, она неплохо говорила по-английски, много читала. Но стоило нам включить аудио с простеньким диалогом, она пугалась и говорила, что ничего не понимает. Совсем ничего? – уточняла я. Совсем. Надо ли говорить, что проблема здесь была скорее психологическая. Она просто «знала», что не понимает на слух, и как-то убедила себя в этом. В итоге мы потратили довольно много времени на то, чтобы «убедить» ее мозг, что слова, сказанные вслух, это те же слова, которые она отлично понимает на бумаге.

5. Заставлять себя читать неинтересный текст

Может, кто-то поспорит со мной, но я твердо убеждена,
что занятия должны приносить удовольствие. Этого правила я придерживаюсь, когда сама изучаю иностранный язык, это же правило применяю при обучении других. На самом деле, я просто не представляю, как можно читать что-то, что вам неинтересно, даже на родном языке, что и говорить об иностранном. На днях я нашла в сети сборник рассказов на испанском, начала читать – и бросила, потому что какая-то муть, и я не представляю, как буду это пересказывать своему учителю, он же умрет от скуки, пока будет меня слушать.
Старайтесь находить что-нибудь интересное – хорошо бы художественную литературу, благо сейчас нет проблемы скачать подходящие книги. Проблема только выбрать. Здесь пригодится учитель, который возьмет поиск материалов на себя. Если же учителя нет, придется потратить чуть больше времени, но все равно старайтесь находить интересное.

6. Полностью полагаться на учителя

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

четверг, 22 октября 2015 г.

TOP 10 JOOMLA! SEO TIPS AND TRICKS


SEO may sound complicated and expensive, but there are a number of things you can do to improve your search engine ranking that won’t have you spending a dime or tearing your hair out. Our friends at Alledia.com have put together a list — just for iJoomla’s newsletter subscribers — of the 10 simplest SEO tips and tricks for Joomla sites.
Alledia.com really are experts at SEO for Joomla, so when they talk search engines, we listen. 
1) Don’t install any sample data when you set up a Joomla! site.
When you launch your Joomla! Site, it’s very easy to forget to delete all the demo articles that come with it. That will give you pages, links and newsfeeds that are irrelevant to your topic. Delete your sample data and don’t forget to empty your trash as well!
2) Your Site Name should be your site’s name.
There can be a temptation to cram as many keywords as possible into the “Site Name” field. It doesn’t help and when users register at your site, they get an email saying “Welcome to Widgets, Buy Widgets, Cheap Widgets, Bargain Widgets!” You don’t want that.
3) Turn off your PDF links.
When we analyze Joomla! Sites, we often find PDFs ranking higher than the original pages. Because PDF pages have no menu links, they’re a dead-end. Users can’t move from the PDF to the rest of your site. So turn off those links.
4) Don’t waste your site’s link juice with lots of social bookmarking links.
Lets face it, very few pages have a chance to hit the Digg home page or do well on Reddit, so only place those buttons on your best articles. Your visitors appreciate clean, uncluttered pages — and so do search engines.
5) Redirect the www and non-www versions of your site to the same place.
All you need to do is add this little piece of code to your .htaccess file. Note: Replace MyDomain with your domain name and .com with your domain extension.
## Can be commented out if causes errors.
Options FollowSymLinks
# mod_rewrite in use
RewriteEngine On
RewriteCond %{HTTP_HOST} ^MyDomain\.com$ [NC]
RewriteRule ^(.*)$ http://www.MyDomain.com/$1 [R=301,L]
RewriteCond %{HTTP_HOST} !^.*MyDomain\.com [NC]
RewriteRule (.*) http://www.MyDomain.com/$1 [R=301,L]
6) Turn on your cache.
Search in Google and you’ll see a size for each site. Smaller, faster sites are more popular with visitors and with Google. One easy way to make your site act small and load faster is to turn on your cache in Global Configuration.
7) Enter a full description for all your sections and categories.
These pages are great for organizing your site… and for improving Page Rank. If you organize your sections and categories carefully, your site becomes very easy for both people and search-engine spiders to navigate.
8) Less is often more
Having thousands of Joomla! pages indexed in Google isn’t always a good thing, especially if those pages don’t bring value. Some components, for example, can produce lots of extra pages that are completely worthless. One easy way to check if your site is putting garbage on Google is to search for site:mydomain.com. If you find pages that don’t have good content, you might want to remove them.
9) Empty your global configuration metadata.
I’m sure you’re all big fans of Joomla!, but I’m equally sure that “Joomla! – the dynamic portal engine and content management system” doesn’t describe your site. Take it out.

10) Be confident.
Joomla! is fantastic software that allows you to easily create lots of high quality pages that are great for your SEO. If you keep a close eye on your site and take the time to learn how Joomla! works, there’s no reason why you shouldn’t have top-flight search engine rankings!
Need more SEO advice?

CHANGE JOOMLA TEMPLATE ON EXISTING WEBSITE

Is it easy to change Joomla template of an existing website? Will the website be offline for a long time during this operation? These questions are often asked in the Joomla world. People not proficient with Joomla usually think that template will be changed with a single click. This is actually true. Your template will be changed in a second, but there's a big chance that your website will be messed up after that.
joomla template changeIs it easy to change Joomla template of an existing website? Will the website be offline for a long time during this operation? These questions are often asked in the Joomla world. People not proficient with Joomla usually think that template will be changed with a single click. This is actually true. Your template will be changed in a second, but there's a big chance that your website will be messed up after that.
What did I do?! You will probably panically switch the template selection back to the original state and release that procedure wouldn't be that easy.
Please remember these facts before you try to change Joomla template on your existing Joomla based website:
1. Your website doesn't have to be offline at all, you can switch template instantly.
2. You have to understand what are the most important elements of any Joomla template:
a) Module positions: Let's analyze a simple example. You have an existing website with an old template with module positions 'user1' (header), 'left' (left column), 'right' (right column) and 'bottom' (footer area). The content area is between 'left' and 'right' module positions. Your are replacing this template with a new template that contains module positions 'top' (header), 'left' (left column), 'right' (right column) and 'footer' (footer area).. In this example, after template switch, you should change module positions of all your 'user3' and 'bottom' modules to 'top' and 'footer'.
b) Menus: Usually, in Joomla we have the top (horizontal) menu with or without drop-down submenu and the vertical menu(usually in the left or in the right column). In our templates, top menu with drop-down submenu is usually in the position 'user3' (anyway, if you are using our template, please check the module positions of this template in the template demo) and settings should be as per Joomla Top Menu Settings. The vertical menus shouldn't have any text in module class suffix field in the menu module parameters. Please check this.
c) Content pages (articles): If your content pages are created per modern web design standards and without tables, template switch will probably be straightforward from this aspect and, most likely, you wouldn't need any edits of your content pages. However, if your website contains content pages with tables or any other elements with fixed width parameter, you would maybe need to edit such pages (enlarge or reduce widths) to fit into the new template. So, it's recommended to select new template with the same width of the main content area as the old template. A good feature of our templates are the flexible widths, so you can set widths of the left and the right columns, content area width and the overall template width (excl. ItStarts template). This is easily done in template parameters.
d) Third-party extensions: There may be some additional things you should edit to make them look properly in the new template. The third-party extensions (components and modules) may need some tweaks. For straightforward sites, template switch is usually easy, but as site is more and more complex (more elements, extensions, module positions, pages…), template switch could be more and more complex. Change of Joomla template is always possible, but for complex sites it may require more time and more Joomla knowledge.
3. If you have a complex website and you want to change its template, this procedure can take some time. In this case, we recommend you to make a mirror of your Joomla site on your local computer and work locally. You will need a web server installed on local computer and copy of your website downloaded and installed locally. Then you can switch template, make all necessary edits and workout everything else locally, while your live site remains untouched. You don't have to hurry, as your live website won't be offline during development, so feel free to take your time. If you don't want to bother with installation of the web server, you can make a copy of your website in a subdirectory of your hosting space and do changes on this copy. When you are done, simply switch the copy and the original.
Once you finished all necessary edits and successfully switched template on the local server or on the website's copy on the server, you can upload changes on your live website. This will take a few minutes in both cases, so your site won't be offline for too much time.

суббота, 10 октября 2015 г.

SVG-графика в веб-сайтах


Чуть больше года назад мы затронули тему создания HD-версии сайта для устройств с повышенной плотностью пикселов, обсудили проблемы, возникающие при этом, и возможные варианты их решения. Прошёл год, таких устройств стало ещё больше, создавать графику для всего этого зоопарка становится всё сложнее.
К счастью для веб-дизайнеров, постоянно улучшаются не только качество экранов и скорости процессоров, но и технологии, которые поддерживаются браузерами на любых современных устройствах! Спустя год можно уже всерьёз поговорить об использовании векторной графики (которое предсказывал Анатолий) в веб-сайтах!

Векторную графику в массы!

Формат графики, которую мы будем использовать в вебе, называется SVG (Scalable Vector Graphics). SVG — это специальный язык разметки векторной графики, который разрабатывается W3C с 1999 года. Возможность создавать SVG доступна во многих векторных редакторах: Illustrator, Corel Draw или Sketch.
Какие же есть достоинства у SVG, существенные для веб-сайтов?
  • Относительно небольшой размер файла, который, к тому же, хорошо сжимается благодаря SVGZ.
  • Неограниченная масштабируемость (отчего формат и получил своё название), а значит, такая графика отлично выглядит на retina-подобных экранах!
  • Достаточно много изменяемых параметров. Например, цвет заливки, позиции отдельных элементов, таких фильтров как размытие или даже анимации.
Один файл — все размеры и любые цвета.
Основными проблемами при использовании SVG ранее были слабая поддержка этого формата браузерами и сложность создания страховочных вариантов, которые бы отображали обычные растровые изображения, в случае, когда векторные не поддерживаются. Сейчас же ситуация изменилась к лучшему — теперь проблемы возникают только с IE8 и браузерами для Android 2.3 и младше. С этим, как мне кажется, можно смириться.

Подготовка графики для использования в веб-сайте

Естественно, первым делом вам нужно правильно экспортировать графику для использования в веб-сайте. Поделюсь с вами некоторыми тонкостями экспорта SVG из Adobe Illustrator.
Общая рекомендация для любых приложений — при экспорте используйте версию SVG 1.1 — на данный момент она наиболее полно поддерживается браузерами.
А теперь — чудо-руководство по экспорту из Illustrator в SVG с минимальным размером при максимальном качестве! Итак, вперёд. File > Save as…

1. Профиль SVG

Как я уже заметил выше, наш выбор — обычная версия SVG 1.1. Ее же рекомендует W3C.

2. Подраздел «Fonts»

Здесь у нас целых две опции, которые нужно подкорректировать. Type — по умолчанию выбран как Adobe CEF, но нам нужен SVG. Он рекомендован W3C, и при этом мы сможем встраивать глифы шрифта в наш файл при помощи следующей настройки — Subsetting. К сожалению, SVG-шрифты не полностью поддерживаются браузерами Firefox и IE. Когда ситуация изменится, пока не известно. В Firefox и IE лучше встраивать веб-шрифты Google Fonts или Typekit от Adobe.

3. Подраздел Image options

Тут нужно выбрать, каким образом мы крепим растровые изображения к SVG — встраивая их в файл напрямую, либо ссылаясь на внешний файл. У каждого из этих способов есть свои плюсы и минусы. При использовании ссылки на внешний файл уменьшается размер SVG-файла, а при встраивании экономится один запрос при загрузке сайта.
ПОДСКАЗКА: Preserve Illustrator Editing Capabilities — не на шутку раздувает размер файла.

4. Decimal Places

Настройка, отвечающая за точность экспортируемого вектора — проще говоря, уточняет координату каждой вершины до N знаков после запятой. Зачастую такая точность не нужна, но на размер файла это влияет значительно.

Оптимизация с помощью инструментов Warp Tool и Simplify

Чем больше количество вершин в вашем векторном изображении, тем больше размер файла. Двумя наиболее удобными способами уменьшения количества вершин являются ручная работа над изображением с использованием Warp Tool или запуск автоматического упрощения пути Simplify.
Даже на самой простой фигуре я сэкономил 14 вершин и несколько килобайт в размере файла.
Готово!
Подготовив таким образом наше изображение к сохранению, мы заметно уменьшили размер файла и получили на выходе максимально совместимый файл.
Теперь пришло время разобраться, как мы будем встраивать его в страницу!

Вставка SVG на страницу

Вставка SVG как IMG

Наиболее простым способом встроить файл является использование тега img. Выглядеть это будет примерно вот так:
<img src="file.svg" alt="SVG File">
Конечно, здесь мы можем задавать размеры точно так же, как и для растровых изображений, например, в формате PNG. Этот метод поддерживается достаточно широко.

Вставка SVG как фона

Настолько же легко мы можем использовать SVG-графику как фон:
<a href="/" class="logo">Logo</a>
.logo {
    width: 100px;
    height: 50px;
    background-image: url(logo.svg);
    background-size: 100px 50px;
}
Здесь нужно обратить внимание, что кроме размера элемента, мы должны указывать и размер фона, иначе мы увидим векторное изображение оригинального размера. Этот метод также широко поддерживается современными браузерами.

Вставка SVG-кода непосредственно в страницу

Каждое векторное изображение в формате SVG — по сути текстовый файл, в котором это изображение описывается. Это позволяет вставлять нам этот код непосредственно в тело страницы, попутно используя пару отличных особенностей.
Вначале помещаем на страницу наше изображение и не забудем присвоить отдельным элементам свои классы:
<svg>
<ellipse class="background"/>
<path class=”logo”/>
</svg>
Теперь мы можем присваивать специальные свойства для SVG прямо в стилях, например, заливку или обводку! Со списком свойств можно ознакомиться здесь.

Вставка SVG как OBJECT

Более удобным способом (система управления контентом или фреймворк делает это автоматически) по сравнению со вставкой кода является тег object:
<object type="image/svg+xml" data="logo.svg" class="logo">
Logo
</object>
А изображения для страховки на случай, если SVG не поддерживается, мы можем добавить прямо в стили (правда, нам понадобится, как и в предыдущих способах, библиотека Modernizr):
.no-svg .logo {
    background-image: url(logo.png);
}

Как развивать идею использования SVG

Стоит ли ограничиваться простым использованием SVG как хранилища «резиновых» иконок или есть и более крутое применение? Ещё бы!
Всё чаще наши коллеги используют возможности SVG на полную катушку. С появлением таких библиотек, как Snap.svg, SVG.js или SvgVerlet.js можно создавать сложные взаимодействия и анимации с векторными объектами.
Как вам создание анимированных иконок и создание анимированных чекбоксов и радио-кнопок? Или пример работы библиотеки svg.js и пример использования SvgVerlet с эмуляцией физических взаимодействий. И, конечно, совсем свежие обзоры Playstation 4 и Xbox One от сайта Polygon.
Думаю что выглядит неплохо, да и вдохновляет весьма сильно!

Как вставить SVG в HTML