background preloader

Web development

Facebook Twitter

Портал ФКСиС БГУИР - Курсы Ruby on Rails. Портал ФКСиС БГУИР - О проектах. Здравствуй, студент. Если ты хочешь повысить уровень своих знаний или получить лицензионное ПО, то ты не ошибся и тебе именно сюда. Итак, начнем с повышения знаний. Курсы «Level Up!» Лицензионное ПО. Центр лицензирования Мы также собрали для вас ссылки на самые популярные сборники онлайн-курсов. P.S. Lazy Load Enabled With FadeIn Effect. Switch. Оператор switch подобен серии операторов IF с одинаковым условием. Во многих случаях вам может понадобиться сравнивать одну и ту же переменную (или выражение) с множеством различных значений, и выполнять различные участки кода в зависимости от того, какое значение принимает эта переменная (или выражение). Это именно тот случай, для которого удобен оператор switch. Замечание: Обратите внимание, что в отличие от некоторых других языков, оператор continue применяется в конструкциях switch и действует подобно оператору break.

Если у вас конструкция switch находится внутри цикла, и вам необходимо перейти к следующей итерации цикла, используйте continue 2. Замечание: Заметьте, что конструкция swich/case использует неточные сравнения (==). Следующие два примера иллюстрируют два различных способа написать то же самое. Пример #1 Оператор switch <? Пример #2 Оператор switch допускает сравнение со строками Важно понять, как оператор switch выполняется, чтобы избежать ошибок. PHP Глава 1. Основы веб-программирования. Язык программирования Ruby - скринкасты, уроки, вопросы | hasBrains. Blog in less than 10 minutes using Ruby on Rails.

Как сделать тень css с примерами - свойство box-shadow. Box-shadow generator Свойство box-shadow (w3.org) создаёт элементу тень. Как создать объёмный HTML элемент из нескольких box-shadow box-shadow может иметь сколько угодно значений. Поэтому им можно заменить картинки форматов JPEG, PNG и даже GIF [инструмент lvivski.com]. Цвет одной стороны цвет другой стороны толщина тени Эффект тени блока Тень вокруг div CSS Хм, отбрасывает ли предмет тень, когда свет на него падает сверху? CSS тень с одной стороны Снизу (под блоком div) По бокам (справа и слева) Многослойный блок с помощью box-shadow Разноцветная CSS рамка Еще варианты можно посмотреть у css.yoksel.ru. CSS внутренняя тень блока (внутри элемента) Как сделать вдавленный элемент Как сделать выпуклый элемент с округлыми краями box-shadow inset и картинка img Понадобится статья "Как убрать отступ под изображением" box-shadow и HTML тег input Сначала поле как-будто вдавленное, при наведении появляется голубая обводка, а при фокусе виден эффект плавно появляющегося свечения. ?

Creative CSS3 Animation Menus. Being in the mood for experimenting with CSS3, I'd like to show you some creative menu hover effects in today's tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We'll be exploring some different effects for the elements. View demo Download source Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial.

The icons used in the demos are actually a Web Symbols typeface that we’ll include with @font-face. The Markup The HTML structure for the menu will be an unordered list where each item is a link element that consists of an icon span and a content div that will contain the main title and the secondary title: As we are using a symbol font for the icons, we write letters for the icons. The CSS The common style for all the examples will be the inclusion of the symbol typeface: Example 1 Example 2. Ruby on Rails c нуля! Видео Ruby on Rails в действии. Видеоуроки от Railscasts.com на русском языке Если вы когда-либо посещали Railscasts.com, то уже наверняка знакомы с этими по настоящему классными видеоуроками. Теперь они доступны и на русском языке. В каждом видеоуроке показано, как с помощью Rails решаются актуальные задачи. Если вы начали изучать Rails 3 — добро пожаловать.

Делаем блог за 15 минут За 15 минут мы начнем с нуля и закончим полнофункциональный движок для блога: с возможностью добавлять комментарии и основными административными функциями. Посадим Flickr на Rails Ruby on Rails может применяться не только для развлекательных игр с вашей локальной базой данных, но и для реального использования в интернете. Совершенствуем структуру базы данных без особых усилий Не успеете оглянуться, как в вашей базе данных появится очень важная информация. Все кадры среды разработки и изображение кода сделаны на Mac OS X в редакторе TextMate с использованием программы Snapz Pro X для захвата изображения. Поддержка сайта — Evil Martians. Belarus Ruby on Rails User Group. Набор веб разработчика | Udobnosti.ru. Что такое Drupal. Возможности Drupal. Как создать бесплатно сайт на Drupal. | ZametkiNapolyah.ru - Создание сайтов, продвижение сайтов, заработок на сайте.

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Как создать сайт бесплатно. В рубрике Делаем сайты на Drupal было три публикации: установка Drupal и русификация Drupal, настройка Drupal и админка Drupal и модули Drupal. Сегодня мы попытаемся разобраться с вопросом: что такое Drupal, заодно вкратце рассмотрим возможности Drupal. В рубрике Создание сайта на Joomla 1.5 была публикации, в которой мы разобрались с тем, что такое Joomla и ее возможностями, в общем, в этой публикации мы поговорим о Drupal. Что такое Drupal. Drupal, как Joomla и WordPress является бесплатной системой управления содержимым, но если WordPress предназначен исключительно для ведения блога, а Joomla это система управления содержимым, которая, как и Drupal предназначена для создания интернет магазинов, каталогов, крупных и средних порталов и так далее.

Что такое Drupal? Перейдем к рассмотрению вопроса: что такое Drupal? Хостинг, лучший хостинг в Украине, купить хостинг – unihost.com. Скроллинг | jquery обзор плагинов. Libraries. As most programming languages, Ruby leverages a wide set of third-party libraries. Most of them are released in the form of a gem. RubyGems is a Ruby packaging system designed to facilitate the creation, sharing and installation of libraries (in some ways, it is a distribution packaging system similar to, say, apt-get, but targeted at Ruby software).

Since version 1.9 Ruby comes with RubyGems by default, while previous Ruby versions require to install it by hand. Some other libraries are released as archived (.zip or .tar.gz) directories of source code. Installation processes may vary, typically a README or INSTALL file is available with instructions. Let’s take a look at finding libraries and installing them for your own use. Finding libraries The main place where libraries are hosted is RubyGems.org, providing Ruby libs as gems. Using gem search -r, you can inspect RubyGems’ repository. There are other sources of libraries though. A few more words about RubyGems Installing a gem Help! PHP Social Network Platform. Our PHP Social Network script is similar with Twitter, allowing you to keep in touch with your friends, @mention them, create #hashtags, send messages (tweets) in real-time, receive automatic notifications upon new mentions and new messages, the script is responsive too (native application style on mobile devices), modern (metro) clean design, and so much more… view the features: Video Demo: Video Demo (full features)User Demo: User Demo (some features are disabled, please watch the Video Demo)Admin Demo: Admin Panel Features User Features:Real-time messaging system.Me, Mentions & Profile personal pages (like Twitter).Automatic notifications on Me & Mentions Page upon new messages/mentions.Images/Photos, YouTube & Vimeo video sharing system in messages (tweets).Private Messaging System with Inbox/Sent. - New!

User Gallery containing uploaded photos and videos (with image cache system). - New! Change Log / Updates Update 2.8 (5/16/2013) Update 2.7 (5/10/2013) Update 2.6 (4/17/2013) Сеть партнерских программ | admitad. Пепелсбей.net. Cup 2013 | Compete for Prizes and Glory! Think you cut code like a boss? Then this competition is for you. The Codehire Cup is on a quest to find Australia’s best professional and student programmers. Unlike many of the hackathon competitions going around, we dare to be different. You’ll be competing as individuals trying to solve specific problems as fast as possible to take home cash, prizes and glory! The competition begins with the preliminary and semi-final rounds being held online. Registration is free so what have you got to lose!? Professional or Student (Any Tafe, School or Uni) Compete in Online Rounds June 8th — June 19th Compete in Live Finale July 13th Share in $10k cash & prizes #codehirecup13 Our testing engine has the capabilities to assess solutions from the popular languages below.

Ruby C/C++/C# Python Java PHP JavaScript If you use another language let us know and we’ll look to add it for the next competition. During the finale, competitors’ solutions will also be assessed on code quality and approach. Скрипты | CSS-Tricks по-русски. Ruby on Rails — Веб-разработка с удовольствием. HTML5 with CSS for Safari, Firefox, Opera & IE. As I started a new WordPress theme , the time was right to do this in HTML5 . The doctype is much easier now. And it’s the first time for me to write it by hand and not via copy ’n’ paste. The doctype is as simple as: 2.

Structuring the content with “header”, “nav”, “article” and “footer” Most of the HTML/XHTML pages have a header, a navigation and a footer. < div id ="head" > < ul id ="nav" > [...] </ ul > </ div > < div id ="content" > [...] </ div > < ul id ="footer" > [...] </ ul > HTML5 introduced special tags for this areas—so they will be more accessible for people and search engines: < header > < nav > [...]

</ nav > </ header > < article > [...] </ article > < footer > [...] </ footer > Looks cooler. One solution is to use the HTML5 semantic elements and some DIV overhead to make them work in IE: That’s semi cool. Document.createElement( 'header' ); 3. The prototype HTML5 which will work in Safari, Firefox 3.0 and up, Opera and even Internet Explorer would look like this: <! 4. JavaScript » Blog Archive » LightGallery 1.3. После некоторого перерыва, я выпустил новую версию LightGallery — скрипта-галереи в стиле lightbox. Основное отличие от других подобных скриптов состоит в том, что LightGallery не требует сторонних скриптов.

Просто подключаете на веб-страницу, и все готово к работе. Что нового в этой версии: Улучшена производительность; особенно это относится к IE. Добавлена поддержка события onDomReady . Смотреть демо Скачать Страница проекта Страница проекта на Google Code. Как подключить jQuery? | Web-Answers.Ru. И так, ситуация первая. Предположим, что у Вас есть сайт (не важно где, на локальном или реальном хостинге). Вы сами пишете этот сайт или его страницу, то есть не используете никаких CMS (систем управления сайтом), как WordPress.

И вот, Вы хотите подключить jQuery на некую веб-страницу, и эта библиотека должна загружаться с Вашего сайта. 1. Самое первое, что стоит сделать, это скачать её свежую версию с сайта разработчика. 2. Затем библиотеку необходимо «положить» в какое-то место на сайте, то есть закачать на сайт. Если Вы используете локальный хостинг типа Денвера, тогда тоже можно создать директорию “javascript” в корневом каталоге Вашего сайта, и скопировать туда библиотеку. 3. Структура веб-страницы, на которую Вы подключаете jQuery, может быть разной. После добавления, Ваша страница может иметь такой вид: Значение атрибута SRC тега script указывает на путь к внешнему JavaScript, который необходимо подключить на страницу. Toggle - Русская документация по jQuery. « Обратно к странице эффектов toggle( ) Переключает режим отображения каждого из элементов набора.

Если элемент скрыт, то данная функция отображает его (используя метод show); если элемент видимый — скрывает его (используя метод hide). toggle( переключатель ) Переключает режим отображения каждого из элементов набора в зависимости от значение переключателя (true — отображает элементы, false — скрывает элементы). Если значение переключателя true, то данная функция отображает элементы (используя метод show); если значение false — скрывает их (используя метод hide). Аргументы: Примеры: Отображает все параграфы, затем скрывает их, и так в цикле. var flip = 0; $("button").click(function () { $("p").toggle( flip++ % 2 == 0 ); }); <!

Toggle( скорость, [вызов] ) Переключает режим отображения всех совпавших элементов набора с использованием анимационных эффектов, после чего опционально запускает указанную в аргументе вызов функцию. $("button").click(function () { $("p").toggle("slow"); }); Программирование на языке Питон.

Python 3 для начинающих и чайников - уроки программирования. W3Schools Online Web Tutorials. Энциклопедия фриланса - все об удаленной работе в Интернете. 27+ ресурсов для онлайн-обучения. В настоящее время активно развивается система дистанционного обучения, теперь уже не является проблемой получение полноценного образования практически по любому предмету дистанционно. Онлайн-обучение имеет ряд преимуществ – обучение в индивидуальном темпе, свобода и гибкость, доступность, социальное равноправие.

В сети появляется все больше сервисов, помогающих получать новые знания. Статья содержит перечень ресурсов для онлайн-обучения, представляющих интерес преимущественно для программистов. 1. MIT Open Courseware MIT’s Open Courseware предлагает 2100 курсов разнообразной тематики, в том числе Electrical Engineering и Computer Science. Бесплатные ресурсы включают онлайн-учебники, экзамены, мультимедийный контент, задания, проекты и примеры — все из фактических курсов MIT последнего десятилетия или около того. 2. Coursera запущена в апреле и уже преодолела отметку в 1 миллион студентов. 3. 4. 5. Mozilla собрала большую коллекцию ресурсов для обучения веб-технологиям. 6. 7. 8. 9. Инкремент и декремент. Инкремент и декремент Операции ++ и -- это операции инкремента и декремента. Как вы вскоре убедитесь, эти операции обладают рядом особых свойств, которые делают их достаточно интересными. Рассмотрим, что именно делают операции инкремента и декремента. Операция инкремента увеличивает значение операнда на единицу.

Х = х + 1; с применением операции инкремента можно записать в таком виде: х++; Аналогично, оператор х = х — 1; эквивалентен оператору Эти операции отличаются тем, что они могут быть записаны как в постфиксной форме, когда символ операции следует за операндом, как в приведенных примерах, так и в префиксной форме, когда он предшествует операнду. Х = 42; у = ++х; В этом случае значение у устанавливается равным 43, как и можно было ожидать, поскольку увеличение значения выполняется перед присваиванием значения х переменной у. Х = х + 1; У = х; Однако если операторы записать как х = 42; у = х++; у = х; х = х + 1; Следующая программа демонстрирует применение операции инкремента.

Инкремент и декремент - HTML, CSS, JavaScript, Perl, PHP, MySQL: Weblibrary.biz. JavaScript. Подробное руководство. 5 способов создать вертикальный аккордеон. - Понемногу обо всем. Как разместить div по центру? Простое центрирование div в окне браузера. Изучаем CSS-позиционирование за 10 шагов | Очередной блог фрилансера. Как попасть в GoGetLinks. 30 классных уроков создания CSS меню. Биржа статей Миралинкс (miralinks) — заработок на размещении статей и продвижение статьями сайта. Бесплатное продвижение сайта. Контекстная реклама для бесплатного хостинга.

Учебник css. Основы css. CSS. Position (absolute, relative и fixed) — способы позиционирования Html элементов в CSS (правила left, right, top и bottom) Notepad++ — бесплатный редактор Html и PHP с подсветкой синтаксиса, скачать notepad ++ и работать. PHP - с чего начать? Как с помощью CSS сделать фон на всю страницу? HTML5. Форум htmlbook.ru.

DVD курсы. Урок 1: Что такое CSS? - HTML.net. HTML & CSS :: Статьи : Запрет на копирование HTML содержимого. Htmlbook.ru - Для тех, кто делает сайты. Уроки HTML для начинающих - Новые, современные, подробные уроки HTML.