Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 04/03/2012 in all areas

  1. s0rr0w
    Да забить на нее и делов то. Если кому-то хочется поиграться в написание спецификаций, то предоставим их самих себе. А нам надо решать повседневные задачи.
    3 points
  2. Great Rash
    Боже, мои глаза! eval то вам зачем? function newColor(id, clName) { document.getElementById(id).className = clName; }
    2 points
  3. sigma77
    Вообще по семантике HTML5 положено именно списком A nav element doesn't have to contain a list, it can contain other kinds of content as well. In this navigation block, links are provided in prose п.с. И да, я тоже против глобальных сбросов/переопределений стилей. Сбрасывать и переопределять нужно только так, где это используется. Тем более не нужно сбрасывать глобально элементы, которые имеют весьма определенное назначение - списки, заголовки, начертания шрифтов. Хотя для навигации, в свете html5 - nav ul {margin: 0; padding: 0; list-style: none;}, в принципе можно и использовать. Но никак не просто к ul. Хотя очевидность использования списков для навигации, после появления nav, для меня всё менее и менее очевидна ))
    2 points
  4. NeoXidizer
    либо я не с той планеты, либо вы для меня сброс стилей - способ заставить используемые на странице элементы выглядеть одинаково во всех браузерах, не более почему это плохо/почему этого нужно избегать/почему появилась эта тема на форуме - для меня загадка. Тысячи разработчиков (включая разработчиков CMS и сайтов-гигантов) используют сбросы и почему то не думают, что это "плохо". P.S. сброс стилей никак не может быть "трендом". Первый ресет появился пример в 2004 году и представлял из себя *{margin:0;padding:0;}, в том виде, в котором он сейчас, он появился как минимум в 2007 году.
    2 points
  5. MiksIr
    Когда делается сайт для заказчика, который занимается наполнением сам - дизайнер рисует оформление всех стандартных элементов - заголовков, списков, таблиц и т.д. и даже более - разные виды этих оформлений, классы которых прописываются в визивиг. А верстальщик прописывает все это для тех контейнеров, которые редактирует пользователь. Каким местом тут сброшенные стили мешают?
    2 points
  6. Svatov
    Если не сложно можешь помочь ? Темка 1. Макет у тебя сам отвратительный, если бы я и верстал бы бесплатно, значит для портфолио, а эту работу нельзя оценивать как стоящую. 2. Я не люблю ненормативную лексику, только в редких случаях под сильным эмоциональным всплеском, а тут просто не серьезно.
    1 point
  7. Gold Dragon
    kilogram, а что ты хочешь получить? И вообще, что ты хочешь сделать?
    1 point
  8. alex_anderr
    Вы сильно умный и ссылка сбила мысль. Это нормально.
    1 point
  9. Great Rash
    Все это баловство для молодых. А мне еще моя гильза мой фотошоп послужит. При том, что по работе юзаю процентов 10 его возможностей. Да и платить 100500 денег за него ради пары функций как-то не улыбается.
    1 point
  10. mishka
    В таком случае оформляй меню чем угодно но не списком, чтобы не лишать тега его собственности. Я тоже не понял что тебе непонятно. На то он и глобальный для всех тегов, или считаешь что "*" лучше? Ты считаешь что вместо пары строк где некоторым тегам html5 задается display: block это хуже чем писать много раз этот display: block где встретится такой тег? Ну да, да, конечно! Можно подробнее? Обычно про * {margin: 0;padding: 0} начинающие верстальщики узнают сразу же.
    1 point
  11. Palaum
    Город указал, но как я уже писал ищем именно человека, по началу требуется только удаленное сотрудничество, а хорошему работнику потом и переезд обеспечим, если в другом городе живет.
    1 point
  12. Vin
    Lightroom — для "проявки" цифровых негативов, для фотографов, грубо говоря. Elements — для простой обработки фото. "Обычный" фотошоп — многофункциональный (в отличии от первых двух) инструмент для работы с графикой. Именно в нём обычно и русуют макеты сайтов. Я думаю, это уже слишком
    1 point
  13. Radiocity
    Вступление В этой теме напишем простой плагин на jQuery(1.4.3+). Задача - показывать всплывающее сообщение на странице с эффектом затемнения фона. При нажатии на фон или кнопку "Закрыть", сообщение плавно пропадает. Посмотреть демонстрационную страницу Базовая верстка (index.html) Для проверки плагина потребуется простенькая страница с ссылкой, активирующей всплывающее сообщение. Будет подключена библиотека jquery-latest.js, и файл нашего плагина jmypopup.js. <!doctype html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="pl.js"></script> <style> <!-- здесь будет стилевое оформление --> </style> </head> <body> <a href="#" id="run">Показать сообщение</a> </body> </html> Пишем плагин (jmypopup.js) За основу возьмем код из урока, написанного Антоном Шевчуком: (function($) { // Обертка var defaults; var options; $.fn.mypopup = function(params){ options = $.extend({}, defaults, options, params); // Основной код return this; }; })(jQuery); // Обертка Создается обертка, которая предотвратит нежелаемые конфликты. Внутри назначаются переменные defaults (массив настроек по-умолчанию) и options (массив пользовательских настроек). Далее создается функция, которой и будет наш плагин. Назовем её mypopup. Рассмотри возможные параметры, передаваемые плагину. Во-первых, ширину (width) и высоту (height). Это позволит нам гибко управлять размерами окна для каждого из вызывающих объектов и выравнивать по центру окна браузера. В нашем примере для измерения используем числовые значения. Во-вторых, флаг background, отвечающий за фоновый эффект затемнения/осветления (зависит от предпочтений верстальщика). Стоит отметить, что данный параметр введен с целью оптимизации. В-третьих, текстовый параметр html, который содержит пользовательских html код, отображаемый во всплывающем окне. В-четвертых, текст ссылки для закрытия close. Если текста не будет, то и ссылка не создается. Опять же, подобный нюанс, ввдене с целью оптимизации. Добавим описанные переменные в код, задав значения по умолчанию: var defaults = { width:'200', height:'64', background:true, html:'', close:'Закрыть'}; Принцип работы плагина прост. Чтобы не нарушить верстку на странице, в ее конце создается код всплывающих сообщений, не отображаемых пользователю. Далее при необходимости пользователю показывается определеный блок данных. Отмечу, что фоновый слой мог быть и один. Однако, я посчитал, что это может сказаться на визуализации, в случае вызова нескольких окон одновременно. Объявим в основном коде новую переменную,отвечающую за уникальность каждого всплывающего окна. Это позволит избежать нежелательных эффектов. // Основной код // Случайное значение 1-1024 : var seed = 1 + Math.floor(Math.random()*1024); Далее в основном коде напишем условие создания фонового слоя, используя функцию .append(). Обязательно спрячем его от пользователя командой .hide(): // Фон: if (options.background){ $("body").append('<div id="plup_fade'+seed+'" class="plup_fade"></div>'); $("#plup_fade"+seed).hide(); } // end if Теперь перейдем к созданию самого сообщения. Добавление происходит аналогично. Блоку устанавливается высота и ширина, приведенные к числовому типу командой parseInt(). К сожалению, мне не пришло в голову более грамотного стилистического оформления для выравнивания сообщения по центру страницы, чем отрицательные отступы. Не стоит забывать о необходимости спрятать созданный блок от пользователя. // end if // Добавление слоя сообщения: $("body").append('<div id="plup_msg'+seed+'" class="plup_msg" style="width:'+parseInt(options.width)+ 'px; min-height:'+parseInt(options.height)+'px; height:'+parseInt(options.height)+'px; margin-top: -' +(parseInt(options.height)/2)+'px; margin-left: -' +(parseInt(options.width)/2)+'px;"><div class="plup_data"></div></div>'); // Добавление текста, если он есть: if (options.html) { $("#plup_msg"+seed+" .plup_data").html(options.html); } else { $("#plup_msg"+seed+" .plup_data").html('<h2><center>Привет</center></h2>'); } // end if..else $("#plup_msg"+seed).hide(); // Добавление ссылки "Закрыть" if(options.close){ $("#plup_msg"+seed).append('<div class="plup_close"><a href="#" title="'+options.close+'">'+options.close+'</a></div>'); } Пора научить наши сообщения всплывать при нажатии на указанный объект, а также прятать при нажатии на фон или ссылку "Закрыть". Добавим специй! Прятать и показывать сообщение будем с использованием плавного исчезновения. В этом нам поможет команды .fadeIn() и .fadeOut(). В основном коде допишем: // Нажатие на объект: $(this).click(function(){ $("#plup_fade"+seed).show(); $("#plup_msg"+seed).fadeIn('slow'); }); // нажатие на фон или сылку "Закрыть" $("#plup_msg"+seed+" .plup_close a, #plup_fade"+seed).click(function(){ $("#plup_msg"+seed).fadeOut('slow'); $("#plup_fade"+seed).delay(8000).hide(); }); Собственно, наш плагин почти готов. Осталось оформить и заставить работать. Для запуска в нашем примере допишем в конце jmypopup.js код, выполняющийся при загрузке страницы: $(document).ready(function(){ $("#run").mypopup({ background:true, close:'Закрыть', html:'<h2 class="background:">JQuery popup plugin hello</h2><p>Lorem ipsum dolor sit amet</p>'}); }); Стилистическое оформление Основной проблемой, которую необходимо решить на данном этапе - это растянуть фон-затемнение на всю ширину и высоту экрана. Реализуем задумку через абсолютное позиционирование слоя .plup_fade относительно body. Собственно, это еще одна причина, по которой html код плагина вставляется в конце под основным контентом. Для создания полупрозрачности кроссбраузерными вариантами css параметра opacity. Для капризного ie7 воспользуемся фильтром и хаком, понятным только этому браузеру. body { min-height: 100%; height:100%; margin:0; padding:0; } .plup_fade{ position: absolute; top: 0; left:0; right:0; bottom:0; background: #000; *filter: alpha(opacity=50); /*Ie7 хак*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.50; z-index:9998; } Чтобы выровнить всплывающее сообщение по центру, воспользуемся абсолютным позиционированием относительно body и отрицательными отступами, которые генерируются в плагине. .plup_msg{ position:absolute; top:50%; left:50%; background:#fff; z-index:9999; border: 1px solid #667; overflow:hidden; } Наш плагин готов. Послесловие У нас получился несложный плагин, работающий в браузерах FF4, Opera 9+, IE7+, Google Chrome, Safari 5.05+. Он далек от идеала и не покушается на таких монстров, как Lightbox2 или Colorbox. Не умеет работать с ajax или подгружать картинки, создавая сложные галереи. Зато в сжатом виде весит всего 0.1kb и не использует графики вообще. Отлично подойдет для дополнительного функционала в административных панелях. Для отображения и скрытия затемненного фона используется .show() и .hide(), однако можно воспользоваться и командой .fadeTo(). А мне все равно! Больше нравится первый вариант =) Для создания уникально числа лучше использовать значение времени и даты. При перепечатывании данного материала, просьба указывать ссылку на текущий первоисточник
    1 point
  14. Sensei
    Надо просто знать, где и что качать Ладно, наверное не стоит больше тут оффтопить на эту тему
    1 point
  15. NeoXidizer
    у Notepad++ есть функции автодополнения, включите в настройках и будет вам счастье
    1 point
  16. Sensei
    Нет, ну можете конечно пользоваться и DW, работу он упрощает, тем более, что купили уже. Мне например нравиться все вручную прописывать, я ноутпадом и пользуюсь. А вообще, посоветовал бы вам рисовать макет например в фотошопе и потом верстать уже. Так удобнее намного. Кстати, насколько я помню, вы хотели создать сайт для школьников, готов помочь в этом благом деле. Я, конечно, не профи, но кой-чего умею.
    1 point
  17. nerv
    Разумеется. Помогая кому-либо на форуме, зачастую "на халяву", Вы совершенствуете свои навыки и приобретаете новые. Особенно актуально для начинающих. Ветераны уже и так все знают и за "спасибо", как правило, не работают. А вот "на спор" и "интерес" запросто
    1 point
  18. LunatiK
    Задам скептический вопрос: Если конечно первичная цель всего этого действия не поупражняться, то зачем htmlbook'у мобильная версия? Ну на форум ещё куда не шло люди заходят с мобилки, планшетов. Но Основной-то сайт этож справочник-учебник для которого нужен компьютер чтоб сразу пробовать всё, закреплять материал. Опишите мне человека кто будет пользоваться мобильной версией и для какой цели ?
    1 point
  19. alexandr_v-vich
    Должен признаться не знал о том, что есть какие то определённые формы сброса стилей. Вот, тут про Мейера сказали. Нашёл, почитал...... это жеж бред! Зачем это использовать?? Что за?? Отменяем маркеры на все списки - прикол чтоли?? Это же особенность тега! line-height: 1 - для body. Чего я не понимаю?? А этот огромный список тегов и....да вы шутите, ну так же нельзя! Я думал речь идёт для бордер для картинки-ссылки или там, вон, определние тегов для html5 (хотя это не сброс, просто у Мейера было, вот и захватил). Ну я не знаю что ещё - но не ЭТО ЖЕ!! Ну да, да, конечно! А всевышний селектор "*", думаю, вообще не трогать. По-моему, когда верстальщик узнаёт об этом селекторе и тем более о том, что с ним кто-то что-то сбрасывает, то у него уже к тому времени достаточно соображений, чтобы этим не заниматься....
    0 points
  20. Svatov
    Просто чем-то меня напоминает Помню наслушался разных лекций по личностной реализации, потенциала и тд. Где среди них четко выделялась одна идея, что любой труд должен быть оплачен и оно вроде и верно и не поспоришь, нооо...жизнь оказалась более непредсказуемой, где все связано неочевидными тонкими нитями, когда казалось бы помощь одному человеку за бесплатно, потом выливалась в более глобальные и определяющие в жизни факторы...ведь наверное тебе известен принцип 4 рукопожатий...так вот, мысль моя о том, что допустим выложив здесь удачную тестовую работу ее увидит человек, который в дальнейшем сможет предложить вам очень интересное предложение, а может такое и не случится, но зато шансов, что такое случится увеличится...поэтому из этого всего я вынес один вывод, не всякий труд есть "пустой".
    -1 points
  21. maxpryg
    Для меню нужно нарисовать фоновую картинку нужной формы.
    -1 points
  22. LunatiK
    Правильно поняли. Не работает значит дело не только в этом. Я отвечаю по теме ровно столько насколько есть желание или возможность или настроение. Сегодня у меня нет настроения детально копаться и также объяснять что не так (Как правило я не люблю всё разжовывать и/или делать всё за вас). Ждите когда кто-нибудь другой расскажет вам подробнее или сделает рабочий пример. Мне больше нравится когда люди сами стараются, читают и делают выводы(пускай и ошибочные).
    -1 points
  23. Olejon
    Круто ты доску видоизменил! Подскажи, пожалуйста, как можно вставить такую же строку мировых новостей и в мой скрипт (куда и что нужно прописать)? Моя доска куда скромней получилась (url) - изменения заказывал у разработчиков (неплохие ребята, как, вобщем-то, и сам скрипт) Правда, уже нахожу мелочи, которые, в моем скромном понимании, важны: метатег description генерируется из title, а я, как чайник, понятия не имею как его можно поменять (в админке на него нет управления)...
    -1 points
This leaderboard is set to Kiev/GMT+02:00
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept