twibble

Twibble.io – Simple Tweets from your RSS Feed

Using Twibble you can set the latest content from your RSS feed to be tweeted to your twitter account at certain time intervals. Twibble will send out one of your latest posts, articles, or any other new piece of content that gets added to your RSS feed. This is automating the process of tweeting your new stories. Gaining a larger following couldn’t be easier with this tool.

twibble-dashboard

To get started you can simply signup using your twitter account. Once logged in you can give your feed a name, provide the RSS feed URL, setup the interval at which you want twibble to look for new content to be posted, test out an example post, and then finally save your new feed.

You can then view Analytics to see the amount of click throughs you are getting for your tweets.

Using this tool will eliminate the need to manually tweet your latest article or post, which saves time to write more. So, get on board and checkout this cool new app called Twibble.

chartist-js

Chartist JS – Simple Responsive Charts

If you are looking for a simple and easy to use responsive chart solution. Chartist JS may be exactly what you are looking for. Chartist JS was created by a community of developers who were unhappy with the current charting systems available today, so you know it’s gotta be good :)

Using Chartist JS is very simple. After you include the library in your project you can easily create bar charts, pie charts, line charts, and so much more. Checkout just how easy it is to create a simple bar chart below:

// Create a simple bar chart
var data = {
  labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
  series: [
    [5, 2, 4, 2, 0]
  ]
};
 
// In the global name space Chartist we call the Bar function to initialize a bar chart. As a first parameter we pass in a selector where we would like to get our chart created and as a second parameter we pass our data object.
Chartist.Bar('.ct-chart', data);

So, be sure to checkout this library if you are looking for a quick and easy solution for great responsive charts. http://gionkunz.github.io/chartist-js/

what-is-polymer

What is Polymer and should I be using it?

Before I get started telling you what polymer is and the cool things you can do with it; it might be best to give you an overview of Web Components, because after you understand Web Components you’ll pretty much understand Polymer.

Web components are a bundle of markup and styles that we can use to create custom HTML elements. For instance we could create a tag like:

<awesome></awesome>

And ‘awesome’ would be our custom HTML element. We can then define a template of HTML, CSS, and Javascript to render our custom element on our page. The great thing about web components is that all of the contents inside of our custom element (also referred to as the ShadowDom) will not be able to mess-up or bleed out to the parent page. This is great because you won’t have any CSS or Javascript conflicts. One custom HTML5 element that may be very familiar to you is the ‘video’ custom element. Shown below:

<video width="300" height="150"> 
  <source src="trailer.mp4" type="video/mp4”>
  <source src="trailer.webm" type="video/webm">
  <source src="trailer.ogv" type="video/ogg”>
</video>

The ‘video’ HTML element is a custom element that is recognized across most modern web browsers. And utilizing web components you are able to create your own custom HTML5 elements.

So, now onto Polymer. Polymer is a javascript library that makes creating these custom html elements easier than ever. With Traditional web components you would have to write a lot of javascript and implement the web component into your webpage. Then you would have to make sure that that custom element worked in most modern web browsers. Well, if you are using polymer you can rest assure that all your web elements will be pollyfilled so that way they are compatible with the latest web browsers.

Using Polymer we can quickly and easily create new web components that people can drop into their webpage and the web component will do it’s own work and display it self accordingly on your page.

Be sure to checkout Polymers website here: http://www.polymer-project.org/ You can checkout some of the cool custom elements that people are already building over at http://www.customelements.io/

Also, be sure to checkout the cool examples on Polymer’s demo pages: 

http://www.polymer-project.org/apps/topeka/

http://www.polymer-project.org/components/paper-elements/demo.html#core-toolbar

And checkout just how easy it can be to include google custom elements on your site here: http://googlewebcomponents.github.io/

There’s a lot of cool things that custom elements are solving. Be sure to read up and learn more about custom elements since this will soon be the future of where web development is heading.

ninja-media-script

Ninja Media Script

Well, it’s been awhile since I’ve written a post. I hope to get back into my daily post routine :) In the meantime I’ve been fairly busy creating some new scripts and learning some new technologies. One of the latest scripts that I’ve written was a Viral Media Script that’s available on CodeCanyon. Feel free to check it out here.

The response has been great so far, I am reaching nearly 250 sales within the first couple months. It’s great to be able to continue to work on something that people care about. Whenever I’m working on updates during the weekend it’s a great feeling to know that I have users who are looking forward to these updates.

The script was built using Laravel 4 framework, Bootstrap 3, FontAwesome4, and jQuery.

Here are some of the screenshots of the script below:

ninja-media-script-screenshot-1 ninja-media-script-screenshot-2 ninja-media-script-screenshot-3

Be sure to check it out on the Envato page here: http://codecanyon.net/item/ninja-media-script/6822888

And I look forward to hearing your feedback :)

Loading Video...
Close Video Installing Laravel on Amazon EC2

Installing Laravel on Amazon EC2

Play Video

Amazon EC2 makes it very easy to scale the servers that our web applications live on. This video tutorial will show you how to load up an Amazon EC2 ubuntu server and setup Apache, PHP, & MySQL on the server. I will then go through the basics of setting up the environment for a basic Laravel 4 installation.

Here is the cheat sheet of commands that I was using throughout the video:

———- Installing Apache ———-

$ sudo apt-get install apache2

———- Installing Latest PHP ———-

$ sudo add-apt-repository ppa:ondrej/php5
$ sudo apt-get update
$ sudo apt-get install php5 libapache2-mod-php5

———- Installing PHP Mcrypt ext. ———-

$ sudo apt-get install php5-mcrypt

———- Installing MYSQL ———-

$sudo apt-get install mysql-server

———- Installing GIT ———-

$ sudo apt-get install git-core

———- Laravel GIT Repo ———-


https://github.com/laravel/laravel.git

———- Installing Composer ———-

curl -sS https://getcomposer.org/installer | php

Here are a few additional resources:
This is the command I used at the beginning of the video to run apt-get update:

$sudo apt-get update --fix-missing

Here is the URL to the documentation on how to SSH into your Amazon EC2 instance:

http://docs.aws.amazon.com/AWSEC2/latest/UserGuide/AccessingInstancesLinux.html

OS X and Composer Error ‘PHP.ini does not exist’

So, I finally decided to move away from using MAMP, which is great; however, I am having to do a lot of troubleshooting. After getting my MAMP stack all setup I was adding all my Laravel projects and going to get all the latest vendor resources via Composer. Unfortunately I ran into the following output up trying to install composer:

$ curl -sS https://getcomposer.org/installer | php

Some settings on your machine make Composer unable to work properly.
Make sure that you fix the issues listed below and run this script again:

The detect_unicode setting must be disabled.
Add the following to the end of your `php.ini`:
    detect_unicode = Off

A php.ini file does not exist. You will have to create one.
...

The reason for this could be that you have just activated PHP in your OSX Apache configuration, but you still have not renamed the default php.ini file which is located in ‘/etc/php.ini.default’, so we can easily do that with a single command and add the detect_unicode = Off at the same time:

$ cp /etc/php.ini.default /etc/php.ini && echo "detect_unicode = Off" >> /etc/php.ini

(note: make sure you are logged in as root or you can add sudo in front of the above cp command)

Hope this helps someone out. And I’m pretty sure that moving away from using MAMP, I’m going to learn so much more.

10-awesome-programming-jokes

10 Awesome Programming Jokes

Yeah, Yeah… Some of these may be pretty lame, but these are a few of the funnier programming jokes that I have found, so I thought that I would share them. I would say that if you understand less than 7 of these jokes, you are probably not a programmer :P Anyway, check’m out below:

Q: how many programmers does it take to change a light bulb?

A: none, that’s a hardware problem

Q: “Whats the object-oriented way to become wealthy?”

A: Inheritance

Q: Why did the programmer quit his job?

A: Because he didn’t get arrays.

Q: What did the Java code say to the C code?

A: You’ve got no class.

Q: Why are Assembly programmers always soaking wet?

A: They work below C-level.

Q: What do cats and programmers have in common?

A: When either one is unusually happy and excited, an appropriate question would be, “did you find a bug?”

Q: What is the most used language in programming?

A: Profanity.

Q: Why did the database administrator leave his wife?

A: She had one-to-many relationships

Q: Why do programmers always get Christmas and Halloween mixed up?

A: Because DEC 25 = OCT 31

Q: How did the programmer die in the shower?

A: He read the shampoo bottle instructions: Lather. Rinse. Repeat.

san-diego-web-design

San Diego Web Design

With so many options available today and so many freelancers and agencies it may be a little difficult when it comes to deciding who to go with. Here are a few advantages of working with individual freelancers:

  1. Usually Freelancers will cost less than hiring an agency.
  2. When starting with a freelancer you can usually be guaranteed that they can start on your project very soon.
  3. Freelancers usually have a great creative insight since they have worked on multiple projects.

Now, here are a few advantages of working with an agency:

  1. Agencies usually have a team which means more eyes on the final product.
  2. Agencies probably have a big team so you can be sure that your website will have much love.
  3. Agencies will nail down most of the details before starting, which may result in a better end-product.

So, what would be the best way to get a high-quality project done in a timely manner without breaking your bank?

Well… Typically that is going to happen with a freelancer. There may be some agencies that will not cost an arm and a leg, but they may not deliver the best end product.

The best way to go about deciding who to choose is to have a meeting with the person/agency. There level of energy will usually tell you if they are motivated and excited to get your project up and running well.