internetTools

December 8, 2018

PlayList Generator

Finding the perfect for an occasion is tough when music isn't your specialty. Finding the right songs for the reunion or birthday can be time-consuming.

PlayList.Net makes it easier to generate a great playlist for any occasion or mood. You simply type in your favorite artist or situation and you'll have a lot of playlists to select from.

Description from the website:

Playlists.net is a place where playlists can be discovered and submitted by anyone with a Spotify account. It’s the most popular playlist sharing site and has a very active community of curators and users who are keen to share and discover interesting playlists (that you won’t find in Spotify Browse) of all genres with a focus on new music.

The site has over 170,000 playlists uploaded onto it since creation, over 400,000 registered users and up to 1.5m monthly visitors.

Playlists Generator
http://playlists.net/playlist-generator

Sample Playlists to Explore

50th Birthday Party - All the music played by the guest DJs at Nicky & Gary's joint 50th birthday party on October 2017.

The Country Dance Kings " Greatest Country Line Dance Songs Ever! - Lots of good line dance songe created on May, 2012.

Happy Songs For Sad Days - A Lot Of Happy Songs For Your Sad Days created on April, 2012.

1980s Time Machine Radio - Over 1,000 of the best songs from the 1980s! Whoa, this is heavy.

December 1, 2018

WolframAlpha

WolframAlpha is the place to go when you need to calculate anything. It's a great knowledge base to explore all sorts of useful information. It's great as your taping into the power of computation intelligence.

The Pro version of WolframAlpha is $5.49 a month with step-by-step solutions, increased computation time and calculator Web Apps. The Pro version also has Image Input features - which is pretty cool if you work with images. This is where you can get a detailed analyst of any image. If you upload an image with text it will extract the text from the image.

If you do any data analyst, WolframAlpha is a great tool! Also useful for students in school, where they can learn a lot more about data.

Description from their site:

Compute expert-level answers using Wolfram's breakthrough algorithms, knowledgebase and AI technology

Wolframalpha
https://www.wolframalpha.com/

Sample Query

Disney Distance_1

Not Always able to Get Data I Want

Interestingly it wasn't able to tell me what city was 2,174 miles from Boston. I found that it's Tegucigalpa, Honduras via timeanddate.com and Salt Lake City, Utah via distancetofromto.net.

Check out WolframAlpha

I would highly encourage you to check out the "Surprise Me" feature on WolframAlpha

November 24, 2018

Squoosh

Google is on a mission to get people to shrink their images so pages load faster on mobile devices. They recently launched a new website called Squoosh to make it even easier to compress images.

Squoosh Description

Make images smaller using best-in-class codecs, right in the browser.

Squoosh is an image compression web app that allows you to dive into the advanced options provided by various image compressors.

Google Squoosh
https://squoosh.app/

Four Differences Between Squoosh and ShortPixel

Back in Septemeber, I wrote about how ShortPixel is a great compression service. Here are some of the key differences between ShortPixel and Squoosh. Still a good option for many reasons.

  1. ShortPixel allows users to batch process lots of images, with Squoosh you can only do it one at a time.
  2. ShortPixel automatically sets the best compression, with Squoosh you have to figure out what compression doesn't ruin the image.
  3. ShortPixel also compresses PDF documents and animated Gif files.
  4. Squoosh allows you to play around with the settings to get the smallest possible size that works for that image, including settings for Reducing the color palette and image physical size.

Squoosh is great if you just need to compress an image for a blog or Slack. It's a quick fix tool. It would be nice if Google did offer several compression suggestions - such as "Best for Mobile" or "Image Optimized for Slack."

November 17, 2018

Dynamic Drive

Dynamic Drive has all sorts of useful tools for Web Developers, including Image Optimizer, Button Maker, Image to Base64 and lot more.

There is a section of the site where you can download script files, such as creating a dynamic calendar, snow or rain effect, the Matrix Text Effect, Mouse and Cursor effects and many more. It's a great place to get a code and some unique ideas to help spice up any webpage.

Description from the site

Welcome to Dynamic Drive, the #1 place on the net to obtain free, original DHTML & Javascript to enhance your web site!

Dynamic Drive
http://dynamicdrive.com/

Sample Content Listing

Check out some of these cool effects

It's Snowing - Decorate your webpage with this great animated document effect! Watch as snow gently trickles down the page, then disappear. Cool DHTML Tooltip - This is a practical, elegant DHTML tooltip script. Use it to display additional information about a link or any other element when the mouse moves over it. Tic-Tac-Toe - Entertain your visitors to a quick game of Tic-Tac-Toe. Comes with artificial intelligence and the ability to keep score. It's a good way to increase webpage time, which is a way to help SEO score. Online Image Optimizer - Image Optimizer lets you easily optimize your gifs, animated gifs, jpg, and png, so they load as fast as possible on your site. You get a preview of each quality and pick the image that works best for you.

November 10, 2018

Cheatography

Single page reference sheets - often called Cheat Sheets - are good reference guides to common tasks. Most developers have used them when researching the latest CSS styles or figuring out the proper regular expression.

A great online resource is the Cheatography website - they have a huge selection of cheat sheets in various topics. If you think you can do better than what they have, you can also create your very own cheat sheet.

Description from their site

Cheatography is a collection of 4,488 cheat sheets and quick references in 25 languages for everything from business to food!

Cheat Sheet
https://www.cheatography.com/

Cheatography Content

The five most popular Cheat Sheets:

  1. Regular Expressions Cheat Sheet
  2. Linux Command Line Cheat Sheet
  3. EQ tips Cheat Sheet
  4. JavaScript Cheat Sheet
  5. Python Cheat Sheet

November 3, 2018

Snipplr

Wouldn't it be great if there was a resource to get awesome code snippets, so you don't have to re-invent the wheel for an HTML5 Starter Template or a PHP function to properly trim strings or any bit of code. Fortunately there is such a site it's Snipplr.

At Snipplr you can search for any code bits for just about every active programing language. There even a useful HTML Test Page so you can see how your style sheet works with all the active HTML elements.

Description from the Website

Snipplr was designed to solve a simple problem. We had too many random bits of code and HTML scattered all over our computers. We'd hunt and dig around for five minutes looking for the couple lines of code we wrote four projects ago just so we wouldn't have to retype them. We're lazy. We needed a way to keep all of our stuff organized. Snipplr is our solution. Now, all of our code snippets are stored in one place. Best of all, the other guys at work have access to each others' code library.

With Snipplr you can keep all of your frequently used code snippets in one place that's accessible from any computer. You can share your code with other visitors and use what they post, too.

Snipplr
https://snipplr.com/

October 27, 2018

glowtxt.com

The awesome people that created Textcraft, created a cool sister site called glowtext.com. The site offers a lot of very cool glowing style font styles. These are perfect when you want to bring to life some otherwise boring text.

Description from the Website

Make your blog, website, or any other page come alive with our glowing text generator. Use our free font styles for graphic art, blog headings, school projects, Facebook posts, forum signatures, posters, YouTube thumbnails etc.

glowtext Preview
https://glowtxt.com/

Some Notes

  • GlowText.com doesn't offer any shared library style as is offered in Textcraft.
  • If you don't want to host the image, simply click on the 'Get Web Code' to get links from imgur.com.
  • You can preview the PNG transparent image against different backgrounds.
  • There are 147 fonts available - Only a small sub-set is visible on the page as preview.

Example Designs and Styles

Boston Back Bay

Migrator Night

October 20, 2018

Filmora Meme Generator

Earlier this week Filmora announced a new free product called Meme-Maker. Do we really need another Meme-Maker? Yes, Filmora does a good job making it easy to create custom Memes. If your looking to make a Meme from standard images your still better off using Imgflip.

Website Description

Upload or drag your image, GIF and video - You can either upload an image, GIF, or video from your computer OR you can paste in a link! Maximum file size: 50MB.

Add your text caption - Enter the text that you want to use in your image, GIF, or video meme. You can easily edit the text font, color, size and position.

Export & Download - Export your meme as a PNG, JPG, GIF, or MP4 file and enjoy! Go forth and be happy!

Filmora Meme Maker
https://filmora.wondershare.com/meme-maker/

Example Meme Created in Filmora

Filmora Meme

October 13, 2018

Undertale Text Box Generator

The Undertale TextBox Generator is a creative way to display text in a graphics format. You simply type the phrase you want, design the box, and presto a creative graphic is ready to share on social media, blog or Slack.

You can have a character, or logo in the text box to add a bit of humor to your text.

Description from Website

An accurate, yet highly customizable, Undertale Text Box Generator. Choose any character from Undertale or a large variety of Alternate Universes. You can even use your own sprites!

Demirramon Hideout
https://www.demirramon.com/en/generators/undertale_text_box_generator

The generated text box are in PNG format and are 576w x 152h.

Example Text Boxes

Demirramon Example

October 6, 2018

Da Button Factory

Da Button Factory is an easy way to make all sorts of website buttons. It's a good site for bloggers or anyone that maintains a website. Need some button ideas? They have a page of examples, which you can use as a starting point.

Description from Website

Da Button Factory lets you create appealing buttons for websites, in no time and for free. Start with the model displayed above, or use one of the other buttons presets. Tweak the style to fit your needs, changes are applied in real time. When you are done, use the "Download" link to get the button image to your computer, or click "Embed" to directly integrate the button on a website (hotlink or CSS).

Da Button
https://dabuttonfactory.com/

Some Example Buttons

button_now-what

button_qa-fails

button_qa-passes

button_time-to-act

button_boston-massachusetts

September 29, 2018

Canva Meme Generator Tool

Most people know Canva as the easy place to create blog titles, posters, Social Media graphics, YouTube thumbnails and more. Did you know that their editor is perfect for creating MEMEs?

The webopedia describes the 'Internet Meme' as " a concept or idea that spreads "virally" from one person to another via the Internet."

Description from Canva's website:

Each day, millions of people laugh at Grumpy Cat's shenanigans, doge's superlatives and Sean Bean's warnings about walking into Mordor. Memes are usually jokes or statements with hidden meanings meant to be funny and, oftentimes, satirical. Culturally, they are an important way to keep your pulse on the current events and issues. Every successful meme is: easy to replicate, relatable, shareable, and funny, clever or witty.

With Canva, you can add your own twist to a meme or even create your own brand new one in minutes. It's as simple as dragging and dropping an image into the editor then adding your own witticisms. It's fast and easy and you can share your memes at once.

Canva Meme
https://www.canva.com/create/memes/

Four Things I learned using the Canvas Editor

  • Many sites like Imgflip have all the popular background images, such as the Waiting Skeleton, Think About it, Sponge Bob, Batman Slapping Robin, One Does Not Simply and more...
  • Canva does offer a lot of good images to help make your own creative Meme. Some images are extra, but there are plenty of free images.
  • You can create your own templates so you can reuse images/designs later.
  • The downloaded images are 1080 x 1080.

Example Meme

Now What Meme

September 22, 2018

ShortPixel

ShortPixel is a great service for anyone looking for an easy way to compress images. Why compress images? If you maintain a blog or host websites, a good image compression tool can make the site load faster. In addition, smaller image sizes mean less disk space.

If your uploading images to Slack, a better-compressed image may help slack show an inline preview on those larger animated GIFs.

To use the site, simply create a free account and then drag and drop images to the compression optimize box on their website. Developers will be happy to know that there are API tools for PHP and a command line tool.

Website Description

ShortPixel algorithms were perfected while optimizing over a hundred and a half million real-life images. ShortPixel not only offers the best compression for JPEG, PNG, GIF and PDF files but it also saves you a lot of time. After the simple installation, ShortPixel makes sure that all the images on your site are immediately optimized after upload.

While ShortPixel promotes the use of the WordPress Plugin and API, you don't need it to use their compression technology.

Short Pixel
https://shortpixel.com/online-image-compression

Sample Compression

Framingham Train Long
This animated gif was originally 3.6 MB, and now it's 1.6 mb.

Incredible
I compressed an old PDF file from 6MB to 795K. Check out the PDF to see if there's any serious quality lost: http://www.cryan.com/pdf/IncredibleUniverse.pdf

September 15, 2018

Letter Board Generator

The folks over at Letterfolk created a cool generator that allows you to create letter board graphic. This is a creative way to display a message in social media or in Slack. There are all sorts of settings, such as font size, board size, and colors.

If your serious about Letter board, Letterfolk is the place to go. They have all sorts of designs and options that sure to meet anyone needs.

Virtual Letterboard
https://www.letterfolk.com/pages/virtual-letter-board

Sample Designs

Letter Board Generator

Note: Like all post on the cryan.com, this is not a paid endorsement. I found the Virtual Letter Board to be a very useful graphics generator tool and thought it should be featured as this week's internet tool.

September 8, 2018

Backronym

backronym.org is simple site that converts a word into a random phrase. This is useful if you're trying to learn a complex word, or just for fun. Since the phase is random it can give you some ideas on more useful backronym.

Webster's Dictionary: an acronym deliberately formed from a phrase whose initial letters spell out a particular word or words, either to create a memorable name or as a fanciful explanation of a word's origin.

backronym
http://backronym.org/

Sample Generated Backronym

  • YAHOO: that Yarn-spinning Admissive Houttuynia Orchestrated from that Organdie
  • YAHOO: the Yellowish-orange Aerological Harmonics Overpaying one Octosyllable
  • CNN: that Confined Narthecium from that Nuclease
  • MBTA: that Maltese Brazilian Tortricidae in an Argument
  • NRA: that Nonexplorative Reconcilable Alt

September 1, 2018

Graphic Burger Text Effect

Graphic Burger has all sorts of cool text effects to download and modify using Adobe Photoshop. While it would be great if these were editable online, I think having the templates makes it just as useful.

Description from the Website

GraphicBurger is a buffet of premium quality design resources offered for free to the community. Here you'll find exclusive PSD files "cooked" in-house along with featured top-notch freebies from creatives around the world.

Graphic Burger
https://graphicburger.com/tag/text-effect/

Some Notes

  • None of the Text Effects will work with Affinity Designer or Affinity Photo.
  • Some of the effects will work with Photoshop Elements Editor but it appears that you need the full version of Photoshop to use the smart object container feature of the files.

G B Chalk Effect