9 Best Free Themes for Bootstrap

Looking for a great, free Bootstrap theme that you can use as a jumping off point for your upcoming projects? Take a peek at this list of our top nine favorite (and free!!) themes built using the Bootstrap framework.

  1. Ninestars

Screen Shot 2017-03-09 at 1.59.43 PM

Ninestars is a free Bootstrap theme that’s both minimalist and professional in terms of design and vibe. It’s fully responsive and has a cool slide-out menu that utilizes CSS transitions.

2. Freelancer

Screen Shot 2017-03-09 at 2.01.23 PM

This is a cool theme that is perfect to use if you’re a freelancer looking for a nice, clean way to showcase your portfolio as a single page site. Includes a great set of flat icons.

3. Lightwave

Screen Shot 2017-03-09 at 2.06.26 PM

Lightwave is a fully responsive Bootstrap template that comes with six different style themes. Additionally, it’s really easy to customize to suit the needs of just about any project.

4. Basic

Screen Shot 2017-03-09 at 2.08.47 PM

Another great theme for people looking to create an online portfolio to showcase their work. It’s a 2 page theme that is fully responsive, has a minimalist, trendy design, that lets you keep it simple while communicating your skills.

5. Material Kit

Screen Shot 2017-03-09 at 2.17.46 PM

Material Kit is a free Boostrap UI kit that has restyled all of the basic Booststrap elements and comes with example pages that you can use as templates for your upcoming projects.

6. uButia

Screen Shot 2017-03-09 at 2.27.51 PM

uButia is a free Bootstrap template that would be great for any digital businesses looking for a new way to present themselves online. It’s easy to customize and comes installed with FontAwesome for all of your possible icon needs.

7. Elate

Screen Shot 2017-03-09 at 2.30.27 PM

Elate is another free and responsive portfolio template. It’s got a clean design, smooth scrolling and animation effects, and comes with four different style themes.

8. Umbrella

Screen Shot 2017-03-09 at 2.34.27 PM

Umbrella is a cool, bright, and colorful app that would be perfect for showcasing a product or service. Features include icons, a slider functionality, and responsiveness.

9. Hexa

Screen Shot 2017-03-09 at 2.37.37 PM

Hexa is a unique template that will accommodate 13 hexagonal images on the front page of your site. Perfect for photographers or designers who want to quickly give the user an idea of what they’re capable of. The template is fully responsive.

10 Free and Fun Filler Text Generators

Even if you absolutely love your job as a web developer or designer, there are still times when we could benefit from adding a little more whimsy to our day. A great way to do this is with a free, fun, and harmless filler text generator. It’s a standard practice to use the old Latin Lorem Ipsum… text as a placeholder for actual test in a preliminary design or product, so why not spice it up a bit? What follows is a list of fun and free text generators that are sure to put a smile on the face of anyone who comes across them.

1. Bacon Ipsum

Screen Shot 2017-02-20 at 6.08.24 PM

Bacon Ipsum is one of the more popular alternate text filler generators. Basically what it does is insert the names of meats, cuts of meat, and meat dishes into an otherwise standard Lorem Ipsum passage.

2. Samuel L. Ipsum

Screen Shot 2017-02-20 at 6.10.46 PM

Instead of the standard Lorem Ipsum, this generator gives you text straight out of a Samuel L. Jackson movie. It’s definitely not suitable for work, but if you’re really determined to use it in a project, there’s a “lite” version of the plugin that generates text sans any profanities (there’s also a “classic” version that generates the quotes sprinkled in with some Lorem Ipsum, if you’re a traditionalist).

3. Cat Ipsum

Screen Shot 2017-02-20 at 6.15.06 PM

If you’re not a cat person then you might not appreciate this one. Cat Ipsum generates text that reads like a stream of consciousness from a cat. It also gives you the option to start it off with a little Latin or to just dive straight into the mind of a feline.

4. Yorkshire Ipsum

Screen Shot 2017-02-20 at 6.17.42 PM

This generator provides text meant to mimic the accent of a person from Yorkshire, England. The accent is famously hard to understand, so depending on where you’re from and you who are, Yorkshire Ipsum could be more difficult to decipher than classic Latin.

5. Hodor Ipsum

Screen Shot 2017-02-20 at 6.20.51 PM

Unless you’re a Game of Thrones fan, this text generator probably won’t interest you. The only word that the generator provides for you is, naturally, Hodor. But at least the passages are punctuated. Choose from the dropdown list how many Hodors you want — each Hodor corresponds to another paragraph of, yeah, Hodor.

6. Hipster Ipsum

Screen Shot 2017-02-20 at 6.23.21 PM

Hipster Ipsum generates paragraphs of text that only include hipster words — quinoa, listicle, venmo, bicycle, sriracha, williamsburg, etc.

7. Pirate Ipsum

Screen Shot 2017-02-20 at 6.26.18 PM

Pirate Ipsum will generate a block of text that is all in “pirate speak” — think a lot of “ayes,” “scaleywags,” and “mateys.”

8. Office Ipsum

Screen Shot 2017-02-20 at 6.27.55 PM

Office Ipsum generates a collection of text having to do with work and office environments. Basically, it’s a huge list of business buzzwords that you’ve probably heard a thousand times before in hundreds of meetings or conference calls.

9. Cheese Ipsum

Screen Shot 2017-02-20 at 6.29.53 PM

Because you can never have too much cheese in your life, this text generator gives you a list of so many different types of cheeses that your mouth will be watering just reading it. This isn’t just a list of snotty, high-brow cheese either — queso is listed right next to camembert.

10. Hairy Ipsum

Screen Shot 2017-02-20 at 6.31.58 PMThis generator is for those who want to add a little manly ruggedness to their projects. The generator will provide you with a list of words that are the pinnacle of masculinity — mustache, boxing champion, etc.

8 CSS Snippets for Animal Lovers

One of the most fun (and least practical, if you care about not wasting time) ways to use CSS is to create shapes and colors out of regular HTML elements to make them look like real things — like food, objects, or animals. Today we’re going to take a look at some of the best CSS snippets that can be used to turn boring old divs into creations that resemble real live animals. Some of them are even animated! If you love cats and CSS, then keep reading, this one is for you.

  1. Pure CSS Black Cat

Screen Shot 2017-03-07 at 4.24.41 PM

Let’s start with a black cat because it’s a classic. This black cat is created purely with CSS, and it even includes CSS animations so that its eyes and ears both move in sync with each other (the ears move up and down, the eyes move from left to right).

2. CSS Dog

Screen Shot 2017-03-07 at 4.28.04 PM

If you’re not a cat person, maybe this dog will appeal to you. This pure CSS dog silhouette is a sophisticated representation of man’s best friend. It even comes complete with a bone and a collar.

3. Teddy Bear

Screen Shot 2017-03-07 at 4.32.54 PM

This snippet doesn’t create a realistic looking bear, the bear resembles more of a teddy bear, but it’s still really cute and has a nice little animation (the little arm waves at you). Besides, realistic-looking bears are kind of scary anyway. The snippet is pure CSS — no JavaScript or jQuery required.

4. Dog and Ball

Screen Shot 2017-03-07 at 4.38.04 PM

This awesome animated CSS snippet features a very enthusiastic dog and his very enthusiastically wagging tail. In front of the dog is a brightly colored ball, which bounces when you click on it. This snippet is really well done. Not only is the quality of the animation great, but the overall CSS is aesthetically pleasing and realistic looking.

5. Loading Cat

Screen Shot 2017-03-07 at 4.45.13 PM

This cat snippet is probably slightly more useful than the other snippets on this list. The animated cat in this snippet also doubles as a loading effect. The cat moves around in a counter-clockwise circle that could easily be used in place of other circular loading animations that might be used in a project.

6. Rabbit

Screen Shot 2017-03-07 at 4.47.37 PM

This adorable bunny is created purely using CSS and even includes a really cool animated hover effect (when you hover over the bunny, balloons start to rise in the background).

7. SVG Bird

Screen Shot 2017-03-07 at 4.49.50 PM

SVG animations are super useful and versatile in creating any sort of shape and being able to animate it. In this case, the shape that’s been created is a bird, and the animation it’s achieving is a slight flapping of the wings (it’s eyes also move from left to right).

8. CSS Fat Cat

Screen Shot 2017-03-07 at 4.54.02 PM

One more cat for good measure. This pure CSS cat is, as you might be able to tell from the title, a little fat. He’s also wearing a suit because, why not? The cat does have a little animation — the tail is wagging, but based on the serious angry eyebrows this cat is sporting, it’s probably not in a happy way.

Top 5 WordPress Plugins for SEO

One of the greatest benefits of using WordPress as a CMS is that there are so many free plugins available for WordPress that will totally beef up and streamline the SEO of any site. When looking for plugins to boost your SEO, it can be a bit overwhelming because of the sheet amount of free plugins available. If you need help narrowing down the options in terms of which SEO plugins to add to your site, take a look at this list we’ve curated of 5 of the absolute best WordPress plugins for SEO.

  1. Yoast SEO

Screen Shot 2017-03-07 at 3.48.29 PM

Yoast is one of the most popular (if not THE most popular) WordPress plugin for improving your SEO. It’s popular for a reason…this plugin is packed with features and is completely free. Yoast does so much more than allow you to input keywords and meta details. It gives you a rundown of the SEO quality of each page and post that you publish, it allows you to set social media sharing settings (how you want it to look on Facebook or Twitter when your content is shared, etc), and generates XML sitemaps and so, so much more.

2. All in One SEO Pack

Screen Shot 2017-03-07 at 3.52.49 PM

If for whatever reason you don’t want all of the extra features that come with Yoast and are just looking for a plugin that allows you to optimize your pages and posts with keywords and meta descriptions, then All in One SEO Pack is a great option. If it weren’t for Yoast, it would probably be the most popular SEO plugin available for WordPress. It’s easy to use even if you don’t have any knowledge or expertise in coding.

3. Google XML Sitemaps

Screen Shot 2017-03-07 at 3.57.58 PM

Again, if you don’t have Yoast and need to generate a sitemap, this plugin is a great way to do it. Sitemaps optimize your SEO because it makes it easier for search engines like Google to index your site because they can plainly see and access the way that content is structured on your site. A sitemap is pretty much mandatory if you want to have great SEO, and Google XML Sitemaps will generate one for you without you having to do anything other than install and activate the plugin.

4. Keyword Planner

Screen Shot 2017-03-07 at 4.04.53 PM

This one’s not technically a plugin, but it’s an undeniably valuable resource when it comes to SEO. This is a great tool to use to find which keywords have the highest search volume, which keywords advertiser’s are interested in, and which keywords you can use to outrank other sites, so you can try to tailor your content to fit within these parameters.

5. Broken Link Checker

Screen Shot 2017-03-07 at 4.07.46 PM

If you’re a web developer or work in SEO, then you probably know that broken links are not great for your search engine rankings. This plugin, the Broken Link Checker, checks all your content — posts, pages, even comments — for broken links an alerts you to them so that you can either delete the broken link or change it from a broken link to a live link. It also gives you the option to have broken links show up differently (usually with a line through the link, crossing out the text) within your content, signaling to your user that the link is bad in the hopes that they won’t try to use it.

8 Stylish and Free Responsive Email Templates

It’s 2017…why is sending responsive, browser friendly emails still such a hassle? If you’re frustrated with your email templates and are sick of coding them over and over to fix things that don’t work or try to make them fully responsive across dozens of different devices, maybe it’s time to try your hand at a free responsive email template. What follows is a list of some of the best of what’s out there in this department.

  1. Cerberus

Screen Shot 2017-02-21 at 3.45.34 PM

This one is a free download that comes with simple, responsive patterns for you to use when writing your HTMl emails. The emails are responsive and compatible with all browsers and email clients — even Outlook!

2. Foundation for Emails

Screen Shot 2017-02-21 at 3.47.19 PM

Brought to us by the people over at Zurb, Foundation for Emails lets you create free, responsive email templates that are universally compatible. Not only are the responsive, but the templates can also be edited quickly using Sass. If you’ve worked with Foundation for Sites, this is a great option for you, as you should be familiar with the coding style of Foundation.

3. Antwort

Screen Shot 2017-02-21 at 3.50.37 PM

Don’t be put off by the simple style of Antwort’s site — these templates are great. They’re easy to use and customize and also lightweight, plus, they’re totally free.

4. Campaign Monitor

Screen Shot 2017-02-21 at 3.52.25 PM

Campaign Monitor is an email marketing company that provides, along with many other services, access to free, colorful, creative, and industry-specific email templates. The templates are free, responsive, and will save you a lot of design work.

5. Basic Responsive Email Template

Screen Shot 2017-02-21 at 3.56.57 PM

If you’re looking for something a little less stylish than what Campaign Monitor has to offer, this template might be right for you. It’s basic and rather generic, but not completely void of any style or personality. Because it’s so simple, it’s perfect for customizing to match the aesthetic of your site’s style or brand.

6. Responsive HTML Email Template

Screen Shot 2017-02-21 at 4.01.00 PM

Before the days of iPhones and tablets, back when responsive design wasn’t even necessary, people used to use tables to design and structure pretty much everything, from big web pages to little emails. Since tables are sort of a pain to make responsive, this is no longer the norm. However, if you’re old-school and find yourself more comfortable working with tables, this template is a great option. It’s built with tables but by some miracle is still responsive! Definitely worth checking out.

7. Future-Proof Email Template

Screen Shot 2017-02-21 at 4.03.36 PM

This email template aims to be fully responsive even without media queries so that it works on even super old versions of browsers and email clients. It claims to be “future proof” because it achieves its look using only the most basic, simple code.

8. MJML

Screen Shot 2017-02-21 at 4.05.49 PM

MJML is a free responsive email framework that’s lightweight and easy to use. It contains components that make the code easy to edit and adjust, and it should only take seconds to add a new content section to your email template.