uncleflo
Registered since September 28th, 2017
Has a total of 4246 bookmarks.
Showing top Tags within 16 bookmarks
howto information development guide reference administration design website software solution service product online business uk tool company linux code server system application web list video marine create data experience description tutorial explanation technology build blog article learn world project boat download windows security lookup free performance javascript technical network control beautiful support london tools course file research purchase library programming image youtube example php construction html opensource quality install community computer profile feature power browser music platform mobile work user process database share manage hardware professional buy industry internet dance advice installation developer 3d search camera material access customer travel test standard review documentation css money engineering webdesign engine develop device photography digital api speed source program management phone discussion question event client story simple water marketing app content yacht setup package fast idea interface account communication cheap compare script study market easy live google resource operation startup monitor training
Tag selected: font.
Looking up font tag. Showing 16 results. Clear
The 30 Best Font Combinations for Web Design
Saved by uncleflo on April 1st, 2023.
Font pairing is an essential aspect of web design. Learn how to pair fonts, and which fonts to use to make sure your users have the best experience. As a web designer, you have a lot of big decisions to make for each website you build. Color palettes, UI interactions, navigation layout, choosing the best font for your website, and much, much more. One area of web design that you might not be spending enough time thinking about, however, is font combinations. Choosing one great-looking font is one thing. Once you have a good sense of the voice and style of the brand, it becomes much easier to identify fonts that convey a similar vibe.
readable font typography nice uppercase lowercase web development website design create art read pairing fit together combine
No Fly Drones
Saved by uncleflo on February 12th, 2022.
Ever asked yourself "Where can't I fly my drone in the UK?" or "What does a Flight Restriction Zone mean?" NoFlyDrones.co.uk can help. Your free, easy to use tool showing no fly zones in the UK. We use the rules and regulations of the UK Air Navigation Order (CAP393) to present a simple graphical tool to aid safe flight planning for hobbyists and professional drone operators alike. Danger Areas are areas of military airspace often used for activities such as fighter pilot training, live ammunition training or weapons and systems testing (including GPS jamming exercises). The official definition is “An airspace of defined dimensions within which activities dangerous to the flight of aircraft may exist at specified time”. HIRTA’s are High Intensity Radio Transmission Areas and flying through these areas could interfere with the electronics on board your drone. Prohibited Areas are areas of airspace which for one reason or another have been prohibited from having aircraft enter them. The official definition is “An airspace of defined dimensions above the land areas or territorial waters of a State within which the flight of aircraft is prohibited” You will have to investigate the NATS AIP for more information about why the area is prohibited.
drone airspace aerodrome bounds map unmanned restriction forbid jamming font geometry marker export comment zoom prohibit remote browser flight assign protect privacy interfere dimension check arrange fly detection safety training military danger activity hobby gps area electronic show tool plan
Themestr.app - Bootstrap Theme Builder and Customizer
Saved by uncleflo on January 13th, 2022.
The whole idea of Themestr.app is to make the Bootstrap customization process easier, and allow you to visualize changes along the way. For most users it's designed to be point-and-click. Advanced users can delve into the SASS as desired. It's a 4-step process... There are many, many variables. The variable names are self-explanatory, and the more relevant ones are displayed first. The SASS is automatically generated by Themestr.app. The SASS input is sent to a server-side SASS processor, which outputs the custom CSS theme. Save the CSS output as a .css file such as `theme.css`. To keep the theme file separate and smaller in size, the Bootstrap grid classes are not included in the CSS output. This means you'll need to reference the Bootstrap CSS as usual, and then reference the generated custom `theme.css` after the `bootstrap.css` in the HTML. This allows the `theme.css` to override the `bootstrap.css` with the appropriate classes as defined in the custom theme.
bootstrap sass explain explanation theme font default tool generate recommend server styling website webdevelopment easy display html customize online generator output javascript css visualization
How to easily use Google Fonts with Sass - Developer Drive
Saved by uncleflo on July 10th, 2019.
In this post, we are going to explore open source fonts and CSS pre-processing. I am going to give you an easy way to add web fonts to any website in just a few lines of code. Google Fonts makes it quick and easy for everyone to use web fonts. Google Fonts is a collection of open source fonts that are hosted on Google’s servers and with their API, it is easy for anyone to integrate their fonts into any web project. Best of all, it’s free. (To learn more and explore the hundreds of fonts available, check out the Google Fonts website.)
sass tutorial responsive beginner typography font empower helpful validation web nesting explore tools integrate tricks tips simplified css bootstrap beautiful howto create server code process easy website bookmark drive collection quick intend read development
UTF-8 Sampler
Saved by uncleflo on June 23rd, 2019.
UTF-8 is an ASCII-preserving encoding method for Unicode (ISO 10646), the Universal Character Set (UCS). The UCS encodes most of the world's writing systems in a single character set, allowing you to mix languages and scripts within a document without needing any tricks for switching character sets. This web page is encoded directly in UTF-8. This, however, is a Web page, which started out as a kind of stress test for UTF-8 support in Web browsers, which was spotty when this page was first created in the 1990s but which has become standard in all modern browsers. The problem now is mainly the fonts and the browser's (or font's) support for the nonzero Unicode planes (as in, e.g., the Braille
and Gothic examples below). And to some extent the rendition of combining sequences, right-to-left rendition (Arabic,
Hebrew), and so on. The subtitle above shows currency symbols of many lands. If they don't appear as blobs, we're off to a good start!
sample test utf8 unicode character category example document reference language sentence method encode universal system allow webpage sequence combine rendition font browser support extent currency preserve development administration
Style guide - Liberal Democrat
Saved by uncleflo on February 23rd, 2019.
Here you will find the updated style guide for 2018 for all Liberal Democrat branded content with the new demand better strapline, both print and online. You can also download our toolkit which contains all the image files you will need to get started. The updated style guide now makes it easier for you to adopt the latest version of our branding. We have introduced a streamlined colour palette, created ready-made image files and replaced a licensed font with the open-source and freely available Open Sans, which has been optimised for great readability online and in print.
charcoal palette readability font brand automated guide print nation detail exercise image style view reference share content source legalstyle online toolkit pdf download version branding streamline create easy adopt howto update political party official
SVG Basics Tutorials - Scalable Vector Graphics by Hand
Saved by uncleflo on June 13th, 2015.
Welcome to the SVGBasics tutorials. Scalable Vector Graphics (SVG) is a standard from the W3C which is built on top of XML. The SVG standard describes ways that graphics can be drawn for use on the web. I've assembled here some examples that you can freely modify and reuse. The idea is to cover the basics with numerous examples that people can experiment with to get an idea of what SVG can do. The Scalable Vector Graphics (SVG) recommendation comes from the W3C. The recommendation describes how to create vector graphics using a mark up language. Because SVG is based on XML, tools that already know how to interpret XML will be able to interpret SVG. Having this well-established standard as a foundation saves a lot of the work in defining the language. It also means that there are numerous tools around which can check the structure of an SVG document or read it to pull out interesting information.
svg graphics browser vector scale hand tutorial xml howto development step-by-step description structure document language tool information font curve line transformation shape basic text light image source
Font Awesome, the iconic font designed for Bootstrap
Saved by uncleflo on July 16th, 2014.
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Thanks to @robmadole and @supercodepoet for icon design review, advice, some Jekyll help, and being all around badass coders. HUGE thanks to @gtagliala for doing such a fantastic job managing pull requests and issues on the Font Awesome GitHub project.
css bootstrap webdesign font icon framework icons resources graphics standard vector custom power scale awesome web2.0
Handcrafted Fonts, Graphics, Themes and More ~ Creative Market
Saved by uncleflo on June 4th, 2014.
Creative Market is a platform for handcrafted, mousemade design content from independent creatives around the world. Creative Market is a platform for handcrafted, mousemade design content from independent creatives around the world. We’re passionate about making beautiful design simple and accessible to everyone. Our community of creators share their stories about how Creative Market helps them spend more time doing what they love.
design inspiration templates webdesign resource graphic web images icons resources handcraft theme community font list template style responsive minimal creation accessible meetup home events meet up pull group singles friends
Build a Brand: A Complete Guide to Domain Names, Logos, Social Media and More
Saved by uncleflo on June 4th, 2014.
Even wanted to take an ordinary blog, or online business, and covert it into a brand? Have a knack for cooking, or travelling, and even an online presence, but don’t know where to go now? In this (long overdue) post, I’d like to show you exactly how I used simple things at our disposal, like domain names, logos, social media, missions statements, and more, to convert a standard WordPress blog into a fairly recognized name in blogging.
blog logo social media name brand business google keyword howto explanation guide define product service domain typography phrase word font audience mission wordpress statement
Google Fonts
Saved by uncleflo on June 4th, 2014.
A web with web fonts is more beautiful, readable, accessible and open. Google Fonts makes it quick and easy for everyone to use web fonts, including professional designers and developers. We believe that everyone should be able to bring quality typography to their web pages and applications. Our goal is to create a directory of web fonts for the world to use. Our API service makes it easy to add Google Fonts to a website in seconds. The service runs on Google's servers which are fast, reliable and tested. Google provides this service free of charge.
fonts google websdesign typography design css font library opensource open source read srouce resource typeface webdesign choice quality
The Best Google Web Fonts
Saved by uncleflo on May 24th, 2014.
There are over 600 Google web fonts to choose from which is a good and bad thing – the good being there are so many good ones to choose from, the bad being having to sift through them to find the perfect one. When you’re running large scale sites that get hundreds of thousands of visitors a month, paid services like Typekit just aren’t worth the money. You’re much better off saving thousands of dollars by using Google web fonts. Honestly, around 60% of Google web fonts are just downright rubbish (sorry to hurt anyone’s feelings!), so I wanted to create this post showing the best fonts I’ve come across. These are fonts I’ve used myself in projects and themes and recommend to any web designers. I may have missed some other brilliant fonts, so do mention any other great ones in the comments.
google web font choice reason webdesign frontend top android fonts typography net internet beautiful ideas inspiration guide reference
2 Ways to Install TrueType Fonts on Ubuntu - wikiHow
Saved by uncleflo on April 7th, 2014.
Ubuntu users often need TrueType fonts for Open Office, Gimp, and other programs. Using this guide, you can either install one font at a time automatically or install multiple fonts manually. Edited by Omar, Jonathan E., Travis Derouin, Maniac and 15 others
google font fonts setup install ubuntu linux guide howto solution truetype add wiki explanation multiple installation
github.com - w0ng / googlefontdirectory
Saved by uncleflo on April 7th, 2014.
Created for easier access to all of Google Fonts, with a smaller download size compared with using Google's official repository (100MB vs 2 GB). Install these fonts the same way as you would with any other font. Copy the desired fonts to your system's font directory. Grab all the fonts in a compressed format by downloading one of these:
mirror ttf font google public all repository free design compress small download
Font Awesome, the iconic font designed for Bootstrap
Saved by uncleflo on January 24th, 2014.
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. One Font, 369 Icons. No JavaScript Required. Infinite Scalability. Free, as in Speech. CSS Control.
Perfect on Retina Displays. Made for Bootstrap. Desktop Friendly. Screen Reader Compatible.
capture font design bootstrap twitter style icon diverse awesome custom shadow css scale control display website
Typetester – Compare fonts for the screen
Saved by uncleflo on March 17th, 2013.
What is Typetester? The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated. Technical details: Typetester’s code structure is XHTML, styled with the finest CSS and driven by the JavaScript for manipulating DOM structures. Typetester will not work without JavaScript enabled.
css google standard font type face test preview online web website design development free consult compare reference
No further bookmarks found.