Automate Pinterest Pinning with CasperJS

Auto Pin on Pinterest Script

How do you pin photos on Pinterest automatically? I have covered some elements of the Pinterest API before, but I did not expose the endpoints necessary to pin via the API. None of that is yet publicly available but it got me thinking about doing more programmatically on Pinterest in general. What would it take to automate the process of pinning an image automatically? I think a simple solution is to use a headless browser and recreate the steps to make that happen. Lets go over a simple script that will login into Pinterest, retrieve an image from an external source, add pin it to a board with a pin description.
Read more

20 Free Clean and Minimalist Portfolio WordPress Themes for Seamless Web Development

If you are an artist, photographer or other creative personality, running a portfolio site is essential. Otherwise, what’s the purpose of doing your job if you don’t show your achievements to the world? If you share this point of view, then our blog post today should prove useful to you. Ordering a custom-made design can cost you a fortune. If you are on a limited budget or simply not ready to spend much on a custom-made design, then a freemium website template is just what you need to achieve success.

Today, we have handpicked 20 beautifully designed free portfolio WordPress themes that you can safely download and use for different purposes. Why did we decide to share a compilation of WP themes, you might ask? Well, the answer is simple. According to CMS Usage Statistics by BuiltWith, the WordPress market share has reached 49.47%, and this percentage is only expected to grow with time. The world’s most popular companies have chosen WP from among thousands of other Content Management Systems with which to build their sites. For instance, TechCrunch, The New York Times, Coca-Cola France, Fortune, The New Yorker, and many other well-known names have trusted their online presentation to WordPress. So, if you want your business to gain international recognition, then choosing WP for building an online portfolio would be the right solution.
Read more

HTML5 Canvas Animation Converted to Video

I was recently playing around with dat.gui and the cool FizzyText animation made me consider the concept of exporting HTML5 Canvas to video. I have previously covered canvas to video conversion but it was specific to making a photo slideshow. Today, I want to create a simple script in JavaScript that will grab any CANVAS element, on any website, retrieve the image frames, and compile them into a video file.
Read more

Top 50 Free Stock Photography Sites

free stock photography sites

Are you searching for high quality free stock photography websites and resources? There is a reason why imagery today accounts for over 60% of the page size and high-quality photos are needed in all aspects of design, for web or print. It’s true that websites like iStock or Shutterstock can be relatively inexpensive, but nothing beats free. Some of these require attribution but many others are in the Public Domain and good for commercial use. These photos without watermarks are a perfect way to upgrade your blog or website for free.

Here is a list of the best resources, websites, and search engines for amazing free stock photography.
Read more

Google Maps, DataTables, and FaceBook Places API

Facebook API and Google Maps

As more APIs allow CORS, we can create some really cool integrations without any server side code. Google Maps API is an obvious one but I was surprised to see successful Ajax calls to the FaceBook Graph API which made me think about building and integrating these services. I was scraping FaceBook for Places, or geo locations, so it only makes sense to start with a world map where you can search, click, or drag markers to retrieve any latitude and longitude coordinates for your geo search.

Next, these geo coords are sent to my facebook function that initiates a graph search for places near the provided geo location. The response drops markers on the Google Map, similar to Google’s own Places API and examples. But, I also wanted to visualize this dataset in more details and used the jQuery DataTables plugin to make the API data available for easy viewing, searching, and filtering. You can get more data for a specific place by clicking on an id, which initiates another place API call and drops the JSON response in a modal window with code highlighting.

Google and Facebook for Geo Places on a Map and Table
Read more

50 Plugins for Alerts and Notifications

javascript alerts and notifications

Here is a list of the top jQuery plugins for alerts and messages and the best JavaScript notification libraries. Some are enhancements to console log messages or alert messages and some are full JS notification systems. There are many options: you have plain JS solutions, jQuery alert plugins, BootStrap versions, alert modules for Angular, BackBone alert systems, and other notification frameworks for ReactJS, Meteor, UI Kits, etc. Here are the top 50 alerts and notification libraries with a some organization:
Read more

Resize and Drag Elements with JavaScript

resize element with javascript

Dragging or resizing elements or divs on the screen is a pretty popular feature of modern user interfaces. It’s pretty awesome that there is a resize property in CSS3 and drag and drop in HTML5. However, both are pretty limited, and modern designs for such functions require JavaScript solutions. Many end up implementing Resizable and Draggable from jQuery UI (example) but that library is really bloated and today I will cover some jQuery UI alternatives to resizing and dragging elements on the page.
Read more

WordPress Upload Files with Ajax

WP upload file with ajax

How do you upload files to WordPress with Ajax? Maybe you want fileupload functionality on the front end or enable file uploads in your WordPress plugin. There are a lot of good tutorials on this subject but I couldn’t find any simple example that works with native WP files.

This tutorial on multiple file uploads on the front-end does work but it requires using a server side file for the back end and custom functions in functions.php that use media_handle_upload without Ajax. Tutorials on WordPress file uploads with ajax leverage special jQuery plugins, queuing wordpress scripts, and server side functions to process the Ajax request. This might be needed if you need a lot of control but if you just need to easily upload and delete files, I will show you how to do it in a few lines of simple vanilla JavaScript.
Read more

Awesome JS10K HTML5 Games

best html5 games

It’s 2015 and I wanted to follow up to an older post on HTML5 games with a new listing of some amazing, simple, and addictive games written in JavaScript, CSS, and HTML. I have been a fan of 10K Apart and the contest has a lot of great games that have been developed in very little code. This often includes all kinds of compression, minification, and even using JavaScript code inside of images to reduce the total size of the project. Its amazing how much you can create in just 10k of code. Here are my favorite 35 HTML5 games from this contest:
Read more

Best Mobile Frameworks and Platforms for Hybrid HTML5 Apps

mobile frameworks for building html5 apps

A while ago, I got into mobile app development using HTML5 and PhoneGap. It was a great solution to create apps for iOS and Android while coding in HTML, CSS, and JavaScript. Today, we have a lot more options in this space. There are many frameworks for building mobile applications and there are also multiple platforms that package that code into a deployable apps and even provide things like monetization, analytics, and testing. Today, I will analyze the mobile development space and go over the best mobile frameworks and cross-device platforms to build and deploy hybrid mobile applications.
Read more