Jelena's public fiddles
-
Custom pull down refresh
Custom refresh using touchstart and touchmove. Rotating arrow and disabled text scrolling while arrow is being dragged.
-
Custom table
custom table with horizontal and vertical scroll
-
Handsontable example
jQuery 2.1.0, HTML, CSS, JavaScript
-
Vertically centered content
Vertically centering content in two table-cell divs.
-
Clearing floats
Clearing floats using additional div and with pseudo selector :after. Making rows of floating elements.
-
My Angular/jQuery custom search
Custom search box with autocomplete. Adding names to list and clearing input on click. Scroll for larger list of results.
-
jQuery UI range slider styling
Simple range slider with custom css.
-
Simple chat boxes
Simple chat left and right boxes using float: left and float: right, without using clear: both.
-
Different sized table cells
One big and several small cells (via rowspan and colspan)
-
CSS calc() ios problem
CSS calc() is not working well on ios devices. jQuery's animate element top: 100% is making it start from the begining of the page to 100%, instead of from the current position of element to 100%. This updated example shows how to solve this problem.