источник stranamasterov.ru/node/45983

МАСТЕР-КЛАСС. Бутылочка с солью

автор Kukushechka 

1.

Давайте попробуем сделать такую стильную бутылочку для украшения интерьера.Я хочу сказать что подобный МК уже есть (я очень благодарна автору за этот МК), но так как я все равно фотографировала процесс, решила сделать свой - более подробный, так как при работе возникали некоторые вопросы, и может кто-то еще его не видел, но обо всем этом далее..

2.

Вот всё, что нам понадобится:
Соль, гуашевые краски (в идеале подсохшие), кисть, палитра, воронка, красивая бутылка (предварительно снять все этикетки и ГЛАВНОЕ!!!! ОЧЕНЬ ХОРОШО просушить, просто идеально!!! (иначе ничего не получится), сито, тарелки (на одну больше, чем количество планируемых цветов)

3.

Вот гуашь подсохшая (завалявшаяся)))) Можно использовать и свежую гуашь, но тогда сразу в отдельной посудинке (палитре)

4.

Наливаем прямо в нее водички 3-5 мл, хорошо там покрутим кисточкой, чтобы вода приобрела насыщеный цвет

5.

Если этот цвет не конечный результат, то можно использовать палитру и добавлять уже сюда другой оттенок.

6.

вот так)

7.

Выливаем в соль

8.

Хорошо разминаем вилкой или лопаточкой (что под руки попадет)Вилкой очень удобно! Гуашь не токсичная - не бойтесь) Ее даже есть можно)))

9.

Вот так должно выглядеть

10.

ставим в духовку. Температура у меня была 100 градусов, где-то на час, а пока можно заняться другим рукоделием) я вот очередного мишку начала делать))) или просто попить кофейку)

11.

Соль высохла. Вот так она выглядит только из духовки!

12.

Надо ее размять( довольно хорошо) вилкой

13.

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

14.

Разминая ложкой

15.

Вот так получится) Красота!

16.

Бутылка. Еще раз повторюсь, что она должна быть СОВЕРШЕННО СУХАЯ! Это обязательное условие успеха! Лучше всего засунуть в нее мягкую тряпочку (хвостик оставить снаружи) и дать отлежаться денек. Этикетки. Я ставила бутылку в горячую воду на некоторое время, потом отдирала этикетки, а снимала клей с помощью жидкости для снятия лака (лень было на балкон за уайтспиритом идти)

17.

Вот картина маслом))) Теперь не работа, а удовольствие и фантазия) Сыпем, меня цвета. НЕ ТРЯСЕМ ни в коем случае, можно очень нежно, если нужен ровный слой, иначе Вы рискуете перемешать цвета и линия между ними не будет такой ровной.

18.

Засыпали (набили плотно), любуемся, но еще не всё! Заткнули пробкой, несколько раз (можно много раз, но с остановками между ударами) приподнять и стукнуть дном об стол (доску), только без фанатизма, не расколите бутылку))) Она достаточно сильно утрясется, добавить еще соли. Заткнуть пробкой. Теперь украшаем, кто на что горазд)

19.

Вот, на что горазда я))) Обворачиваю горлышко ниткой (в данном случае - это мулине и какая-то пряжа), это может быть и веревка, как в предыдущих моих бутылочках) захватывая и ребро пробки концы нитки связала узлом и обрезала, сверху кусочек соленого теста, можно поставить како-то оттиск (вот у меня есть колечко с печатью из киндера) Чтобы ниточки спадали на бутылку,завязываю вокруг намотки отдельную нитку, концы свисают, беру и приклеиваю их к бутылке, сверху опять тесто и печать

20.

Фрагмент

21.

ВАЖНО! Вот таких крупинок быть не должно, как можно лучше просеивайте соль ( у меня очень крупное сито), но я старалась, в одном месте таки видно...(

22.

Должно быть так! Мелко!

23.

Ну вот, собственно и все))) Удачи всем! Надеюсь МК пригодится! Да, кстати, хотела сказать : гуашь обязательно разбавляйте водой, если добавить в соль прямо краску (свежую) потом соль получается очень крупинистая и твердая, ее сложно просеивать и от крупинок не избавиться!) Всё! Всем творческих учпехов!

Мастер-класс. Оплетение бусины.

Таким способом я оплетаю все свои бусины, к примеру, этот комплект "Родное Лето"

Может быть, Вам покажется этот способ оплетения бусины очень нудным и долгим, но мне он удобен и очень нравится.

Нам понадобится:
-бисер. Лучше брать чешский, либо (если есть) японский. Здесь я использую чешский № 11.
-мононить (в моем случае), если Вы привыкли работать на какой-то другой нити (капрон или что-то другое) - работайте на ней.
-игла для бисера (у меня № 12)
-и сама бусина, которую мы будем оплетать. У меня бусина диаметром 1,7см.

Итак, приступим:
Нанизываем одну бисеринку на нитку и закрепляем её:

Далее нанизываем на нитку ещё пять бисерин:

 И плетём в технике мозаичного плетения поясок длиной, равной обхвату бусины
Схема мозаичного плетения:

 Здесь я проплела 2 ряда:

 Здесь 14:

На этой картинке я проплела уже 27 рядов. Именно такое количество рядов мне нужно для дальнейшей работы с бусиной.

Далее нам необходимо сомкнуть этот поясок в кольцо.
На этой картинке я указала красной линией, как должна идти нить:

Готовое кольцо-пояс для бусины:

 Надеваем готовый пояс на бусину. Этот пояс должен плотно облегать бусину:

Следующий шаг - мы приступаем к плетению макушек. Будем плести в технике кирпичного плетения.
Сама схема:

на рисунке 2А показано, как нужно делать убавления в рядах. При плетении Вы сами увидите, когда нужно будет произвести это убавление. Нужно, чтобы ряды располагались ровно по бусине.
На этой картинке я проплела уже 4 ряда в технике "кирпича".

Далее я закрываю полностью первую макушку. Здесь она уже готова:

С нижней макушки по бисеринам выходим с другой стороны нашего пояса:

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

Первая бисерина уже проплетена, приплетаем вторую:

Убавление ряда:
красными точками показано, как проходит нить

Вот так ложится бусина, когда мы осуществили убавление:

 Лежит не красиво? Это не ошибка - при дальнейшем плетении всё будет нормально.
Когда плетёте вторую макушку, не забывайте хорошо натягивать "чехольчик" на бусину. При плетении Вам будет удобнее, и Вы с легкостью сможете заметить когда нужно будет убавить бусину в ряду.

Когда заканчиваете каждый ряд нужно проходить ниткой так, как показано на картинке, т.е. между двумя бисеринками обязательно должна проходить нить. При окончании ряда я обычно прохожу нитью два раза:

 При плетении последних рядов не забудьте "найти" в бусине отверстие, чтобы при сборке было удобнее надеть на бусину штифт или саму бусину на ленту. 

Заканчиваем вторую макушку:

Бусина готова:

 

_____________________________ 
Источник - http://aljonka-1199.livejournal.com/9820.html

Мастер-класс по вязанию жгутов из бисера

 Учиться вязать с бисером легче на относительно толстых нитках и крупном бисере, по моему опыму вполне достаточно взять бисер 9/0 или 8/0 и нитку №10 для вязания крючком.

Я попыталась изобразить подробную инструкцию с большими цветными картинками (люблю книжки с цветными картинками :) и расскажу о "важных мелочах", на которые стОит обращать внимание при вязании жгутов полустолбиком.

Набираем наш бисер на вязальную нитку бисерной иголкой через колечко-переходник из тонкой швейной нитки (лучше синтетической), как на следующей картинке, не набирайте сразу много бисера, для образца достаточно 30 см.

Для примера свяжем кусочек жгута с 7-ю бусинами в круге (у нас они все разного цвета)
накидываем на нитку петельку, вставляем в неё крючок, затягиваем, придвигаем первую бусину  к петельке

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

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

опять втыкаем крючок под нитку, выходящую из следующей бусины (голубой), придвигаем к работе новую бусину (тоже голубую)

 вы спросите, зачем я так подробно рассказываю, всё уже понятно, все следующие бусины провязываем так же как и предыдущую, но! есть одна ошибка, которую делают все без исключения начинающие - они не следят за тем куда укладывается новая бусина при провязывании, в результате нитка иногда западает на бусины предыдущего ряда и затягивает их внутрь жгута или перекашивает, так что внимательно следим за тем как укладывается каждая новая бусина - справа и сверху от бусины, над которой мы её провязываем, я придерживаю каждую бусину при провязывании указательным пальцем правой руки (чтоб ей не вздумалось свалиться вниз с края жгута), ну и так провязываем все бусины по кругу

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

продолжаем вязать дальше, через несколько рядов жить станет легче, в руках уже будет небольшой кусочек жгута

 

боюсь показаться нудной, но ещё раз напомню, в каком порядке, куда и как провязываем бисер  
- после того как воткнули крючок (слева от бусины), придвинули новую бусину, уложили её справа и сверху от бусины под которую воткнули крючок, следим чтобы эта новая бусина всё время оставалась сверху над краем жгута (не сваливалась вниз на сторону жгута), 
- захватываем нитку крючком, для этого крючок помещают сперва под захватываемую нитку, а потом уже сверху, бывали случаи, когда народ пытался сразу сверху "загребать", нитка с крючка спадала, 
- ну и протаскиваем захваченную нитку в петлю на крючок - этот способ провязываения называется "полустолбик" (или ещё одно его название "соединительный столбик")

бусины в жгуте укладываются при вязании как кирпичная кладка, но в самом последнем ряду бусины всегда торчат поперёк

когда мы закончили вязание жгута, последний ряд провязываем теми же полустолбиками, но без бисера, бусины крайнегно ряда уложатся "кирпичиками", как и все остальные в жгуте

Ещё несколько полезных советов для начинающих:

- если у вас не получается вязание в начале, всё путается в клубок, попробуйте начинать вязание вокруг палочки, соломинки для коктейля или тонкого шнурка, через несколько рядов, когда в руках будет кусочек жгута, палочка уже не нужна, её можно будет вытащить

- если время от времени бисерины норовят заскочить внутрь жгута, скорей всего вы слишком туго натягиваете нить при провязывании бисера, это не значит, что нельзя туго вязать, просто в процессе провязывания полустолбика нитка должна быть очень свободной, а после его провязывания можно хорошенечко всё подтянуть и придвигать новую бусину

- если всё-таки часть бусин запала внутрь жгута, не спешите распускать этот кусок, подденьте бусины булавкой и вытащите их на поверхность жгута, слегка потяните жгут, и всё, эти бусины уже не будут проваливаться внутрь

- если начало вашего жгута выглядит не совсем симпатично (или просто кошмарно), а дальше всё ровненько и красиво, не спешите перевязывать весь жгут, с непривычки у вас может начало опять не получиться, просто отрежте ножницами некрасивый кусок в начале, снимите несколько крайних бусин и затяните крючком конец нитки внутрь жгута

- если сильно видны нитки (при вязании именно этим способом точно по этому описанию), то они слишком толстые для выбранного размера бисера, можно попробовать вязать с более крупным бисером или на более токой нитке, если другого размера ниток и бисера пока нет, постарайтесь подобрать нитки и бисер одного цвета, при этом даже толстая нитка не будет бросаться в глаза, красиво смотрится абсолютно прозрачный бисер на цветной нитке, с таким бисером толщина нити тоже не мешает восприятию

- если вы вяжите на х/б нити, то застёжку к жгуту лучше пришивать отдельной синтетической ниткой, вязальную нить запрячте в жгут, на краю жгута закрепите новую синтетическую нитку и ею уже пришивайте карабин с колечком или любую другую застёжку, можно приплести с одного края большую бусину на бисерной ножке, а с другого края сплести бисерную петельку

- ещё можно приклеивать на концы жгутов колпачки с карабинчиками, я делаю это двухкоспонентным эпоксидным клеем

ну вот как бы и все основные моменты, что вспомнились

____________________

Источник - http://natalies-perlen.livejournal.com/35546.html#cutid1

 http://stranamasterov.ru/node/505344?tid=451

Велосипед-кашпо (МК)

29 января, 2013 - 21:25 ~ Sjusen ~ Если вам есть, что мне написать, пишите

1. Доброго времени суток, дорогие мастера и мастерицы! Хочу поделиться с вами своей новой работой.

Вот такой велосипед-кашпо смоделировался у меня, можно сказать, от безвыходности, от лени и от нетерпения. От безвыходности, потому что не нашлось дома подходящей проволоки, от лени - потому что было лень идти за ней в гараж, а от нетерпения - потому что не терпелось подождать, пока это сделает кто-то другой:)

Имитация вышивки крестиком

источник: Блог karina_red · Сложность: 

Автор — karina_red (г. Таганрог)

Предлагаю свой мастер-класс по декупажу с новой техникой- имитации вышивки крестиком. Захотелось мне сделать подарок знакомым — у них родился мальчик месяц назад. Очень нравятся вышитые картины, однако помню сколько времени сие творчество отнимает, а моя лялька мне его столько предоставить не может, поэтому опять же пришел на выручку любимый декупаж. Итак, делаем «вышитую» картину.

Вспомогательные техники: ламинирование салфеток

источник: Блог Silver Brut · Сложность: 

Этот метод очень удобен, когда нужно относительно светлый рисунок разместить на темном или пестром фоне.

Итак приступим.

Декупаж стола салфетками

источник: http://www.tenochtitlana.ru · Сложность: 

Итак, сейчас я объясню, как задекупажить старый или сильно загрязненный стол. Стол куплен в Икее без лакированной поверхности.

 http://www.softmixer.com/2013/02/blog-post_5811.html

Пословицы и поговорки: Полные версии

hobbi-rabota.ru/sewing_a_collar_with_sharp_corners_without_basting.php

Мастер-класс по шитью. Пошив воротника с острыми уголками без наметки

1.Вырезать верхний воротник со сгибом по центру. Сгиб по центру – долевая ткани. По этому же лекалу вырезать нижний воротник со швом по центру, но уже долевую расположить по любой косой, не обязательно под 45 градусов, как пройдет по раскладке в ткани, лишь бы по косой. Нижний воротник не надо уменьшать. Вырезать клеевую прокладочную ткань ВРОВЕНЬ с воротником и наклеить на ВЕРХНИЙ воротник. Клеевая ткань должна попадать под строчку, а не вырезаться только до шва. Нижний воротник стачать по центру, шов разутюжить. 

Шпаргалка CSS: селекторы и псевдоклассы

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

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

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

Простые селекторы

x (селектор элемента)

Если вам необходимо описать стиль, который будет применяться ко всем элементам определенного типа на странице, то используйте селектор элемента. Например:

1 2 3 4 5 6 7

a {     text-decoration: none; }   p {     margin: 10px 0; }

6+

* (звездочка)

Этот селектор обозначает все элементы на странице. Например:

1 2 3

* {     margin: 0; }

Данная конструкция означает, что абсолютно у всех элементов на странице внешний отступ будет обнулен. Многие верстальщики используют этот селектор для того, чтобы сбросить значения выставленные по умолчанию (например, у разных браузеров те или иные элементы имеют различные отступы margin и padding). Но не стоит злоупотреблять данным способом: он создает неоправданно сильную нагрузку браузер и правильным решением будет перечислить все необходимые тэги (или классы) в строчку.

В следующем примере выбираются все дочерние элементы внутри table:

1 2 3

Серия сообщений "Web-строительство":
Часть 1 - Как бесплатно поднять ТИЦ и посещаемость сайта. Оптимизаторам на заметку.
Часть 2 - Мобильная версия интернет-магазина: 10 практических советов
Часть 3 - Приложение iOS/Android на HTML5+Javascript
Часть 4 - Шпаргалка CSS: селекторы и псевдоклассы

Javascript API Reference

Description:

Complete reference for the Javascript API from the AppMobi Javascript object.

Properties:

Objects:

Приложение iOS/Android на HTML5+Javascript

Активно развивающийся рынок мобильных устройств быстро и уверенно входит в нашу жизнь. Смартфон и планшет уже давно не в диковинку, тысячи приложений ежедневно появляются в сети, десятками мы пользуемся ежедневно. До некоторого времени разработчиками этих самых приложений могли быть в основном только те, кто знаком с C, Java, OpenGL и т.д. и т.п.

Будучи верстальщиком, удавалось написать «псевдо» приложения для мобильных устройств на базе iOS и Android в виде обычных html-страничек, с ограниченным функционалом, без доступа к «плюшкам» в виде GPS, акселерометра, маркета и т.д. Ситуация радикально изменилась, с появлением AppMobi и CocoonJS, которые дают возможность писать приложения и игры прямо на HTML5+Javascript, с теми знаниями и опытом, которые у вас уже есть.

Вступление

Этот цикл статей о создании приложений для iOS и Android на HTML5+Javascript я хочу начать с самой базы — облачных платформ-инструментов для разработки мобильных приложений. На данный момент существует несколько платформ, однако я бы хотел выделить из них две наиболее крупные и совершенные: это appMobi и CocoonJS. Да, я оставляю в стороне PhoneGap, ибо написать на нем игру с поддержкой аппаратного ускорения не выйдет. А нам этом важно, ибо производительность нативного canvas сильно страдает без акселерации.

appMobi

В этой статье я хочу подробно остановиться на appMobi и попробовать с вами запустить простое «Hello World!» приложение, которое затем можно будет опробовать на любом iOS и Android устройстве.

Что же представляет из себя appMobi? Эта платформа объединяет в себе множество инструментов и сервисов, позволяющих реализовать все потребности разработчиков приложений. Начиная от среды разработки и тестирования, до дистрибуции и монетизации. Конечно, за некоторые «плюшки» придется заплатить (например, если вы хотите получать доход с ваших приложений). Однако, если ваша задача не «срубить бабла», а написать что-то интересное и удобное для пользователя, либо же просто для себя и при этом распространять бесплатно — никакой платы с вас не возьмут.

Не будем ходить вокруг да около и сразу же перейдем непосредственно к разработке.

Начать просто, заходим на сайт, жмем «Try it free» в верхнем правом углу и заполняем простую форму, где указываем название нашего приложения и выбираем исходную точку: можно воспользоваться конфигуратором, закачать уже готовый код, начать с примера, либо «с нуля». Лучшим вариантом будет начать с примера. Выбираем «Start with a sample app», «Use “hello world” app» и жмем «Next».

Указываем почту, подтверждаем, устанавливаем пароль и соглашаемся с условиями. Аккаунт дает вам возможность получать доступ и работать с вашими приложениями в облаке с любого компьютера, в любое время. А учитывая, что, в общем-то, весь этот сервис является облачным, то без аккаунта — никуда.

appMobi XDK

Для разработки нам необходимо скачать и установить appMobi XDK («Cross-platform Development Kit»). Работает эта штука прямо в браузере, на данный момент она доступна только для Google Chrome. Где достать браузер рассказывать не буду, а вот XDK качаем отсюда. Установка займет несколько секунд. После установки запускаем приложение. Разрешаем все, что просят разрешить, ставим галки, отвечаем «Да», «Run» и так далее. После того, как XDK будет запущен, откроется вкладка непосредственно со средой разработки, но прежде авторизуемся (аккаунт у нас уже есть), и вуа-ля!

В двух словах — перед нами открывается эмулятор устройства, на котором запускается ваше приложение. Можно менять устройства, включать акселерометр, интернет, геолокацию. Всю документацию по API найти можно тут.

Не будем углубляться в изучение интерфейса (в котором разобраться не составляет трудностей), а перейдем непосредственно к нашим приложениям. В верхнем меню в выпадающем списке можно найти множество примеров приложений. jqMobi, кстати, является аналогом jQuery (последний не получится запустить на этой платформе, даешьvanilla javascript!).

Наше тестовое «Hello World» приложение находится в том же списке, и называется «username.HelloWorld: 3.4.0». Версия указывает на версию среды разработки, а не вашего приложения. Щелкаем и открываем.

Hello World

Наше первое приложение до невозможности простое, но проливает свет на основы, которые как раз таки нам и нужны. Давайте разберемся как с этим всем работать. Не знаю как у вас, но у меня сразу же возникло желание посмотреть исходники. Как это сделать? Есть два способа:

Встроенный редактор

Любой редактор непосредственно на локали

Здесь стоит остановиться немного подробнее. Изначально все наши проекты находятся в облаке, но у нас всегда есть возможность загрузить исходники себе на компьютер, поработать с ними, и, затем, залить обратно в облако (для запуска на других устройствах). Хочу обратить внимание, что при работе с проектом локально не требуется каждый раз заливать новый код перед запуском в эмуляторе. Эмулятор работает у нас на локальной машине и исходники берутся оттуда же. Открыть локальную папку с исходниками просто: жмем в верхнем меню «Open project folder». Что делать дальше объяснять излишне: открываем наш редактор и творим!

Сохранение, обновление, синхронизация

После того, как мы внесли какие-либо изменения код и сохранили изменения, мы можем сразу же запустить все это дело в эмуляторе. Достаточно нажать первую кнопочку «Reload app» в горизонтальном меню слева от устройства.

Немного забегу вперед: если вы захотите тестировать приложение непосредственно на устройстве, то после сохранения кода необходимо так же синхронизировать исходники с облаком, после чего приложение можно будет запустить в тестовом режиме  на устройстве. Делается это просто: в верхнем меню есть кнопка «Test Anywhere», нажав на которую мы отсылаем код в облако (надо иметь в виду, что все файлы проекта, включая картинки, звуки, видео и т.п. закачиваются каждый раз заново).

Тестирование на устройстве

Чтобы запустить ваше приложение на устройстве (не путать с дистрибуцией и загрузкой из Маркета — это тема для будущих статей, здесь мы говорим о тестировании приложений с помощью специальных средств платформы), необходимо установить app•lab (доступен как для iOS, так и для Android) на устройство.

 
Последовательность действий такова:

1. Устанавливаем app•lab на устройство;
2. В среде разработки (эмуляторе) жмем «Test Anywhere» и дожидаемся загрузки в облако;
3. Открываем app•lab;
4. Жмем в верхнем правом углу кнопку «My Apps», авторизуемся. (Эта же страница доступна через браузер);
5. В списке выбираем наш проект (в данном случаеusername.HelloWorld), в раскрывшемся списке жмем «Test Anywhere»;
6. Launch.

Хотелось бы отметить, что тестировать код можно прямо в вашем браузере, лишь изредка запуская на конечном устройстве (для проверки специфического функционала). Всю логику и разметку можно тестировать и отлаживать в браузере, не пользуясь эмулятором — это, я считаю, является очень удобной особенностью, когда приложение можно «прозрачно» запускать в любом месте, что нам, верстальщикам и фронтэндщикам, позволяет чувствовать себя «как в своей тарелке».

Код приложения

Для меня было как бальзам на сердце, когда в структуре проекта я увидел знакомый index.html и стилевой файл. Javascript код в данном примере находится прямо в index.html, что не мешает вынести будущий код в отдельные файлы.

Если заглянуть в исходники, то можно увидеть как инициализируется appMobi, по событию

происходит настройка отображения и устройства, где, например, можно отключить авторотацию экрана в зависимости от положения в пространстве:

Или, например, спрятать статус-бар:

Отключить скроллинг (стандартный метод для touch-устройств):

Серия сообщений "Web-строительство":
Часть 1 - Как бесплатно поднять ТИЦ и посещаемость сайта. Оптимизаторам на заметку.
Часть 2 - Мобильная версия интернет-магазина: 10 практических советов
Часть 3 - Приложение iOS/Android на HTML5+Javascript
Часть 4 - Шпаргалка CSS: селекторы и псевдоклассы

Создание шаблона «1С-Битрикс»

http://www.shopolog.ru/metodichka/design-and-usability/mobilnaya-versiya-internet-magazina-10-prakticheskix-sovetov/

Мобильная версия интернет-магазина: 10 практических советов

18.01.2013

Серия сообщений "Web-строительство":
Часть 1 - Как бесплатно поднять ТИЦ и посещаемость сайта. Оптимизаторам на заметку.
Часть 2 - Мобильная версия интернет-магазина: 10 практических советов
Часть 3 - Приложение iOS/Android на HTML5+Javascript
Часть 4 - Шпаргалка CSS: селекторы и псевдоклассы

http://dev2day.net/articles/1c-bitrix/struktura-shablona-bitriks/

Создание шаблона Битрикс. Структура шаблона Битрикс

http://dev2day.net/articles/1c-bitrix/bitriks-upravlenie-shablonami/

Создание шаблона Битрикс. Управление шаблонами

http://dev2day.net/articles/1c-bitrix/sozdanie-sha...daniya-shablonov-dlya-bitriks/

Введение в шаблоны Битрикс

«1C-Битрикс: Управление сайтом» — это наиболее популярная на сегодняшний день коммерческая система управления сайтом. Мы уже говорили в одной из предыдущих статей, почему выбор Битрикс в качестве платформы для создания корпоративных сайтов является оптимальным. Еще одним из главных достоинств этой системы управления является простота установки и настройки. Не имея специальных технических знаний и навыков программирования, пользователь может установить Битрикс, развернуть одно из типовых решений и начать пользоваться сайтом.

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

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

Если по какой-то причине, клиента не устраивает типовой шаблон, можно поискать сторонний. Для большинства некоммерческих систем управления сайтом, таких как WordPress, Drupal, Joomla! можно найти огромное количество как платных, так и бесплатных шаблонов. С битрикс дела обстоят гораздо хуже — купить готовый шаблон битрикс можно, а вот найти бесплатный — довольно проблематично. Это связано с тем, что процесс создания шаблона для битрикс достаточно ресурсоемкий: если для создания шаблона для WordPress требуется, как правило, всего лишь кастомизировать шапку и подвал, то шаблон битрикс содержит также множество шаблонов компонентов: списки новостей, каталог, формы поиска и авторизации и многие другие, которые тоже требуется модифицировать.

Есть также ряд причин, почему клиенты предпочитают кастомизированные шаблоны, нежели один из стандартных:

/dev2day.net/bitrix/templates/[ru]main/images/li.png" target="_blank">http://dev2day.net/bitrix/templates/[ru]main/images/li.png); text-align: left; background-position: 0px 10px; background-repeat: no-repeat no-repeat;"> Самая очевидная причина — это желание выделить свой сайт на фоне сайтов-конкурентов
/dev2day.net/bitrix/templates/[ru]main/images/li.png" target="_blank">http://dev2day.net/bitrix/templates/[ru]main/images/li.png); text-align: left; background-position: 0px 10px; background-repeat: no-repeat no-repeat;"> Вторая причина — необходимость использования существующего корпоративного стилы в дизайне сайта
/dev2day.net/bitrix/templates/[ru]main/images/li.png" target="_blank">http://dev2day.net/bitrix/templates/[ru]main/images/li.png); text-align: left; background-position: 0px 10px; background-repeat: no-repeat no-repeat;"> Третья причина — использование нестандартного функционала требует кастомизации шаблона
/dev2day.net/bitrix/templates/[ru]main/images/li.png" target="_blank">http://dev2day.net/bitrix/templates/[ru]main/images/li.png); text-align: left; background-position: 0px 10px; background-repeat: no-repeat no-repeat;"> И наконец, с помощью использования нескольких шаблонов сайтов можно влиять на лояльность посетителей, например, используя специальные темя для праздников.

Поэтому создание своего шаблона битрикс — это довольно интересная, полезная и объемная тема, которую нам бы хотелось осветить. Конечно, такую тему нельзя охватить одной статьей, поэтому мы несколькими статьями полностью раскроем процесс разработки шаблона битрикс: начиная от создания дизайна и заканчивая установкой готового шаблона в систему. А также расскажем о некоторых трюках и тонкостях интеграции дизайна с системой управления. И, конечно, все это мы рассмотрим на примере конкретного шаблона, шаг за шагом создавая шаблон для интернет-магазина на Битрикс.

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

Определение шаблона

Шаблон сайта (шаблон дизайна) — это набор php-файлов, файлов стилей, скриптов, изображений, которые определяют внешний вид сайтаи расположение функциональных элементов на странице.

В рамках одной системы управления может быть создано несколько сайтов, при этом как один сайт может иметь несколько шаблонов, так и один шаблон может быть применен к нескольким сайтам.

Шаблоны дизайна в Битрикс позволяют максимально настроить внешний вид сайта для определенного проекта, а поддержка нескольких шаблонов одновременно выгодно отличает Битрикс от других систем управления.

Функциональные компоненты страницы

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

На рисунке 1 показаны основные компоненты страницы, которые могут использоваться в дизайне шаблона для интернет-магазина на Битрикс. В шаблоне для интернет-магазина, как правило, эти блоки предусматриваются и оформляются в виде шаблонов соответствующих компонетов.

В шапке сайта располагаются логотип и название компании, главное меню, форма поиска, форма авторизации и корзина. В подвале — дополнительное подвальное меню и правовая информация. Контентная область может содержать различное статическое или динамическое наполнение. Это могут быть список новостей, каталог, детальное описание товара, новости или статьи, какая-либо форма (регистрации, оформления заказа и т.д.). Шапка и подвал на всех страницах в большинстве случаев остаются неизменными, меняется содержимое контентной области.

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

Структура страницы

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

На рисунке 2 изображена структура шаблона для дизайнера. Мы еще вернемся к этому рисунку и покажем структуру шаблона для верстальщика и разработчика. Но пока нас интересует только расположение функциональных блоков на странице.

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

Разобравшись со структурой шаблона и компонентами страницы, мы можем расположить и оформить их на странице. Для примера, далее мы будем рассматривать довольно простой дизайн шаблона, изображенный на рис. 3.

В этом шаблоне в шапке страницы расположены логотип сайта, главное меню и форма поиска, в подвале — дополнительное подвальное меню, правовая информация. На главной странице шаблона нет ни левого, ни правого боковиков, в контентной области расположены такие элементы как структура разделов каталога, новинки, спецпредложения, большой баннер и скроллер с брендами.

Структура страницы показана на рисунке 4.

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

Начать создание дизайна для собственных шаблонов битрикс вы можете на основе типового шаблона, последовательно оформляя и кастомизируя внешний вид функциональных элементов. Также при создании дизайна для собственного шаблона Битрикс вы можете опираться на дизайн шаблонов для других систем управления. Много идей для дизайна можно найти в CSS-галереях. Ищите вдохновение, создавайте удивительные дизайны и наслаждайтесь процессом разработки шаблонов. Удачи! ;)

http://xobi.com.ua/5375-zakrytie-dvoynoy-rezinki-trikotazhnym-shvom.html

закрытие двойной резинки трикотажным швом

Полую резинку можно закрыть следуя следующим схемам:

http://knitting.com.ua/sborka.html

МАТРАСНЫЙ ШОВ При сшивании вязаных деталей этим трикотажным швом место их соединения остается практически незаметным. Он выполняется по лицевой стороне, поэтому узлра соединяемых деталей можно точно совместить друг с другом. Края перед сшиванием деталей скалывать или сметывать не надо. ПРОДОЛЬНЫЕ ШВЫ Обработанные детали разложить лицевой стороной вверх, соединив края встык. Сшивание начать от нижнего края. Иглой захватить протяжку между кромочной и предыдущей петлей правой детали: на фото 1 (слева) захватывается протяжка между кромочной и петлей лицевой глади, на фото 4 (справа) - протяжка между кромочной и петлей изнаночной глади. На левой детали прием выполнить аналогично (см. фото 2 слева и фото 5 справа). * Затем захватить следующую протяжку правой детали и соотв. протяжку левой детали (см. рис. вверху слева); повторять от *. Через 2-3 см нить натянуть так, чтобы соединительные стежки между деталями не были видны. Нить натягивать не слишком сильно - шов должен оставаться эластичным. На фото 2 и 6: продольные швы на готовом изделии. Нить контрастного цвета, которой для наглядности выполнялись швы, не видна, и швы практически незаметны. Для выполнения швов этим способом кромочные петли деталей лучше сшивать в каждом ряду. При сшивании деталей, связанных тонкой пряжей или сквозным узором, можно захватывать протяжки в каждом втором ряду (см. рис. вверху справа).

ПЛЕЧЕВЫЕ ШВЫ На фото 1-6: соединение трикотажным швом плечевых краев деталей, связанных лицевой гладью (справа) и резинкой (слева). Детали разложить одну напротив другой лицевой стороной вверх, соединив плечевые края встык. Начав от правого края, захватить иглой кромочную петлю верхней детали и протянуть нить. Иглу ввести в середину кромочной петли нижней детали и вывести в середине следующей петли, * затем захватить следующую петлю верхней детали и соседние стенки (=по половине петли) 2-х следующих петель нижней детали. Этот прием повторять от *. Через 1-2 см нить натянуть так, чтобы стежки не были видны.

Шапочка "Лисенок"

http://www.ravelry.com/patterns/library/foxy--wolfie

на Babyblog.ru девочки вяжут онлайн