https://github.com/blueimp/jQuery-File-Upload/wiki/Upload-multiple-resolutions-of-one-image-with-multiple-resize-options
среда, 04 декабря 2013
Upload multiple resolutions of one image with multiple resize options
https://github.com/blueimp/jQuery-File-Upload/wiki/Upload-multiple-resolutions-of-one-image-with-multiple-resize-options
https://github.com/blueimp/jQuery-File-Upload/wiki/Upload-multiple-resolutions-of-one-image-with-multiple-resize-options
jQuery Sliding Methods
slideDown()
$(selector).slideDown(speed,callback);
http://jsfiddle.net/nQF4R/50/
slideUp()
$(selector).slideUp(speed,callback);
http://jsfiddle.net/nQF4R/51/
slideToggle()
$(selector).slideToggle(speed,callback);
(Скрытые разворачивает, развернутые сворачивает)
http://jsfiddle.net/nQF4R/59/
jQuery Animations - The animate() Method
animate() method is used to create custom animations.
$(selector).animate({params},speed,callback);
http://jsfiddle.net/nQF4R/69/
http://jsfiddle.net/nQF4R/70/
http://jsfiddle.net/nQF4R/71/
http://jsfiddle.net/nQF4R/75/
Анимации можно выполнять по очереди
http://jsfiddle.net/nQF4R/77/
stop()
$(selector).stop(stopAll,goToEnd);
stop() method is used to stop an animation or effect before it is finished
The stop() method works for all jQuery effect functions, including sliding, fading and custom animations.
http://jsfiddle.net/nQF4R/81/
Можно остановить все анимации или одну конкретную
http://jsfiddle.net/nQF4R/91/
callback function
Выполняется после каких-то действий
http://jsfiddle.net/nQF4R/96/
вторник, 03 декабря 2013
If it's stupid but works, it isn't stupid.
Effects
hide() / show()
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
speed - "slow", "fast" or milliseconds
http://jsfiddle.net/nQF4R/15/
toggle() toggle between the hide() and show() methods with the toggle() method.
$(selector).toggle(speed,callback);
Shown elements are hidden and hidden elements are shown
http://jsfiddle.net/nQF4R/20/
http://jsfiddle.net/nQF4R/23/
jQuery Fading Methods
fadeIn()
fadeOut()
fadeToggle()
fadeTo()
fadeIn()
$(selector).fadeIn(speed,callback);
fadeIn() method is used to fade in a hidden element (показать скрытый элемент)
http://jsfiddle.net/nQF4R/33/
fadeOut()
$(selector).fadeOut(speed,callback);
fadeOut() method is used to fade out a visible element (скрыть видимый элемент)
http://jsfiddle.net/nQF4R/38/
fadeToggle()
$(selector).fadeToggle(speed,callback);
fadeToggle() method toggles between the fadeIn() and fadeOut() methods
(видимые элементы скрывает, скрытые - отображает)
http://jsfiddle.net/nQF4R/45/
fadeTo()
$(selector).fadeTo(speed,opacity,easing,callback)
fadeTo() method allows fading to a given opacity (value between 0 and 1)
http://jsfiddle.net/nQF4R/46/
hide() / show()
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
speed - "slow", "fast" or milliseconds
http://jsfiddle.net/nQF4R/15/
toggle() toggle between the hide() and show() methods with the toggle() method.
$(selector).toggle(speed,callback);
Shown elements are hidden and hidden elements are shown
http://jsfiddle.net/nQF4R/20/
http://jsfiddle.net/nQF4R/23/
jQuery Fading Methods
fadeIn()
fadeOut()
fadeToggle()
fadeTo()
fadeIn()
$(selector).fadeIn(speed,callback);
fadeIn() method is used to fade in a hidden element (показать скрытый элемент)
http://jsfiddle.net/nQF4R/33/
fadeOut()
$(selector).fadeOut(speed,callback);
fadeOut() method is used to fade out a visible element (скрыть видимый элемент)
http://jsfiddle.net/nQF4R/38/
fadeToggle()
$(selector).fadeToggle(speed,callback);
fadeToggle() method toggles between the fadeIn() and fadeOut() methods
(видимые элементы скрывает, скрытые - отображает)
http://jsfiddle.net/nQF4R/45/
fadeTo()
$(selector).fadeTo(speed,opacity,easing,callback)
fadeTo() method allows fading to a given opacity (value between 0 and 1)
http://jsfiddle.net/nQF4R/46/
If it's stupid but works, it isn't stupid.
События (Events)
http://jsfiddle.net/LFez4/2/
dblclick()
http://jsfiddle.net/LFez4/7/
click() The function is executed when the user clicks on the HTML element.
dblclick() The function is executed when the user double-clicks on the HTML element.
mouseenter() The function is executed when the mouse pointer enters the HTML element.
http://jsfiddle.net/LFez4/22/
http://jsfiddle.net/LFez4/23/
mouseleave() The function is executed when the mouse pointer leaves the HTML element.
http://jsfiddle.net/LFez4/25/
mousedown() The function is executed, when the left mouse button is pressed down, while the mouse is over the HTML element.
mouseup() The function is executed, when the left mouse button is released, while the mouse is over the HTML element.
hover() (combination of the mouseenter() and mouseleave() )
если 2 функции, то первая отвечает за mouseenter, вторая за mouseleave
http://jsfiddle.net/LFez4/27/
http://jsfiddle.net/Vn9Hm/10/
focus() The function is executed when the form field gets focus.
http://jsfiddle.net/nQF4R/2/
blur() The function is executed when the form field loses focus.
http://jsfiddle.net/nQF4R/4/
http://jsfiddle.net/LFez4/2/
dblclick()
http://jsfiddle.net/LFez4/7/
click() The function is executed when the user clicks on the HTML element.
dblclick() The function is executed when the user double-clicks on the HTML element.
mouseenter() The function is executed when the mouse pointer enters the HTML element.
http://jsfiddle.net/LFez4/22/
http://jsfiddle.net/LFez4/23/
mouseleave() The function is executed when the mouse pointer leaves the HTML element.
http://jsfiddle.net/LFez4/25/
mousedown() The function is executed, when the left mouse button is pressed down, while the mouse is over the HTML element.
mouseup() The function is executed, when the left mouse button is released, while the mouse is over the HTML element.
hover() (combination of the mouseenter() and mouseleave() )
если 2 функции, то первая отвечает за mouseenter, вторая за mouseleave
http://jsfiddle.net/LFez4/27/
http://jsfiddle.net/Vn9Hm/10/
focus() The function is executed when the form field gets focus.
http://jsfiddle.net/nQF4R/2/
blur() The function is executed when the form field loses focus.
http://jsfiddle.net/nQF4R/4/
понедельник, 02 декабря 2013
MVC, MVP и MVVM что общего и в чем различия
MVC http://ru.wikipedia.org/wiki/Model-View-Controller
MVP (Model-View-Presenter) http://ru.wikipedia.org/wiki/Model-View-Presenter
MVVM (Model-View-ViewModel) http://ru.wikipedia.org/wiki/Model-View-ViewModel
http://habrahabr.ru/post/124731/
Mvc, mvp and mvvm: A comparison of architectural patterns
http://www.slideshare.net/ivandyachenko/mvc-mvp-and-mvvm-a-comparison-of-architectural-patterns
MVC http://ru.wikipedia.org/wiki/Model-View-Controller
MVP (Model-View-Presenter) http://ru.wikipedia.org/wiki/Model-View-Presenter
MVVM (Model-View-ViewModel) http://ru.wikipedia.org/wiki/Model-View-ViewModel
http://habrahabr.ru/post/124731/
MVC - пассивная и активная модель
- Пассивная модель — модель не имеет никаких способов воздействовать на представление или контроллер, и используется ими в качестве источника данных для отображения. Все изменения модели отслеживаются контроллером и он же отвечает за перерисовку представления, если это необходимо. Такая модель чаще используется в структурном программировании, так как в этом случае модель представляет просто структуру данных, без методов их обрабатывающих.
- Активная модель — модель оповещает представление о том, что в ней произошли изменения, а представления, которые заинтересованы в оповещении, подписываются на эти сообщения. Это позволяет сохранить независимость модели как от контроллера, так и от представления.
Mvc, mvp and mvvm: A comparison of architectural patterns
http://www.slideshare.net/ivandyachenko/mvc-mvp-and-mvvm-a-comparison-of-architectural-patterns
Энди Гутманс "Профессиональное программирование на PHP"
size()
http://jsfiddle.net/t9Uyd/23/
http://jsfiddle.net/t9Uyd/22/
length
http://jsfiddle.net/t9Uyd/26/
eq()
http://jsfiddle.net/t9Uyd/44/
first()
http://jsfiddle.net/t9Uyd/46/
last()
http://jsfiddle.net/t9Uyd/47/
index(element)
http://jsfiddle.net/t9Uyd/52/
add()
http://jsfiddle.net/t9Uyd/60/
http://jsfiddle.net/t9Uyd/61/
http://jsfiddle.net/t9Uyd/64/
not()
http://jsfiddle.net/t9Uyd/65/
http://jsfiddle.net/t9Uyd/67/
filter()
http://jsfiddle.net/t9Uyd/69/
slice()
http://jsfiddle.net/t9Uyd/72/
has()
http://jsfiddle.net/t9Uyd/76/
http://jsfiddle.net/t9Uyd/23/
http://jsfiddle.net/t9Uyd/22/
length
http://jsfiddle.net/t9Uyd/26/
eq()
http://jsfiddle.net/t9Uyd/44/
first()
http://jsfiddle.net/t9Uyd/46/
last()
http://jsfiddle.net/t9Uyd/47/
index(element)
http://jsfiddle.net/t9Uyd/52/
add()
http://jsfiddle.net/t9Uyd/60/
http://jsfiddle.net/t9Uyd/61/
http://jsfiddle.net/t9Uyd/64/
not()
http://jsfiddle.net/t9Uyd/65/
http://jsfiddle.net/t9Uyd/67/
filter()
http://jsfiddle.net/t9Uyd/69/
slice()
http://jsfiddle.net/t9Uyd/72/
has()
http://jsfiddle.net/t9Uyd/76/
пятница, 29 ноября 2013
If it's stupid but works, it isn't stupid.
Cross Browser CSS Transforms - Наклонные блоки
http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/
http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/
If it's stupid but works, it isn't stupid.
четверг, 28 ноября 2013
If it's stupid but works, it isn't stupid.
среда, 27 ноября 2013
Хорошие верстальщики отправляются на небеса, а плохие — куда захотят, или «Почему БЭМ не приносит счастья?»
http://habrahabr.ru/post/203838/
Полезные техники HTML, CSS и Javasсript
http://habrahabr.ru/post/171699/
http://habrahabr.ru/post/203838/
Полезные техники HTML, CSS и Javasсript
http://habrahabr.ru/post/171699/
If it's stupid but works, it isn't stupid.
If it's stupid but works, it isn't stupid.
If it's stupid but works, it isn't stupid.