PWS Tabs is a lightweight jQuery tabs plugin to create flat style tabbed content panels with some cool transition effects powered by CSS3 animations.This jQuery plugin has Font Awesome 4.2.0 Support – Tabs Icons Some Features: tabsPosition settings: horizontal / vertical verticalPosition settings: left / right RTL support horizontalPosition settings: top / bottom
This is a slide-in filter panel powered by CSS and jQuery and created by Codyhouse.It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for. It takes advantage of CSS Transitions, CSS Transformations and jQuery muscles to smoothly slide in when needed.
Material Palette is a website for generating and exporting Material Design color palettes. The website simply requires you to click on two different colors from a wide selection: red, pink, purple, deep purple, indigo, blue, deep blue, light blue, cyan, teal, green, light green, lime, yellow, amber, orange, deep orange, brown, grey and blue grey. Then, a color palette is automatically generated and can be downloaded in CSS, SASS, SVG, XML or PNG format.
Flatland is a simple theme and accompanying color scheme for Sublime Text 2 & 3. It is mostly derived from Soda, the right place to start for any custom theme development for Sublime. Installation You can install it using the excellent Package Control package manager for Sublime Text: Open “Package Control: Install Package” from the Sublime quick menu (Command-Shift-P). Select the ‘Theme – Flatland’ option to install Flatland. Manual Installation You can also install it…
TheaterJS is a typing effect mimicking human behavior. – Everything you need to know is demonstrated and explained in this codepen. DEMO:The demo is also available on the TheaterJS page. See the Pen TheaterJS by Gabin Aureche (@Zhouzi) on CodePen. Features: Multiple actors Mistakes Variable speed Scenario creation Events
Sortable — is a minimalist JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices.No jQuery. Supports Meteor, AngularJS and any CSS library, e.g. Bootstrap. Features: Supports touch devices and modern browsers Can drag from one list to another or within the same list CSS animation when moving items Supports drag handles and selectable text (better than voidberg’s html5sortable) Smart auto-scrolling Built using native HTML5 drag and drop API Supports Meteor and AngularJS…
icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS. How to use To get going with icono you can: Download icono.min.css or Install it with Bower: bower install https://github.com/saeedalipoor/icono.git And then load it in your page: or You can add icono folder in your project and import icono.less for compile. iconos maincolor can be changed in variable.less. and then just add iconos classes to…
This is a tutorial of effects on text inputs using CSS transitions, animations and pseudo-elements.Form inputs offer a great opportunity to add some subtle and interesting effects to a web page. They are elements that your user will interact with at some point and making them fun to use can enhance the experience. Please note that this is for inspiration only and that we use CSS properties which only work in modern browsers.
Another great tutorial from Codyhouse.A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery. The 2-blocks design approach is quite common nowadays. On one side the text paragraph, on the other a visual element. With this nugget Codyhouse tried to “spice-up” the transition between the sections by simulating a movement along the z-axis while the user is scrolling (or using the 2…
Happy New Year 2015 from Dealjumbo . This new bundle is for sure something really special. Even better & bigger then previous mega bundles! Only highest quality resources and also best sellers with retro/vintage and also modern feel in one mega bundle! With almost 96% off, and available for limited time only, you’ll need to grab this mega bundle while you can. This first 2015 megabundle is definitely best quality design bundle yet so don’t…