There are beautiful JavaScript chart libraries out there that has support for many features: interactivity, multiple chart types..
But, what if you are only looking for a solution to create line charts and don’t need the rest? The answer seems to be Aristochart.
Aristochart is a JavaScript library with no dependencies. It is only capable of creating 2D line charts which are static (uses <canvas>).
The library focuses on customization and provides lots of options for changing the design, labels and almost any other stuff.
Requirements: No Requirements
Compatibility: All Major Browsers
Old is never old and vintage always has a fan-base regarding everything about design.
MightyDeals, the creative deals website, has a good offer for anyone in need of high-quality vintage fonts.
They are offering “Thirsty Rough Font Family” for a very discounted price ($9 rather than $49).
The font family is one of the most exciting ones out there and it manages to look modern + vintage at the same time.
It comes in 4 alternate versions for each weight and includes letters, numbers, punctuation, symbols and an extended set of accented characters.
Also, “Thirsty Rough Font Family” has ligatures, old-style numerals and multi-language support.
For any website, there can always be scenarios which effect performance (load, specific queries..) and there is always room for optimization.
Pinba is an open source MySQL storage engine that acts as a statistics server for PHP.
It uses the data received to to analyze the performance of PHP apps and locate any problems quickly.
Intaro Pinboard, again open source, is a user-friendly web interface for Pinba which displays this data (requests time, memory peak usage, site load, error pages) nicely.
Also, the slowest/heaviest pages are listed to find out the most problematic pages and any erroneous HTTP status are logged too.
This monitoring setup is not planned for debugging (as it’ll probably be working on the production environment) but for finding bottlenecks when the site is live.
Requirements: MySQL 5.1+
There are usually times that we wonder and want to learn how an effect or element on a website is designed.
Popular UIs is a website which creates and freely shares PSDs of well-known websites.
The files are provided for educational use, to help people learn from them, and the PSDs include the layouts of GitHub, Facebook, Apple and more.
It is mentioned that more will be added regularly. Also, the project is open source and anyone can contribute.
There are various JavaScript-powered solutions for creating dynamic-column grid layouts (like Pinterest).
Although most of them are great, sometimes, the grids contain gaps or ragged edges.
Mason.js is a jQuery plugin that aims to perfect such grids by filling those gaps smartly.
One the grid is created, the plugin calculates where those gaps exist and fills them with either predefined elements or by duplicating the content in the grid.
It is possible to define the sizes to be used for elements, the size of columns/rows, breakpoints and if the layout will be fluid or fixed.
Requirements: jQuery
Compatibility: All Major Browsers
Smashing Magazine has released a lovely freebie today that is normally hard to find on the web.
It is called 200 Foodie Pack which is a set of free food icons.
The set has 200 items from fruits to drinks or restaurant/kitchen equipment.
It is available in .PNG (32*32px, 64*64px + 128*128px), .AI and .EPS.
Google Chrome’s “Developer Tools” is what many developers use to debug client-side code.
Chrome Logger is an extension that brings server-side code debugging to this tool.
It has libraries for PHP, Python, Ruby, .NET, ColdFusion and Node.js. Also, new ones can be created with the documentation provided.
These libraries simply enable us to view variables in Developer Tools.
Although each server-side language has their stronger debugger tools, using the same logging tool for client and server-side makes sense.
Requirements: Google Chrome
Apple announced iOS7 and this new version of the OS seems to be coming with many changes regarding the interface,.
One of these changes is the app icons. They now have a different rounded corners, new grid and increased size for the iPhone.
Here are some free iOS7 icon templates that can help you create them easier and faster:
We see lots of impressive CSS3 demos regularly: flipping, rotating or sliding items and more..
Magic is a stylesheet that includes many of these CSS effects (also mentioned that “more will be added”).
The effects are collected under few categories (magic, perspective, rotate, bling, static, slide) and all of the effects are pretty attractive.
Each of them has their own classes and the easiest way to use them is by adding/removing these classes to the targeted elements via JavaScript.
Requirements: No Requirements
Compatibility: All Modern Browsers
When working on any web projects, developer tools of the browser used is usually the most helpful tool for debugging.
“Secrets of the Browser Developer Tools” is a website that provides detailed information regarding the usage and capabilities of these tools.
It has tips for all the major ones (Chrome, Firefox, Safari, IE, Opera). They are already categorized and can be filtered by browser too.
Imho, everyone from starters to pros, can find some new and useful information in this website.
