uncleflo
Registered since September 28th, 2017
Has a total of 4246 bookmarks.
Showing top Tags within 14 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 access customer travel camera material test standard review documentation css money engineering develop webdesign engine device photography digital api speed source management program phone discussion question event client story simple water marketing app content yacht setup package fast idea interface account communication cheap compare script study market live easy google resource operation startup monitor training
Tag selected: typography.
Looking up typography tag. Showing 14 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
Bootstrap Magic : Generate your own Bootstrap themes quickly and easily
Saved by uncleflo on July 11th, 2019.
Bootstrap 4.0: Includes the latest and greatest, Bootstrap 4.0, for fresh and up-to-date templates. SASS Bootstrap themes generator: Bootstrap Magic leverages Sass’s power to make all helper functions available to you. Darken, ligthen and the mixins goodness are just one click way. Colopicker to select your color: For each color variable, you can either go with the Color Picker or use your hex/rgba codes directly. HTML Code preview: You can now insert your own HTML and CSS and get a live preview with your freshly created Bootstrap theme. Magic Typehead Bootstrap variables: Find all Bootstrap variables as you type to create links between variables. Google font for custom design: Create your template with all Google Fonts. They are all included in font magic Typeahead. Simple. SCSS and CSS download: Happy about your template ? Download your full CSS stylesheet or your SCSS variables. Open Source project MIT Licence: Bootstrap Magic is all Open Source and free with the MIT License. Can be reused as you want.
css download typeahead open color sass variables branding styling control development open source code developer typography component create magic theme
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
More Meaningful Typography
Saved by uncleflo on April 20th, 2018.
We have all heard of the golden mean (also known as the golden ratio or golden section): the self-replicating page with a proportion of 1:1.618 that is said to be found in everything from the design of ancient Greek architecture to the growth patterns of plants. This and other meaningful ratios rooted in geometry, music, nature, and history can be expressed as modular scales and put to work on the web. A modular scale is a sequence of numbers that relate to one another in a meaningful way. Using the golden ratio, for example, we can produce values for a modular scale by multiplying by 1.618 to arrive at the next highest number, or dividing by 1.618 to arrive at the next number down.
golden ratio development typography scale number proportion root web grow resize design website explanation blog article theory mathematics
Secret Symphony: The Ultimate Guide to Readable Web Typography
Saved by uncleflo on April 20th, 2018.
Right now, there’s a mathematical symphony happening on your website. Every single one of your readers is subconsciously aware of this symphony, and more important, they are all pre-programmed to respond to it in a particular way. The question is this: Is your site’s symphony pleasing and inviting to your readers, or does it turn them off and make it harder to communicate with them?
symfony mystery question answer website reader subconscious invite pleasant read theory typography sizes development design designer web
Pattern Lab - all
Saved by uncleflo on July 16th, 2014.
A demonstration of structural webdesign, using the concept of atoms, molecules, elements,templates etc..
atomic molecular component design style guide structure demonstration example method methodology show page pattern lab typography selection css
Examples of Simple & Elegant Logo Designs | GoMediaZine
Saved by uncleflo on June 20th, 2014.
There are so many different design decisions that you can make when creating a logo that – at first – it can be a little overwhelming. Do you want something attention grabbing, colourful and brash? Do you follow the long shadow trend, or will that appear tired and overused in 6 months time? Do you go for something understated and that looks good in black and white? There are countless directions that you can go in, but my personal favourite is a logo that’s simple, clean and has a tiny hint of the brand’s personality behind it.
example simple elegant logo design brand identity graphic illustration typography
Classy & Elegant Logo Design Inspiration on Pinterest
Saved by uncleflo on June 20th, 2014.
A collection of elegent and classy logos on Pinterest, collected by a user.
logo design web identity brand classy elegant inspiration package graphical pinterest project example graphic illustration typography print
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
Brand Guideline Documents
Saved by uncleflo on May 24th, 2014.
Brand Guideline Documents
brand information guide practical document company typography example logo graphic service business art professional
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
No further bookmarks found.