Яблоко1 Голосов: 1 Адрес блога: http://yabloco1.ru Добавлен: 2013-03-04 17:50:02 блограйдером lolka4toli

Редакторы кода HTML, CSS, JS

2013-02-15 18:15:41 (читать в оригинале)

Редактор позволяет создавать и изменять HTML-страницы. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. Код — текст. http://htmledit.squarefree.com/ http://www.htmlinstant.com/ http://www.techtutshub.com/p/online-html-editor.html https://thimble.webmaker.org/en-US/editor   Текст — код. http://freeonlinehtmleditor.com/ http://htmleditor.in/index.html Редактирование кода с поддержкой CSS и JS. jsFiddle — http://jsfiddle.net/ Tinker — https://tinker.io/ JS Bin — http://jsbin.com/ Code Pen — http://codepen.io/pen/

---

Вертикальное раздвижное меню на jQuery

2013-02-14 18:16:23 (читать в оригинале)

Небольшой скрипт позволяет сделать навигацию по вертикальному меню удобной, а само меню — компактным и лаконичным. Просто. Удобно. Необходимо Подключаем функции скрипта: $(document).ready(function(){ $('#spisok > li > ul') .hide() .click(function(e){ e.stopPropagation(); }); $('#spisok > li').toggle(function(){ $(this).find('ul').slideDown(); }, function(){ $(this).find('ul').slideUp(); }); }); Подключаем стили для списков: #spisok, #spisok ul { list-style-type: none; margin: 0; padding: 5px [...]

---

Прокрутка в начало страницы. Вариант 1

2013-02-14 18:10:15 (читать в оригинале)

Моментальный переход в начало страницы. … Используется блок #header, который традиционно размещен в начале любой веб-страницы. Располагаем текстовую ссылку внизу страницы: <div class="top"> <a title="перейти в начало страницы" href="#header">наверх</a> </div> Плавная прокрутка в верх страницы с использованием jQuery. При необходимости, добавляем код, который обеспечивает эффект плавного прокручивания страницы: <script> $(document).ready(function() { $('a[href=#header]').click(function(){ $('html, body').animate({scrollTop:0}, 'slow'); [...]

---

Псевдоклассы ссылок

2013-02-14 17:57:04 (читать в оригинале)

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