background preloader

7 Free Tools to Identify A Font

7 Free Tools to Identify A Font
So you’re browsing through your favorite website and found a site that uses a font you love. You want that font too, (and must be as quickly as possible!)… so how do we go about finding out what that font is called? Sounds familiar? Yes… we’ve all been there before! One easy option is to simply email the webmaster and ask for the name of the font and where to get it. This can take some time and not all webmasters will reply. 1. Developed by one of the largest font providers, WhatTheFont is your number one spot for identifying your fonts. 2. This service takes a different approach and finds your fonts by asking a number of questions about the font. 3. This is probably the greatest and largest community of font experts. 4. This site offers a ton of information as well as multiple online tools to help you find your font, by answering questions on the shape of the glyphs of the font in question. 5. 6. 7. Feature image by Shutterstock Have we missed your favorite resource?

Put in Alphabetical Order - free online tool Quickly put information in alphabetical order using this super duper free online tool. It will sort word lists, numbers, or just about any mix of content info and it will work with many many different formats - words separated by spaces or commas or etc - and it can also sort things alphabetically line by line if you need it. It's pretty easy to use but if you want a run through, I have a two minute video that goes through the basics of alphabetizing text with this tool. It can also eliminate duplicate items from your alphabetical list and other cool stuff too. Note: though the box below may seem small, you can paste tons of info into it and the info will get sorted alphabetically. <p>This <strong>online text/html tool</strong> requires a javascript enabled browser to work. How to Use this Alphabetical Order Tool It should be pretty straighforward to use, just try it out and it should alphabetize whatever you need. Other Tools on this Website

Web 2.0 Design Guide - Web Design In this tutorial, I describe various common graphic design elements in modern web “2.0” design style. I then attempt to explain why they work (i.e. why they have become common), as well as how, when and where you might use each element in your designs. It follows on from my Current Style article, and analyses in greater depth the design features of the current “Web 2.0” design style. To learn how to design Web2.0 sites yourself, you must read “Save the Pixel – The Art of Simple Web Design”, which is a comprehensive guidebook to the principles and techniques of Web2.0 design. Summary of Best Web Design Features The list below is a summary of many of the common features of typical “Web 2.0” sites. Clearly, a site doesn’t need to exhibit all these features to work well, and displaying these features doesn’t make a design “2.0” – or good! I’ve already addressed some of these factors in my introductory Current Style article. Best Website Design? Web 2.0 ?! Best Web Design Features 1. When? Always! 2.

13 Really Useful Online CSS Tools to Streamline Development CSS is nearly used on every modern website design. However, having to write and structure CSS code from scratch every time you have a project is extremely time consuming. Below, we present you with 13 amazingly useful CSS tools for hacking on writing time consuming code. We tried to place emphasis on unknown tools that every developer should have a looksy at, however don’t be surprised if we included a few known sources. CSS Cheat Sheets As simple tool as this may seem, the CSS Cheat Sheet can be very useful. Telerik Visual Style Builder Telerik Visual Style Builder is an online CSS customization tool that allows you to easily, point-and-click customization of skins for the RadControls for ASP.NET AJAX. This tool is ideal for ASP.NET developers. CSS Type Set CSS Type Set, a hands-on typography tool which allows the every day designer and developer fully test and learn how to style Web content. CSS Frame Generator Grid Designer MoreCSS YAML Builder Drawter Deploy Blueprint Grid CSS Generator

Top 15 Open Source/Free Security/Hacking Tools | IT | Security | Hacking | Programming 1. Nmap Nmap (“Network Mapper”) is a free and open source (license) utility for network discovery and security auditing. Nmap uses raw IP packets in novel ways to determine what hosts are available on the network, what services (application name and version) those hosts are offering, what operating systems (and OS versions) they are running, what type of packet filters/firewalls are in use, and dozens of other characteristics. 2. Wireshark is a network protocol analyzer. 3. Metasploit Community Edition simplifies network discovery and vulnerability verification for specific exploits, increasing the effectiveness of vulnerability scanners. 4. Nikto is an Open Source (GPL) web server scanner which performs comprehensive tests against web servers for multiple items, including over 6400 potentially dangerous files/CGIs, checks for outdated versions of over 1200 servers, and version specific problems on over 270 servers. 5. 6. ettercap 7. 8. 9. 10. w3af 11. hping 12. burpsuite 13. 14. sqlmap

5 Simple Ways to Improve Web Typography Type is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content – not the fancy packaging that surrounds it. So why are web designers still treating text like a secondary element? Good typography brings order to the page and increases legibility. A more scannable, readable site means happy visitors. I could blather on forever about how far typography has come on the web, and how far yet it has to go. But plenty has been said about what web type can’t do. 1. Stupid, but true: No two browsers use the same presentation defaults. Two I recommend: Yahoo’s CSS Reset Stylesheet Eric Meyer’s CSS Reset Stylesheet 2. Measure refers to the length of a single line of type. Additionally, your leading should increase with the length of your Measure. Likewise, if you have a small column such as a sidebar with a short Measure, your leading should be tighter. 3. 4. 5) Don’t Neglect The Details

lorempixum - placeholder images for every case Classic Network Utilities There are at lease a dozen of classic network tools. Among them are: Several network utilities are can pipable (netcat can create pipelines across network): In Jan 2007 I added the page about TCP/IP troubleshooting tools to complement this page A very good list of free network tools can be found at Top 100 Network Security Tools Dr. Old News ;-) [Jun 10, 2010] Deep-protocol analysis of UNIX networks [Aug 6, 2009] Xplico 0.5.2 The goal of Xplico is to extract the applications data from an Internet traffic capture. [Jan 2, 2008] vnStat About: vnStat is a console-based network traffic monitor that keeps a log of hourly, daily, and monthly network traffic for the selected interface(s). [Apr 15, 2007] freshmeat.net Project details for Tcpreplay by Aaron Turner Tcpreplay 3.0.RC1 (stable) This release improves OpenBSD, HP-UX, Cygwin/Win32, x86_64, and little endian support. [Mar 24, 2007] freshmeat.net Project details for Tcpreplay Tcpreplay 3.0.beta13 released Recommended Links Etc Society Quotes History:

25 Examples of Geometrical Shape Usage in Web Design I really like the way Wikipedia defines web design: “Web design is a broad term used to encompass the way that content is delivered to an end-user through the World Wide Web…”. And we have to say that web design is really all about the way you deliver content, so taking good care of shaping your website is something that’s very important. Websites are pretty much based on grids and columns, where geometrical forms are the main elements. Here we will show you some examples of how circles, squares, rectangles and triangles are used to better create beautiful and inspiring websites. Circles Full Stop Circles as a big logo getting all the attention to the studio’s name. Jarad Johnson Big circles thumbs to show you a bit of Jarad’s work. Daniel James Diggle The logo is a circle and the same circular idea was used in the top left side of the header to draw attention to the artist’s bio. Teknision Nice circular bubble drawing the attention to the “we’re hiring” part of the site. Material Group Squares

Royalty Free Icons & Clipart Stock Images

Related: