Hand picked HTML Re-sizable Panes using HTML, CSS, jQuery, Angularjs, JavaScript. Demo and Download the zip (*.zip)
Resizable panes using Angularjs Directive
![8 CSS Re-sizable Panes 1 CSS PayPal Email Receipt](https://3.bp.blogspot.com/-nTQCHY6U-x4/WcvyJRj8niI/AAAAAAAABwQ/4Deik3_ySZAGZMmjRLgifJQ2Voh0sXkLgCLcBGAs/s1600/div_resizable_using_angularjs_directive.gif)
A lightweight directive for creating resizable containers. The idea behind it was to completely separate the ‘layout logic’ from the ‘resize logic’. Every other directive/plugin I came across tied these together. I wanted to make the CSS do the hard work. This demo uses flex-box for layout.
Features: HTML, CSS, Awesome, Resizable, Angularjs, Directive, flex-box
Developed By: Jacob Davidson
Created: MARCH 27, 2015
jQuery Resizable – A simple splitter panel
![8 CSS Re-sizable Panes 2 jQuery Resizable - A simple splitter panel](https://1.bp.blogspot.com/-YUForviNa-4/Wcv32A0N7jI/AAAAAAAABwg/ZUnhDILbaEUD8v3s65AIv_cVLC3b3tPRgCLcBGAs/s1600/jquery_resizable_simple_splitter_panel.gif)
This example demonstrates how to use resizable to easily create two-way resizable split panels.
Features: HTML, CSS, Awesome, Resizable, jquery
Developed By: Rick Strahl
Created: DECEMBER 19, 2015
Angular Resizable – With event capture
![8 CSS Re-sizable Panes 3 Angular Resizable - With event capture](https://3.bp.blogspot.com/-tvR53Cx9Z60/Wcv5sPFBGVI/AAAAAAAABws/F7Czs3EhWFAOBF3WlkZNQS1P_zz4tk1yACLcBGAs/s1600/angular_resizable_with_event_capture.gif)
Angular resizable directive which entails start and end events and width/height binding.
Features: HTML, CSS, beautiful, Resizable, Angular js
Developed By: Jacob Davidson
Created: MAY 13, 2015
jQuery resizable – A simple box resize operation
![8 CSS Re-sizable Panes 4 jQuery resizable - A simple box resize operation](https://4.bp.blogspot.com/-aLtwoabLQp4/Wcv6-kN963I/AAAAAAAABw4/_xtljAPNf2Im_bqQtmKrUQvFU-reNhd-wCLcBGAs/s1600/jquery_resizable_simple_box_resize_operation.gif)
This example demonstrates how to use jquery-resizable to resize a simple box using a sizing grip configured via HTML/CSS.
Features: HTML, CSS, beautiful, Resizable, jQuery, plugin
Developed By: Rick Strahl
Created: DECEMBER 12, 2015
Draggable Resizable without jQuery Plugin ui
![8 CSS Re-sizable Panes 5 Draggable Resizable without jquery ui](https://4.bp.blogspot.com/-G_y0DOddwZw/Wcv8CU24RnI/AAAAAAAABxA/x7g9VR_0LQUI9i97QY1UiG460TRAFGmqQCLcBGAs/s1600/draggable_resizable_without_jquery_ui.png)
This example demonstrates how to use jquery-resizable to resize a simple box using a sizing grip configured via HTML/CSS.
Features: HTML, CSS, beautiful, Resizable, javascript
Developed By: Adam Mertel
Created: FEBRUARY 03, 2015
Resizable Modular Content Windows
![8 CSS Re-sizable Panes 6 Draggable Resizable Modular Content Windows](https://3.bp.blogspot.com/-kyi1GOdSRrw/Wcv--wvCIVI/AAAAAAAABxM/kYm3Drvonp4DQBSzWsphP7FeoAJbf6bIQCLcBGAs/s1600/Resizable_Modular_Content_Windows.gif)
Separate windows each displaying a different type of content (Similar to a desktop window). Resizable, maximizeable, skinnable, movable, etc.
Features: HTML, CSS, beautiful, Resizable, draggable
Developed By: Derek Hill
Created: NOVEMBER 18, 2013
Auto Resizable Panels
![8 CSS Re-sizable Panes 7 Auto Resizable Panels](https://1.bp.blogspot.com/-Hv8LfUV6ARE/WcwBklYfXmI/AAAAAAAABxY/e8K7p5e9mTUVSB4Hxrn4ywbSEVeiuQGswCLcBGAs/s1600/Auto_Resizable_Panels.gif)
Sidebar auto resize with ghost line and feedback.
Features: HTML, CSS, beautiful, Resizable, auto
Developed By: Icebob
Created: APRIL 24, 2015
IDE UI Concept with Resizable Panel
![8 CSS Re-sizable Panes 8 IDE UI Concept with Resizable Panel](https://3.bp.blogspot.com/-UlPO6FJ79FA/WcwDi692eXI/AAAAAAAABxk/dIK2wjA6WcYHfwsaTLDFzz8WlxliCHhKwCLcBGAs/s1600/IDE_UI_Concept_with_Resizable_Panel.gif)
Features: HTML, SCSS, beautiful, Resizable, JavaScript
Developed By: Andy Chentsov
Created: SEPTEMBER 25, 2016
Leave a Reply