Aspect Ratio Calculator
Aspect Ratio is critical to making sure that your image looks good no matter how it displays. The 16:9 format is the most common format for images on the web.
One way to know that your using the right ratio size is the Aspect Calculator. It's a simple tool that can help make sure that your blog or social media post will look good.
This little tool will help you calculate aspect ratios and dimensions for your videos or images. This can also be used to check if you are working at the correct resolution.
Aspect Ratio of 16:9 ("Sixteen-by-Nine" and "Sixteen-to-Nine") which is also known as High Definition (HD) became a leading aspect ratio since the start of the 21st century. It is the international standard format of HDTV, non-HD digital television and analog widescreen television PALplus. Today many digital video cameras have the capability to record in High Definition format, and it is the only widescreen aspect ratio natively supported by the DVD standard.
SVG Calendar Templates
This time of the year people are updating calendars for events and holidays. It's hard to find a decent calendar to use as a template.
Mensch Mesch put together a website that generates a calendar in three formats - Block, Horizontal and Vertical. These are available in Scalable Vector Graphics format, which means these can be created and edited with any text editor, they are scalable and can be printed with high quality at any resolution.
With my free SVG Calendar Tool you can create different types of SVG Calendar Templates (Scalable Vector Graphic) for all Affinity products.
I like the block format as it's a good starting point for recurring event format.
Have you ever encountered a font and wondered what it was? Wouldn't it be great to use it in your design?
WhatTheFont takes the guesswork out of figuring out the font. Simply upload an image with the font and in a few seconds, you'll get the best matching font. You can then buy the font right away.
How it works: WhatTheFont uses deep learning to search our collection of over 133,000 font styles and find the best match for the fonts in your photo. It even works with connected scripts and when there’s more than one font in an image. Just upload an image, click the font you want to identify, then check out the results.
For best results, upload a good quality image, and make sure the text is horizontal. We’ll detect the text in the image automatically, then you can click the font you want. You can draw a manual crop box if you want, but be sure that you only draw it around one line of text.
Happy font hunting!
For the best results, use a high-quality scan of the font.
If you don't want to buy the font, you can always Google the font family name and see if anyone may have a free version available.
However, If you're going to use the font for business, you should purchase it.
There are other websites that offer similar services, but what WhatTheFont better is that they have a very large database to select from.
Buzzfeed is famous for the attention grabbing headlines. They try to make any "typical" story into something that is worth reading.
Ravi Parikh figured out a pattern to how buzzfeed create titles and created a page that would generate a "fake" Buzzfeed headline.
There's a bunch of common patterns in Buzzfeed titles so it was fairly easy to identify these and create this title generator. I also had some fun by switching out the noun/verb/etc word banks with words that are "themed" so we can see fake Buzzfeed titles with a different flavor.
What's fun about this is that you can use this to create titles for testing and to come up with creative blog topics.
Photo Effects can really help make the most out of a dull picture. Tuxpi.com has a lot of cool effects that can help brighten up a picture.
This is a good site to use since the effects are very simple to apply and you can mix effects up to add a more dramatic effect.
60 Photo Editing Tools
- Change colors, create montages and add text to pictures.
- Crop, rotate and resize pictures with ease.
- Edit photos with many different effects.
- Add picture frames and borders.
- Online photo editor - works directly in your web browser.
I added the "Photo to Painting" and Focus effect to a photo.
Simple Frame effect
Sometimes a message stands out on an image with a sticky note. The Sticky-Notes Generator over at Webestools makes it easy to do that.
The Sticky Note Generator has 12 different styles and 59 fonts to make your style unique. It takes a bit to properly fit the image on the note. I found that I had to play around with the Horizontal and Vertical positions to make the text-align perfectly on the image.
This generator lets you create free sticky-notes online. First, you have to choose the text, the font, the size, the position, the text color and the background color(can be transparent). Finally, you have to choose the sticky-note style from the following sticky-notes gallery. When you will finish filling the form, you have to preview the result by clicking on the "Preview" button. If the result looks good, you can download the sticky-note by clicking on the "Download" button or you can create a permanent image by clicking on the "Get the URL" button.
Random Binary Number Generator
The Random Binary Number Generator is a fun way to generate numbers. You can use this as part of a background or design for a blog or social media post.
You can generate a very large set of random binary numbers so the image pattern looks unique.
5000 random binary digits. Reload the page (F5) to reset the numbers. Or try the other memory training scripts.
Sample Designs Generated
Here are a couple of sample designs that were generated using the Random Binary Number Generator and Affinity Photo and Photoscape X.
Top Internet Tools of 2019
This year we featured a lot of cool internet tools - many of them free. There were some great graphics tools to internet utilities.
It was difficult to pick the right tools to feature for the annual end-of-year wrap-up. But the following tools are selected based on popularity and practicality.
Top 9 Internet Tools Worth Checking Out
- PhotoVisi - A great online collage tool with lots of templates
- BBC Sound Effects - Great sound effects for your Video Collection
- Password Generator - Random Password Generator to help create secure passwords
- clipboard2markdown - An easy way to convert your Clipboard content to Markdown
- Ugly Sweater Generator - Easily create an Ugly Sweater design in minutes.
- Blog Title Generator - Creative tool to help attract audiences to your blog post
- Kapwing Meme Maker - Create cool memes using different layouts and YouTube clips
- Space Type Generator - Create Cool graphics with your text
- My Birthday Hits - Find Out the Number one songs on your birthday
What's New for 2020?
Next year, I'll focus more on a category each month. For example, in January, Internet tools featured will be for creating Blog graphics. February might be internet tools for the home office.
If there are any tools you like to feature here, leave a comment below.
Ugly Sweater Generator
Ugly Sweaters are now all the rage. Companies are having Ugly Sweater contests just to spice things up in the office.
Thanks to Coco Bongo, you can generate an online graphic version of the Ugly Sweater.
The site is fun, and you can come up with a lot of crazy ideas. The images are the perfect size to announce the Ugly Sweater contest on Slack.
You are Christmas lover? Or you hate it? Anyway, here is our personal experiment for these Christmas where you can generate and customize as you like your ugly Christmas sweater.
We have created a pixel editor that combines animations, patterns, typographies, and colors, resulting in more than 200M different designs. A GLSL shader transforms each pixel into a sewing knot and thus achieve the most realistic look possible. Finally, we can export the WebGL canvas in animated GIF format to download and share.
The CocoBongo team wishes you a Merry Christmas! …or not.
Compress images is critical for any website project. One of the most popular services is ReSmush.it.
ReSmish.it is a viable replacement for the old Yahoo Smush.it.
This isn't an online drag/drop feature at reSmush it. It's actually integrated into other services such as Wordpress, Drupal, Magento and other CMS tools. The most popular access is via JSON Webservice calls.
If you don't have those services, you can download the command line client from GitHub. It's a quick command line install. However, if you're not familiar with Homebrew, it may not be for you.
reSmush.it is a FREE API that provides image optimization. reSmush.it has been implemented on the most common CMS such as Wordpress, Drupal or Magento.
Moreover, reSmush.it is the most used image optimization API with more than 2.7 billions images already treated, and is still totally Free of charge !
Notes on Testing
The CLI client install from GitHub was very easy. Any missing libraries files were auto-installed - as I didn't have the latest curl or jq. After installing, I moved the resmushit-cli.sh file to /usr/local/bin so that I could run the command everywhere.
The `resmushit-cli.sh` doesn't support HEIC format and files have to be less than 5MB. This is a free service, so I am not complaining.
I am working on writing a Python script for Dropzone so that I can just drag and drop images to be compressed. Once completed, I'll upload the Action here.
Download Facebook Video
Facebook is becoming a popular place to find videos. There are all sorts of creative videos to be found. Facebook does a good job suggesting videos for you to watch.
Simple past in a Facebook URL and then download the video to watch offline on your computer or phone. You can also download the video to your DropBox to get at a later point - useful if you're on a mobile and want to watch later.
Getfvid is one of the best tools available online for convert videos from Facebook to mp4 (video) or mp3 (audio) files and download them for free - this service works for computers, tablets and mobile devices.
All you need to do is to enter the URL in the text box provided and use the button labeled "Download" to download the video in the available format.
The usage of our website is free and does not require any software or registration.
How Big Is My Browser
An easy way to figure out your current browser size, without having to install an extension is to use HowBigIsMyBrowser.com
This is an easy site that gives you the current viewing size of your browser window. It's handy to have when trying to debug an issue. Also useful when creating websites and determining the best default size to target to.
Because you have to allow for the scroll bars and window chrome. If you're specifically targeting mobile browsers, then 320 pixels wide might be a good choice, although mobile browsers typically scale content to fit the view width, so 950 or 960 pixels wide can be great.
Check it out right now to see what you're currently viewing this site as!
Placeholder images are essential for QA and Designers. There useful for QA to make sure website uploads are handling certain image sizes. Graphic designers find them useful to show image size targets in certain designs.
imgplaceholder.com is a great site to generate all sorts of images. You can have any color type, message, and icons in the generated graphic.
Placeholder.com is a free image placeholder service for web designers, serving billions and billions of images each year.
You can specify image size & format (.GIF, .JPG, .PNG, .WEBP), background color & text color, as well as the text.
I need A prompt
I Need A Prompt is a cool site where you can get a random phrase generated. It's unique from other sites because you can select if the phrase should contain adverb, Adjectives, noun or location.
BlockLayer.com is great place to go to get all your printable diagram templates. Then have templates for everything imaginable, there's Gable Roof Framing Plans, Deck & Floor Board Spacing & Gap Calculator, Angle Calculator, Posts and Rails - Spacing and Material and so much more.
Yes, they also have Graphic Paper and printable rulers.
There are 140 different designs to pick from. Lots of good choices, and certainly a good site to bookmark for when you need designs with calculated settings.