Offline.js What is Offline.js? Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it's back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. Install The easiest way to add Offline to your site is with Eager. Click Install to see a live preview of Offline on your website. Download Offline.js Pick a Theme Indicator Themes Submit a theme! Documentation HubSpot Top 10 Sites for Creating a Chart or Graph Charts and Graphs are an effective tool when trying to convey information in a simple and visual way. Also, it is a great way to track trends and help explain complex datasets. This is something that has been used in the business world and education on a everyday basis. With that, I decided to list my top favorite sites for creating a chart or graph. Top 10 Sites for Creating a Chart or Graph Rich Chart Live - An excellent site for created animated flash based charts that can be embedded into a site. Bonus - Useful Charts - While not a chart creation tool, this site has some of the best looking charts for every subject.
CSS Smart Grid — A Lightweight, Responsive, Mobile First 960 Grid As a Grid System There's only one CSS file to include: smart-grid.css . Place that in <head> your own stylesheet. Wrap your page inside a <div class="container"> . Note that you can use more than one container if your need calls for it: <header id= "hd" > <div class= "container" > <h1> My Page Title </h1> </div> </header> <section id= "main" > <div class= "container" > <p> This is where my content goes. Column Markup Grid columns are achieved by adding a column class to any element. <div class= "container" > <div class= "row" > <article id= "main" role= "main" class= "columns two-thirds" > <p> The beginning of the best article in the history of humanity. If you only have one row of columns in a container, you can ommit the row: <div class= "container" > <article id= "main" role= "main" class= "columns two-thirds" > <p> The beginning of the best article in the history of humanity. Column Offsets Sometimes you need a blank column between content.
riddles If you’re into riddles and also like LEGO, we have something very cool for you! To commemorate the 55th anniversary of the LEGO brick, the company has issued 55 graphic riddles where LEGO bricks represent various characters from movies, songs, cultural or political highlights that occurred over the last 55 years. Some of them are a bit more obvious than the others, but constructing the right answer from the hints feels almost like a mental LEGO game. The plastic brick, that’s recognized all over the world today, was patented in its current shape on January 28th, 1958. With the production reaching 19 billion LEGO elements a year, around 400 million people around the world have played with it at least once in their life, and every year kids spend around 5 billion hours at it! Try and see how many of the riddles you can get, and let us know in the comments! Website: lego.com Can You Solve These 55 Lego Riddles? See the rest of Can You Solve These 55 Lego Riddles?
Lena.JS pixel to pixel: grayscale sepia thresholding-128 invert saturation red green blue edge/line detection: roberts sharpen sobel y sobel x highpass laplacian gaussian prewitt y prewitt x Drag and drop filters hereremove all filters Official Social Media Logos As social networks grow from a bootstrapped tech start-up to a thriving social platform, they’re bound to undergo some logo changes. I have a particular sensitivity to when these social media logos change because branding is one of the things I do for a living. So when I see someone use a social media logo that is out-dated, or worse— a cheap knock-off of a logo, it really bothers me. So as a public service, I’ve decided to keep an updated list of the top social networks logos along with some visual assets that you can freely use to your heart’s content. Why Am I So Obsessed With This? You may have already read my post on Icontastrophes or maybe even seen my Social Media Icon set that was created for this same purpose. These companies spend hundreds of thousands of dollars on branding. They also create brand guidelines that dictate what is allowed and what is not allowed in regards to their visual representation. Social Media Logos Google+ Twitter Facebook The Other Networks Download
Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together. How to Creatively Market Yourself as a Designer Sometimes it seems like every time you jump online, you read about a talented new designer who’s making it big with their latest project. There are a lot of wonderful designers out there, and the constant showcasing of others’ skills makes it feel all the more like you’re lost in the crowd. It’s not enough anymore to have a solid portfolio and work experience; if you really want to stand out in today’s market, going the extra mile in marketing yourself can make all the difference in landing the perfect job, or getting some great freelance projects going. When you’re considering all the ways that you could market yourself, the most important thing to take into account is how much of a time commitment you can realistically make. Start a Personal Project The best thing about embarking on your own personal project is that you have free reign to make something that exactly suits your talents and interests, all at your own pace. Artistic Projects Interactive Projects Build Your Personal Brand
Moment.js