CSS, HTML, JS Верстка, Ява-скрип, Хтмл. Sat, 26 Sep 2026 04:15:07 +0000 Sat, 26 Sep 2026 04:15:07 +0000 Хакерский форум: свобода информации, безопасность https://xaker.name/forum/css-html-js/ Творим чудеса с помощью библиотеки Animate.css Thu, 01 Oct 2015 04:58:29 +0000 https://xaker.name/threads/29016/ https://xaker.name/threads/29016/ invalid@example.com (хопкинс) хопкинс
Встречайте:yahoo:-библиотека Animate.css

Постараюсь объяснить в двух словах. Данная библиотека позволяет отказаться(в некотором роде) от JS. Да-да! У вас не...

Творим чудеса с помощью библиотеки Animate.css]]> 2 "приобретаем" favicon от Яндекса Sat, 25 Jan 2014 06:12:38 +0000 https://xaker.name/threads/29313/ https://xaker.name/threads/29313/ invalid@example.com (Graver) Graver
Достаточно изменить окончание URL на нужный домен и его добавить в тег img.

Для ВКонтакте:
Код:
http://favicon.yandex.net/favicon/vk.com
Для Google Translate:
Код:
http://favicon.yandex.net/favicon/translate.google.com
Примера готового кода на примере иконки твиттера:
Код:
<img src="http://favicon.yandex.net/favicon/twitter.com" alt="twitter.com">
]]> 1 Для тех кто использует css [Юзаем less] Sat, 19 Oct 2013 13:05:46 +0000 https://xaker.name/threads/29231/ https://xaker.name/threads/29231/ invalid@example.com (хопкинс) хопкинс
Переменные

Эта возможность вполне очевидна:
Код:
@nice-blue: #5B83AD; @light-blue: @nice-blue + #111;  #header { color: @light-blue; }
что дает на выходе:

Код:
#header { color: #6c94be; }
Можно также определять переменную, ссылаясь на другую переменную по ее имени:

Код:
@fnord: "I am fnord."; @var: 'fnord'; content: @@var;
Что компилируется в:

Код:
content: "I am...

Для тех кто использует css [Юзаем less]]]> Новые возможности в формах html 5 Sun, 21 Jul 2013 17:34:35 +0000 https://xaker.name/threads/28809/ https://xaker.name/threads/28809/ invalid@example.com (хопкинс) хопкинс Даже 6-ой ишак. Ну, а если ваш браузер не самый последний, то те элементы которые он не в силах показать-просто проигнорирует и заменит на стандартные, более понятные формы....

Новые возможности в формах html 5]]> [Обо всем по немногу-Html5] Часть 2 Sun, 07 Jul 2013 09:06:13 +0000 https://xaker.name/threads/28728/ https://xaker.name/threads/28728/ invalid@example.com (хопкинс) хопкинс
оффлайновое веб-приложение в html 5​

Для начала поговорим о манифесте кэша:
В манифесте содержится список всех ресурсов требуемых вашему веб-приложению, пока оно отключено от сети. (Но мы то с вами не плюшками балуемся, нам его полюбому нужно включить)

HTML:
<html...
[Обо всем по немногу-Html5] Часть 2]]> 1 По просьбе rijy))) [Обо всем по немногу-Html5] Sat, 29 Jun 2013 21:58:45 +0000 https://xaker.name/threads/28696/ https://xaker.name/threads/28696/ invalid@example.com (хопкинс) хопкинс
Прежде чем начать писать статью я хотел бы напомнить некоторые моменты:
1.Если вы желаете сделать рисунок, проигрывать видео, улучшить функциональность форм...знайте!!! Все уже прекрасно поддерживается всеми браузерами))
2.В HTML5 есть только один доктайп- А это значит что вам будет легко "обновиться", достаточно лишь прописать
HTML:
<!DOCTYPE html>
и вуаля))...

По просьбе rijy))) [Обо всем по немногу-Html5]]]> Ваяем сайт для "уток" или [Верстка для iPhone] Sun, 02 Jun 2013 17:46:48 +0000 https://xaker.name/threads/28536/ https://xaker.name/threads/28536/ invalid@example.com (хопкинс) хопкинс Посмотреть вложение 1369 ​
Приветствую всех кто читает данную статью)Всем нам известно что время не стоит на месте, а это значит что любому (программисту,верстальщику и т.д) необходимо постоянно получать новые знания. В этой статье я расскажу всякие "няшки" которые необходимы для "МоГуЧеГо ЯбЛоКа"

P.S Заранее предупреждаю. Я не говорю в этой статье как правильно делать, а как нет. Каждый делает по своему. Я лишь расскажу как можно делать...В надежде на то, что это кому...

Ваяем сайт для "уток" или [Верстка для iPhone]]]> 2 Вообщем чуть чуть с кодом запутался) Sun, 12 May 2013 12:37:31 +0000 https://xaker.name/threads/28243/ https://xaker.name/threads/28243/ invalid@example.com (dragon123wer) dragon123wer Имеется форма для ввода данных на html:
PHP:
<form  action="http://site.com/form.php" method="POST">
   
   
     <table border="0" align="center">

     <tr>
     <td class="avto">Логин:
     </td>
     <td > <input type="text" name="login" size="30">
     </td>
     </tr>

     <tr>
     <td class="atvo">Пароль:
     </td>
     <td><input type="text" name="pass" size="30">
     </td>
     </tr>



     <tr>
     <td colspan="2"...
Вообщем чуть чуть с кодом запутался)]]> 2 Как проще всего оформить меню? Thu, 21 Feb 2013 15:45:20 +0000 https://xaker.name/threads/27885/ https://xaker.name/threads/27885/ invalid@example.com (хопкинс) хопкинс Здравствуйте. Скажите пожалуйста как проще всего оформить горизонтальное меню...
В принципе само меню готово, Но есть одно маленькое НО. Как видно на скрине там есть два пункта: корзина и вход/регистрация пользователя...
При добавлении товара в корзину - цена увеличивается в длину и одна рамка наезжает на другую ( Тоже самое и при регистрации - если будет слишком большой логин, рамка "уедет" ).
Можно ли сделать так чтобы рамки не наезжали друг на друга, а сдвигались...Например...​
Как проще всего оформить меню?]]> 1 Помогите дописать скрипт java Mon, 07 Jan 2013 20:41:14 +0000 https://xaker.name/threads/27687/ https://xaker.name/threads/27687/ invalid@example.com (Юрий777) Юрий777 Есть скрипт:
function rules() {
$('#user_message').val('#rules');
send_Message();
}
Он пишет в чат #rules и отправляет
А надо чтоб он писал в чат , потом открывал всплывающее окно в который нужно ввести текст после #rules и после добавки текста после #rules только отправить в чат.
p.s я нуб в javascript ничего не понимаю в нем
p.ss выполняет действие после нажатие кнопки.]]> 2 Привлекательные экспериментальные плагины на JavaScript Mon, 12 Nov 2012 09:12:29 +0000 https://xaker.name/threads/27453/ https://xaker.name/threads/27453/ invalid@example.com (dikobraz) dikobraz Автор: modernstyle
Источник: habrahabr.ru


Вступление

Я безумно люблю различные эксперименты на JS. Они словно позволяют заглянуть нам в будущее, и посмотреть, каким захватывающим и футуристичным оно будет. Когда вы будете просматривать приведенную подборку, вы наверняка вспомните про еще недавнего короля — Adobe Flash, а затем осознаете, насколько быстро CSS и...

Привлекательные экспериментальные плагины на JavaScript]]> ScriptJava - упрощенный javascript - примеры и докуменация Wed, 08 Feb 2012 20:55:09 +0000 https://xaker.name/threads/25044/ https://xaker.name/threads/25044/ invalid@example.com (xzxzxz) xzxzxz
ScriptJava это JavaScript Framework, который создан для облегчения разработки динамических веб-приложений.

ScriptJava Framework

* работа с элементами
* работа с ajax
* динамическая подгрузка скриптов
* динамическое создание элементов
* динамическая подгрузка css стилей
* отправка файлов через ajax
* отправка формы через ajax
* работа с cookie
* работа с событиями
* работа с браузером, экраном, числами, элементами...

ScriptJava - упрощенный javascript - примеры и докуменация]]> Новые возможности Html 5 Thu, 26 Jan 2012 14:06:45 +0000 https://xaker.name/threads/24841/ https://xaker.name/threads/24841/ invalid@example.com (хопкинс) хопкинс
Вступление​

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

Новые возможности Html 5]]> Новые возможности css 3 Wed, 25 Jan 2012 16:07:05 +0000 https://xaker.name/threads/24830/ https://xaker.name/threads/24830/ invalid@example.com (хопкинс) хопкинс
  • Закругленные углы (это из больных тем)
    Пример:
    Код:
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
    [+] Изображение
    [​IMG]
    [свернуть]

    А еще есть вот такой сайт.для ленивых)))->border-radius.com
  • Обозначение границы элементов
    Пример:
    Код:
    border-image:  url(border.png) 30 30 30 30 round round;
  • Тень
    Пример:
    Код:
    -o-box-shadow: 10px 10px 5px...

    • Новые возможности css 3]]>