Fork me on GitHub
Post Format

Thursday Roundup # 30

Responsive Grid System For Fixed And Fluid Layouts: Profound Grid


A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control. Profound Grid uses negative margins to calculate columns. Unlike with other grid systems, fluid layouts will look exactly the same in every browser. Click here to read more about Profound Grid

How To Create A Simple Mult-Item Slider


This tutorial shows how to create a simple item slider with CSS animations and jQuery. The idea was inspired by the Apple product slider where several little items fly in with a bouncing animation. This tutorial translates this concept to a modern-looking alternative for a minimal online store design where the items represent different categories. Categories as use-case fit quite well because of the limited nature of this type of slider. For more items to be shown, this is certainly a far-from-optimal solution. If the amount of items is limited this might give an interesting little touch to the experience.

Make Pretty Charts For Your App with jQuery And xCharts


Charts are a great visual aid when presenting data. You can’t build a professional admin panel without them. They are also tricky to set up. However, there is a new library that makes things easier – xCharts. This tutorial uses it along with the daterange picker for Twitter Bootstrap, to build a pretty, AJAX-powered chart for your web application that fetches data from a MySQL table.

jQuery Plugin for Sharing & Displaying Social Network Buttons


A jQuery plugin for listing social accounts and sharing on social media with some nice overlay options.

Free jQuery Plugin For Instagram API


An easy jQuery plugin for Instagram API to fetch and display user, popular or tags photo feeds inside your web application or site. It offers to get the most recent media published by a user, the most popular media at the moment, or recently tagged media from Instagram API. It can display the results on list items or any other HTML tag you define. It also has option to define the size of the pictures (small, medium, big).

Brilliant Regex (Regular Expression) Visualization Tool: Regexper


Regexper is a brilliant regex visualization tool that will help you understanding any regular expression you are working with.

All you need to know about CSS Transitions


CSS3 transitions bring simple and elegant animations to web applications, but there’s a lot more to the spec than first meets the eye.

This post is going to delve into some of the more complicated parts of CSS transitions, from chaining and events to hardware acceleration and animation functions.

Letting the browser control animations sequences allows it to optimize performance and efficiency by altering the frame rate, minimizing paints and offloading some of the work to the GPU.

Related Posts

  1. Thursday Roundup # 23
  2. Thursday Roundup # 11
  3. Thursday Roundup # 2
  4. Thursday Roundup # 15
  5. Thursday Roundup # 20

Leave a Reply

Required fields are marked *.

+ 1 = nine