It’s been a while since Free Flat Buttons have seen any updates, but there’s really nothing to update in my opinion. They serve their purpose quite well. They look very nice when paired with FontAwesome, too.
Free Flat Buttons can be found on GitHub, it’s repository is very simple and only includes the button stylesheet and the HTML and CSS associated with the freeflatbuttons.com website.
They’re really simple to use, as they should be. All you have to do is include the CSS, <link rel=”stylesheet” href=”button.css”>, include the FontAwesome CSS if you want it, <link href=”http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css” rel=”stylesheet”>, and then add a class to an anchor tag.
For a normal sized button, something like this:
<a class="btn color-1" href="#">Color 1</a>
To make a button with rounded corners, use style-2, the other styles are listed on the freeflatbuttons.com site:
Taking a snapshot of a DigitalOcean Droplet is essentially like making an exact copy of the Droplet (server) that you can then use again at a later time. Very useful for scaling and updating a Droplet to a newer version of your Linux distribution without losing all of the Droplet’s configuration.
DOSnapshot can be installed as a ruby gem, which is what I chose to do because it’s just so easy. Don’t install this on your DigitalOcean Droplet! It’s meant to run from your local machine. Installing DOSnapshot as a Rubygem is as simple as:
Once you’ve got it installed, you’ll need to set your DigitalOcean Client ID and API Key. You can set them as environment variables, or you can pass them as parameters when actually running DOSnapshot. This is straight from the README:
Please remember that running the do_snapshot command will cause your droplet to shutdown so the snapshot can be taken.
DOSnapshot has a pretty large number of options that you can specify. I’m going to keep this simple so you get the basics of it. Learning a few of the main options will be mostly what you need to know, after you’ve got them figured out, setting up a cronjob is cake.
You can take snapshots of all of your droplets at once, you can specify which droplets to take snapshots of, and you can specify droplets that you don’t want to take a snapshot of. I typically take a snapshot of a single droplet at a time, and I do it like this:
do_snapshot --only 1111 -k 3 -c -v
The above will take a snapshot of only one droplet, a droplet with an ID of 1111, replace 1111 with the ID of your droplet. You can find your droplets ID in your browser URL bar while managing the droplet. So if you see https://cloud.digitalocean.com/droplets/1234567, your droplet’s ID is 1234567.
First, you must have cron installed. There’s plenty of tutorials on how to do that. That tutorial even explains how to configure a cron job using the crontab utility. There’s an example crontab entry in the DOSnapshot README. Mine is pretty simple:
0 4 * * 2 do_snapshot --only 1111 -k 3 -c -v
If you have questions about setting any of this up, feel free to leave a comment!
After that, you’ll need to add some more code to the beginning of all the PHP files associated with your theme. I suggest you go over the Getting Started guide and really pay attention so you get a good understanding of what Unyson can do. The documentation is really awesome, most issues or questions you could have are more than likely covered in the docs.
I haven’t had much of a chance to play with Unyson, but will get the opportunity to on an upcoming client project, so I’m really looking forward to that.
Unyson is quite new, so hopefully we will see more features as it matures. It’s definitely worth checking out.
I love the GitHub explore today emails. It’s a daily email consisting of currently trending repositories, repositories starred by people you follow, and repositories that have been starred by GitHub staff members.
The September 06, 2014 email included a repository that caught my eye, StylishThemes/GitHub-Dark. Apparently one of the people I follow on GitHub starred it, which is awesome. I may not have found this otherwise.
Dark GitHub requires that you have the Stylish extension installed for your browser. Stylish can be easily installed in Google Chrome or Mozilla Firefox.
The Dark GitHub userstyle comes with a variety of syntax highlighting themes, the ability to set your own background image, setting a base color scheme, and changing the code tab size (defaults to 4).
To install Dark GitHub, visit the GitHub-Dark userstyles.org page. Select your options (ie: syntax highlighting theme, background image, etc). I typically just leave everything at their defaults.
Once you’ve got the options set how you want, click the green Install With Stylish button, as seen in the image above. You’ll be asked if you’re really sure that you want to proceed with installing the GitHub Dark userstyle. If you do want to install it, just click OK.
Circliful has a number of options that can be set as data attributes. Data attributes are the primary method for setting various options, such as the circle background color, fill color, and the percentage. All of the possible data attributes are available in the README on GitHub.
2. Add an element with the necessary data attributes
This is where you can define all the data attributes that are listed in the README. I typically use an empty div with the following data attributes: data-dimension, data-text, data-info, data-width, data-fontsize, data-percent, data-fgcolor, data-bgcolor, data-fill, data-total, and data-part.
You’ll want to give your newly created element a unique ID to use as a selector in jQuery. I used circle-1 as the element ID for this example.