A couple of styles and inspiration for responsive, flexbox-based HTML pricing tables. Pricing tables are an essential component on websites where digital services are offered. While there seems to be a common pattern, there are infinite styling possibilities.
Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo
FilterBlend is a playground for the new CSS
Load your images and combine blending with filters to achieve some really unique effects!
- Use the hamburger menu to filter photos by category
- Use the view icons on the upper right to switch between thumbnail and list views
- Click a photo to open a scaled lightbox showing a larger view
- Click the arrows on the sides of the lightbox to switch photos directly.
Awesome lightbox with polaroid-like zoom effects. Beautiful way to present your photo gallery on any web site. From small mobile screen to large, hidpi desktop screen. Unique super fast flipping speed, several build in skins and much more.
- HTML5 + CSS3
- jQuery only
- Auto sizing
- Auto centering
- Responsive design
- Cross browser IE9+
- Normalized images size
- Keyboard and mouse controls
- Preloading neighbour images
- Beautiful effects
All of you should be quite familiar with Codrop’s “Arrow Navigation Styles” tutorials. They are really inspiring and creative. I played with the Arrow Navigation styles demo, I’m impressed. And I wondered how hard would it be to really implement it on Slider without actually create a slider that does that. First slider that immediately came into my mind is FlexSlider.
Today we’d like to share a little experiment based on a Dribbble shot by Bilal Mechairia’s, called “Spaces”. The idea is to show an interactive room with several items that all float in 3D space and move according to the position of the mouse. Once an item is clicked, more details pop up. Navigating between the room “slides” will rotate the different wall sections and add some interesting dynamic to the whole thing.
Today twitter has been introduced a new heart (like) button, it is actually a replacement for favorite button. I love the way twitter has implemented cool animation effect for click action. This post will explain you, how to implement this using CSS3 and Jquery.
Custombox is a modal window effects with transitions CSS3.