↑ Наверх

Коллективные

Рейтинг
0.00
avatar

WEB мастеринг

О блоге

Все связанное с технологиями создания сайтов, выбора хостинга, вопросами языком программирования.

Администраторы (1)

Модераторы (0)

Модераторов здесь не замечено

Читатели (0)

Читателей здесь не замечено
02 февраля 2012

Выпадающая панель на jQuery.

Начал изучать фреймворк jQuery, буду потихоньку показывать вам что я делаю.
Сегодня будем делать выпадающюю сверху панельку, которую можно использовать в целях размещения различных меню, авторизации и регистрации пользователей.

для начала подключим jQuery:


<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
</head>


html разметка:


<body>
<div id="test" style="display:none" ></div>
<div id="bottom"></div>
<div id="knopka">Open panel</div>
</body>


CSS стили: 

#test{background:#eee;color:#333;height:200px; margin:0 auto;margin:0 !important;}
#bottom{height:32px;background:#ccc;border-top:1px solid #c9c9c9}
#knopka{height:17px;float:right;width:80px;background:#aaa;margin-right:50px;border-radius:5px;padding:5px 10px;color:#fff;margin-top:-30px;cursor:pointer;}


Сам jQuery скрипт:

$(document).ready(function(){

	$("#knopka").click(function(){
	
		$("#test").slideToggle();
	
	});
});


Что делает jQuery:
У нас есть div «test», который мы будем открывать и есть элемент, при нажатии на который, он будет открываться — это div «knopka». (стилевое оформление задано обоим элементам)

находим элемент с id = «knopka», присваиваем действие (клик на этот элемент), и присваиваем функцию, которая будет выполняться при клике (сворачивание и разворачивание элемента с id=«test»)

все очень просто, как говориться…
jQuery
0
11 января 2012

Софт начинаючего WEB мастера 

Сегодня начнем серию статей для WEB мастера, в котором постараюсь описать
 нужный софт для начинающего <strong>WEB мастера</strong> (именно начинающего, так как для гуру
 это
 давно прописные истины).

Итак, что нам нужно?

Для начала будем исходить из того что у рядового пользователя на домашнем компьютере стоит 
Windows (XP, Vista, Seven //etc неважно). Для начала просто рассмотрим все для работы на
 Windows.
(Установка и настройка софта для работы под Linux  а конкретно под Ubuntu рассмотрим позже).


Требуемый минимальный софт:

  • Вебсервер
  • Редактор
  • Средство отладки

Вебсервер
Можно долго спорить о том как лучше настраивать вебсервер на windows (устанавливать как службу встраивать php и т.д.). Мне кажется что новичку нечего заморачиваться поначалу со всем этим. Поэтому устанавливаем Denwer или же Open Server (по причинам о которых ниже, выбираем Open Server

Open Server — это портативный локальный WAMP/WNMP сервер, созданный специально для веб-разработчиков.

Управление Open ServerДостоинства:

  • — Запускать можно с флешки, то есть вебсервер можно носить с собой и запускать на любом компьютере
  • — Новый домен создается создается созданием двух папок
  • — Софт идущий в пакете(PhpMyAdmin MySQL менеджер удобная утилита управления и конфигурирования сервера)
    В трее после запуска сервера горит иконка флажка кликнув на которую мы получаем доступ к управлению сервером

Изучить все возможности можно на сайте разработчика

Редактор:


notepad++В качестве основного (а может и единственного) выбираем Notepad++
Связано это с тем что:

  1. этот редактор прекрасно работает с кодировками
  2. обеспечивает подсветку синтаксиса выбранного языка
  3. возможность использовать такие плагины как ZenCoding


Средства отладки:

Для отладки многие используют:
  • Google Chrome с включенным просмотром кода (очень удобный инструмент)
  • Firefox с установленным дополнением FireBug
  • Opera с включенным Dragon Fly

Лично я пользуюсь Firefox но последнее время нет да и нет Google Chrome. Тут дело привычки.

Вот минимальный набор для продуктивной работы Web девелопера.
Notepad++, Open Server, Firefox, разработка
0
10 января 2012

Обзор хостинга Fornex

fornex.comС полгода назад встал вопрос о выборе нового хостинга для своих проектов (у старого были проблемы, которые оперативным путем решать у них не получалось).

Выбор пал на офшорный хостинг в Германии — Fornex.
Компания Fornex Hosting S.L зарегистрирована в Испании и предоставляет свои услуги с 2007 года.
Работают с новейшим дата центром в Германии First Colo GmbH, что позволяет предоставлять тарифы от самых простых серверов до можных многопроцессорных систем с безлимитным трафиком.

Пропускная способность 80 Гбит/сек, плюс современная система охлаждения и пожаротушения (что поверьте очень актуально, так как когдато мои сервера оказались в печально известном украинском датацентре)

Тарифы:

Виртуальный хостинг
за 250р вы получаете — 5Гб места, 20сайтов, 20 баз данных, 40 dns записей, трафик безлимит.

VPS:
VPS Go — Xeon E5645 процессор — 1200 МГц RAM — 500 МБ диск — 15 ГБ всего за 292 рублей.

Подробнее ознакомится с тарифами и предоставляемыми услугами можно на сайте fornex.com
хостинг, fornex
0
08 января 2012

Использование готовых CSS3 кнопок

Попались на глаза наборы CSS3 кнопок, которые очень понравились, и я решил попробовать использовать их в своей работе.
Как на самом деле это оказалось удобно, понять можно только попробовав это.
Для этого скачиваем понравившийся набор кнопок — в моем случае это michenriksen-css3buttons
  1. Распаковываем архив, в котором мы видим папки images(в ней лежат изображения необходимые для оформления кнопок) stylesheets (в которой лежат неообходимые нам css стили)
  2. Подключаем css стили к нашему проекту. Если изображения переносите в свою папку, то не забывайте в файле стилей указать путь к изображениям

Красивые кнопки получаются двумя тремя стилями
CSS
+1