Sie sind hier : sebastian1012.bplaced.net/ homepage-neu / hier-gibts-hilfe / links-und-tools.php
Best free fonts foundry and more
By using our extensive catalog, you can share and integrate typography into any design project seamlessly—no matter where you are in the world.
Font pairing made simple
Easy to use tool to sample different font pairings with customization and similar fonts showcase.
Mixfont is a fun and simple way to discover and visualize new fonts
Easy to use tool to sample different font pairings with customization.
Variable Futura font
Renner aims to keep the attitude of Futura rather than the exact design.
Font combinations for web designers.
A collection of font pairings.
A commercial font distributor
Simple and easy to navigate commercial font foundry.
Identify your font
Provides a range of features to help you locate fonts or find information about fonts.
Free stock photos
Free stock photos catalogue.
Stock Photos Designed to Work Together — For Free.
Free non-commercial stock photos
Free Graphic Design Templates
or for inspiration.
The Biggest Collection of Free Responsive Email Templates
Search from over 1500+ responsive email templates or just click on the tags below to get the template you want.
4 Principles of Great Logo Design
If you are a consumer or a marketer or a CEO of a company, you should be interested in what makes a great logo.
7 Tips on presenting logos to a client
Logo presentation can be one of the most important pieces of the logo design process.
Original list by ZankRank
good for education and inspiration.
Good for inspiration and education.
Find great Google Fonts
Sselect font families by visual similarity.
The Best Google Font Combinations
Article about Google font combinations.
Canva’s Ultimate Guide to Font Pairing
Article about proper font combinations.
Font Pair helps designers pair Google Fonts together
Tool to create font combinations.
All the principles and systems you need to know to take the mystery out of responsive web typography.
Font foundry and more
Use their Type Tester.
Over 170 responsive design blocks
All blocks are based on the Bootstrap Library, and they are the building blocks for beautiful websites.
Collection of UI design examples
Samples of various UI interfaces.
Collection of website examples
Samples of various websites.
Showcase of 20 split screen websites.
50 Free PSD Website Templates
50+ Free PSD Website Templates For Corporate, Education, LMS, Blog Portfolio and Other Awesome Websites – 2017.
Dribbble is a place to show and tell, promote, discover, and explore design.
Email design showcase
Really Good Emails aims to be the best showcase of email design and resources on the web.
Portfolio design showcase
The nicest design portfolios on the web.
Web design elements
Web design elements and solutions.
Landing page showcase
Handcrafted & pixel perfect icons
Jam icons is a set of icons designed for web projects, illustrations, print projects, etc. Shipped in both font & svg versions.
Visual CSS3 generator
CSS3Gen allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
Visual MediaQuery generator
Easy to use and test MediaQuery generator.
Test your site
web.dev helps developers like you learn and apply the web's modern capabilities to your own sites and apps.
Easy to use .htaccess generator
Easy to use generator with many options.
flexbox playground and code generator
CSS Grid playground and dev tools
CSS Grid Layout is completely changing the game for web design. Learn about CSS Grid Layout and the Firefox DevTools layout panel.
Free Bootstrap 4 UI kit
Now UI Kit is a responsive Bootstrap 4 kit provided for free by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements and 3 templates.
Easy web typography code generator
Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser.
Create invoices fast and free
Easy invoicing on any platform.
60k flat icons + 60 Free Animated Icons
Huge collections of flat and animated icons.
Icons for everything
Over a million curated icons, created by a global community.
A curated collection of useful CSS snippets.
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
of a Hero Component
CSS solutions, code & examples
Collection of CSS solutions and examples.
Shards UI Kit is a wholesome responsive Bootstrap 4 kit provided for free.
Free simple CMS based on Node.js
Create your next blog with a beautifully designed open source blogging platform built for the modern publisher.
Free simple flat-file CMS
Very nice and simple flat-file CMS.
Free CMS based on Vue.js
Very small and fast CMS.
Free simple, fast flat-file CMS
Pico makes creating and maintaining a website as simple as editing text files.
SVG and customizable social icons
Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is under 600 bytes!.
Free Vector Art Illustrations and Icons
All these Vector Art Illustrations and Icons are available for free, personal and commercial use
MIT licensed illustrations for every project you can imagine and create
A constantly updated collection of beautiful svg images that you can use completely free and without attribution.
Free high-quality silhouette sets
list of free high-quality silhouette sets of a wide range of subjects including animal and human figures
Create Beautiful Fullscreen Scrolling Websites
Not only vertical scrolling but also horizontal scrolling. With fullPage.js you will be able to add horizontal sliders in the most simple way ever.
Animate On Scroll Library
Variety of animate-on-scroll animations.
Element Morphing Library
Ramjet makes it looks as though one DOM element is capable of transforming into another, no matter where the two elements sit in the DOM tree.
Create animations that display numerical data
Article about free flat icons
When it comes to web design, and especially UI design, icons play a crucial role.
Curated gallery of digital artworks
Talented web artists exhibit code-driven art.
Button Hover Examples
Buttons are an essential element of interaction design. That’s why they’re so important and that’s why it’s good to get them right.
Visual online design editor
Create designs and get inspired.
Beautiful emails, easily
Our online e-mail editor will help you design beautiful and responsive messages.
Online Web Launch Checklist
Very useful web launch checklist.
Count characters, words, sentences, paragraphs and pages
Simple CSS Grid generator
Simple CSS Grid generator.
Visual CSS generator
It allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
Online preview of a site on various devices
A tool for testing responsive websites crazy-fast.
Reverse Image Search
Search by image and find where that image appears online.
Free Online Website Performance Tools
Instantly get a snapshot of your website availability and performance from nearly two dozen locations around the world.
Live Design Output for Mac
Delivering real time, multi viewport previewing of HTML, CSS, SCSS and LESS as you write it.
Free Freelance proposals
Create, send, and track proposals online.
Your ultimate CSS grid visual guide
Compress and optimize your images
Compressor.io is a powerful online tool for reducing drastically the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression.
Squoosh is a new powerful online tool from Google for compressing your images using new codecs.
Flipping a simple image to a div
Flipping a simple image to a div (transitions and 3d transforms).
Collection of Free Animated Icons
Flat and animated icons.
CSS & JS Framework
For professional developers and designers alike.
A tool to help build Quantity Queries for your projects
A quantity query is a complex CSS selector that allows styles to be applied to elements based on the number of siblings.
Tool to calculate aspect ratio
RatioBuddy is a happy little tool to help you calculate aspect ratios.
Clean your SVG
Tool to minimize and clean SVG files.
Demo and code of CSS Filters
See and understand the power of CSS Filters.
CSS Easing Animation Tool
Great tool to create code for your CSS animation easing.
No-Cruft Excel to HTML Table Converter
This simple utility allows you to paste data from an Excel spreadsheet (or an HTML table) and convert it to a new HTML table that is free of extraneous formatting.
Create your favicon.
Favicon Designer & Generator
Design and create your favicon.
Pantone to HEX converter
Convert your favourite Pantone colour to HEX code.
The colour scheme designer
Tool to design colour schemes.
Here is a simple CSS trick to show you how to create gradient text effect with a PNG imag.
Simple gradient generator
This generator will produce CSS Gradient code using a simple graphical user interface.
Material design palette generator
Pick two colours.
Pick your colours.
180 linear gradients
WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.
Visualize The CSS Color Function
Get your colour.
Color scheme generator using AI
Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.
Great article on CSS Grid
A guide to CSS Grid.
Guide to Server Side includes
Make Easy site-wide changes with Server Side Includes.
Make a flip book with HTML5
A grid system based on the flex display property
Grid framework based on Flexbox.
Cleaner, hack-free CSS
A guide to Flexbox.
Visual tool for Flexbox row
Simple visual to to set a row parameters.
Most popular icons catalogue
HTML and CSS text shadow effect code examples
Collection of hand-picked free HTML and CSS text shadow effect code examples.
Directory of animated text effects
Choose your animation, get code.
CSS3 hover effects pack
iHover is an impressive hover effects collection, powered by pure CSS3.
CSS image hover effects
Choose your effect, get code.
Image manipulation via CSS
Choose your image, copy code.
CSS animations on demand
An insanely simple way to create CSS animations
Keyframes gives you a visual timeline to help you create, view, and run animations without having to go back and forth between your browser and editor.
Decorative motion hover effects
Choose your animation, dig for code.
Animated SVG lines
An artistically animated SVG font using the Segment library.
Text Styles & Hover Effects
7 Caption Hover Effects
Nice caption hover effects.
HTML5 Animation Tools
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.
Using Snap.svg to animate SVG icons
Library of animated SVG icons.
SVG Stroke animation
Simply drag and drop your stroke based SVG and set your options.
Some CSS classes to move your DOM!
Collection of shake animations.
Library of CSS Hover effects
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.
jQuery typing plugin
The most versatile jQuery typing plugin on the planet.
Award-winning content management system
Joomla! is an award-winning content management system (CMS), which enables you to build web sites and powerful online applications.
Take responsive screenshots
Get a pack of specific media sized screenshots.
Simple and modern charts for web
GitHub-inspired simple and modern charts for the web with zero dependencies.
Interactive charts for browsers and mobile devices
Google chart tools are powerful, simple to use, and free. Try out our rich gallery of interactive charts and data tools.
Multi-resolution logo maker
Logo Crunch is a multi-resolution logo maker, it uses computer vision to make your high-res logo legible at lower resolutions.
Write effective resumes
Get inspired by handpicked resume lines that helped candidates get into companies.
Generate 3D Mockups right in your Browser
Upload your design, adjust settings and download your individual mockup. Threed is for free and needs no extra Software.
Various CSS Text Effects
CSS text effects gallery we are using in Banner maker and Freefonts project.
Standalone parallax scrolling
with CSS variables
basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.
a jQuery plugin to apply parallax effects on imagess
simpleParallax is a very simple and lightweight jQuery plugin that improve your website with parallax animations on your images.
fontisto the iconic font and css toolkit · 552+ free icons
350+ Carefully designed icons set.