⬅ Zurück zu Digital-Workshop
139

Digital-Workshop Tools

All color css3 freebies icons online tools scripte seo snippets tools wordpress

GenerateWP

The easiest and the fastest way to create custom and high quality code for your WordPress project using the latest WordPress coding standards and API’s.

https://generatewp.com/

13

placeit.net

Thousands of Free iPhone, iPad, iMac and Macbook Mockups. No Photoshop Needed!

https://placeit.net/

180

cssfilters.co

Visual playground for generating CSS for custom and Instagram like photo filters.

http://www.cssfilters.co/

133

seoceros.com

Search engine optimisation audit for Free!

https://seoceros.com

144

website.grader.com

How strong is your website?

https://website.grader.com

194

TEMPLAY Template manager for Photoshop

Organize your templates – Create your own library, without messing with files.

http://templay.maketheweb.pl/

249

Stupid WordPress Tricks

If you are one of the millions of people who use WordPress, this article will help you improve the appearance, functionality, and performance of your WordPress-powered websites

https://perishablepress.com/stupid-wordpress-tricks/

244

cynthiasays.com

 It helps users identify errors in their Web content related to Section 508 standards and/or the WCAG guidelines for Web accessibility.

http://www.cynthiasays.com

224

Free download: 49 promo backdrops and gradients

Created by LA-based designer, Vladimir Kudinov, Hue is a collection of 49 backdrops and gradients that lend atmosphere to layouts and product shots.

http://www.webdesignerdepot.com/2015/11/free-download-49-free-promo-backdrops-and-gradients/

226

Multi-Level Accordion Menu

A simple CSS accordion menu with support for sub level items.

https://codyhouse.co/gem/css-multi-level-accordion-menu/

 

255

Sticky-Kit

A jQuery plugin for making smart sticky elements

http://leafo.net/sticky-kit/

271

PrestaShop official icon pack – Beta

An open source icon pack made with love by the PrestaShop design team.
You can use it everywhere to make your designs and websites look awesome.

http://build.prestashop.com/icon-pack/

260

cohesive-colors

This is a tool that may help you to create cohesive color schemes.

http://javierbyte.github.io/cohesive-colors/

329

Social Media Kalkulator

Der Social Media Kalkulator ist der einfache Weg, wie kleine und mittlere Unternehmen ohne eigenen Zeitaufwand Social Media für sich machen lassen können. Es werden absolut individuelle Konzepte und Strategien angeboten, welche zum kalkulierten Festpreis umgesetzt werden.

http://www.socialmedia-kalkulator.de/social-media-kalkulator.html

406

Free Website Malware and Security Scanner

Enter a URL (ex. sucuri.net) and the Sucuri SiteCheck scanner will check the website for known malware, blacklisting status, website errors, and out-of-date software.

https://sitecheck.sucuri.net//

437

WordPress Theme Detector

Have you ever wondered…  What WordPress theme is that awesome site using?
Our tool will analyze it for you and will display a whole lot of information about the WordPress theme and plugins being used.

http://www.wpthemedetector.com/

379

Google webmaster guidelines

Enter page and see if it follows the Google webmaster guidelines.

https://www.feedthebot.com/

413

typegenius.com

Find the perfect font combo for your next project.

http://www.typegenius.com/

299

Animated Resizing Header On Scroll

In this tutorial, we create an animated fixed header that will resize on scroll. When you scroll down the page a bit, the header resizes smaller with CSS3 animations, and gets back bigger when you scroll back to the top.

424

realfavicongenerator.net/

Generate the favicon pictures and HTML code that work on all major browsers and platforms

As a web designer or developer, you are creating your brand new web project. It is beautiful and was designed for PC, smartphones, tablets…

http://realfavicongenerator.net/

566

Auto-Hide Sticky Header

Auto-hide sticky header is a shot that shoots down two rabbits: makes site navigation easily accessible anywhere on the page and saves content space at the same.

http://osvaldas.info/auto-hide-sticky-header

634

CSS Reference

An extensive CSS reference with all the important properties and info to learn CSS from the basics

http://tympanus.net/codrops/css_reference/

569

WordPress User Rollen Namen ändern

Die Namen der WordPress User kann man ziemlich einfach mit diesen Snippet ändern.

http://premium.wpmudev.org/blog/change-wordpress-role-names/

552

CSS Sliding Underline

We’ve all seen sites that have navigation menus with underlines that fade in and fade out on hover, but what about other animations? What about moving, or sliding, underlines?

http://bradsknutson.com/blog/css-sliding-underline/

699

iconifier.net

Free Online Icon Generator for Apple and Favicons Icons

http://iconifier.net/

671

pixabay.com – Über 270.000 kostenlose Fotos, Vektoren und Illustrationen

Community zum Teilen von brillianten Public Domain Bildern. Deine Quelle für freie Vektorgrafiken, freie Zeichnungen und freie Fotos. Du kannst alle Pixabay-Bilder kostenlos und ohne Quellenangabe für private und kommerzielle Zwecke verwenden – sowohl online als auch für Print-Medien.

http://pixabay.com/

735

CSS-Trick: Navigation gleichmäßig über die gesamte Breite ausrichten

Das Navigationsmenü sollte sich horizontal über die Seite verteilen – mit gleichmäßigen Abständen zwischen den Menüpunkten

http://heikomamerow.de/blog/2012/07/06/css-trick-navigation-gleichmasig-uber-die-gesamte-breite-ausrichten/

986

How much should i charge?

A potential client wants a proposal for a design project? Awesome. Answer 5 questions, and know how much to charge to make this project profitable.

http://thenuschool.com/how-much/#/start

657

CSS3 Responsive Masonary

A detailed tutorial to create a pure CSS-only responsive masonry without making use of JavaScript or jQuery.

http://w3bits.com/css-masonry/

669

Stylify Me

This tool allows the designer to research sites efficiently without the need to inspect each element, in order to be aware of current design trends and inform their own design decisions.

http://stylifyme.com/

697

rymaneco – Druck freundliches Free-Font

We love printing. But we don’t love what printing does to the environment. So we’ve worked with world-class font experts, Monotype, in an attempt to create the world’s most beautiful sustainable font. We didn’t want to compromise legibility for sustainability;

739

WordPress – Neue Beiträge für wiederkehrende Leser markieren

Did you ever wonder how popular sites highlight new posts for returning visitors? It’s a great way to help users find new content and increase your pageviews.

http://www.wpbeginner.com/wp-themes/how-to-highlight-new-posts-for-returning-visitors-in-wordpress/

1021

icomoon.io

Font Icons schnell und easy erstellen

http://icomoon.io/

1064

Favicon – Apple Touch Icon – Windows Tile Icon erstellen

Favicons.info bietet Ihnen hier Wissenswertes und umfassende Information über die kleine bunte Welt der Favicons, Apple Touch Icons sowie den Kacheln der Windows Tile Icons.

http://favicons.info/

1571

Gravity Forms Platzhalter Text erstellen

Bei Auswahlfelder benötigt man öfters einen Platzhalter Text. Dies ist leider von Haus aus bei Gravity Forms nicht möglich.

Abhilfe schafft dieses Snippet:

http://www.wpbeginner.com/wp-tutorials/how-to-add-placeholder-text-in-gravity-forms/

838

Font Awesome

http://fortawesome.github.io/Font-Awesome/

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.

899

quicksprout.com – Seo Page Analyse

http://www.quicksprout.com/

Learn the number 1 reason you are not getting enough targeted traffic to your website!

738

WordPress Cheat Sheet

http://wp-cheatsheet.com/

Use this page for a quick, categorized list of WordPress functions that are commonly used when building, updating and maintaining templates. Simple, Easy, Copy-Pasta. The quick guide to common WordPress > Template functions.

601

Freebie: Flat Style Squared Preloaders

http://tympanus.net/codrops/2014/04/25/freebie-flat-style-squared-preloaders/

A set of really nice and modern animated GIF preloaders by PixelBuddha. The colorful set comes with seven unique square style activity indicators in three sizes and the Adobe After Effects file.

1609

Responsive Switch

http://filzhut.net/projects/responsive-switch/

Let users switch off the responsiveness of your website.
„Responsive Design“ or „Desktop“ view ‐ it’s about freedom of choice.

603

Comic Neue Font

http://comicneue.com/

Comic Sans wasn’t designed to be the world’s most ubiquitous casual typeface.
Comic Neue aspires to be the casual script choice for everyone including the typographically savvy.

1256

freepik.com

Free vectors, photos and PSD Downloads

http://www.freepik.com/

1164

Gravityforms wordpress Plugin

Absolut the best Form Builder for WordPress

http://www.gravityforms.com/

592

Easy Digital Downloads WordPress Plugin

Easy Digital Downloads Shop Plugin for WordPress

https://easydigitaldownloads.com/

769

Kontaktformular Generator

Kontaktformular erstellen leicht gemacht

http://kontaktformular-generator.ewpm.eu/

1341

fontello.com

Fontello – icon fonts generator

http://fontello.com/

917

WordPress Shortcode in PHP ausgeben

Damit kann Theme Shortcodes zb. direkt in ein Template File einfügen.

<?php echo do_shortcode('[shortcode option1="value1" option2="value2"]'); ?>
793

CSS3 Animation Cheat Sheet

The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated.

1179

unsplash.com – Free hi-resolution photos

Free hi-resolution photos.
10 new photos every 10 days.

http://unsplash.com/

679

Animate.css

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

http://daneden.me/animate/

1126

fitvidsjs.com

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

http://fitvidsjs.com/

1033

VEGAS Full Screen Background JQuery Plugin

Sehr schönes Full-Screen Background Plugin mit JQuery

http://vegas.jaysalvat.com/

789

On MouseOver CSS style ändern mit Jquery

jquery includieren(mit google):

731

CSS Font Stack

A complete collection of web safe CSS font stacks and font CSS

http://cssfontstack.com/

1117

wpfunction.me

WPFunction.Me lets you quickly build all the functionality you need for your next WordPress project!

http://www.wpfunction.me/

727

Shrink PNG files

Advanced lossy compression for PNG images that preserves full alpha transparency.

http://tinypng.org/

662

The WordPress Query Generator

Build me a WordPress query (loop) that displays …

http://wpquerygenerator.com/

691

flatuicolors.com

this small web app helps you to copy the colors from Flat UI.

http://flatuicolors.com/

990

PLTTS

Passende Farben finden

http://pltts.me/

695

Retinize It

The best Photoshop actions for preparing designs for iOS or optimized for Retina-display websites

http://retinize.it/

702

Hint.css

A tooltip library in CSS for your lovely websites

http://kushagragour.in/lab/hint/

696

Gallery

Pure CSS Gallery, not a script to be found

http://benschwarz.github.io/gallery-css/

685

Roots Theme – WordPress Starter Theme

Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap from Twitter.

http://www.rootstheme.com/

759

WordPress Test

A fantastically exhaustive set of test data to measure the integrity of your plugins and themes.

http://wptest.io/

788

Apple devices mockups (PSD)

Flat Apple devices mockups by Stoyan Daskaloff.

http://dribbble.com/shots/1032646-flatApples-download

1381

Am I Responsive?

See your site responsive

http://ami.responsivedesign.is/

1384

300 Metro-Style Icons Metrize

Metrize Icons is a free icon set, it works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like.

http://www.alessioatzeni.com/metrize-icons/

3669

Simple Icons

116 PNG icons in eleven sizes, from 16px to 4096px

http://simpleicons.org/

843

jQuery.Pin

Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there’s no room for that kind of shenanigans.

http://webpop.github.com/jquery.pin/

809

Sidr

The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive

http://www.berriart.com/sidr/

733

Skycons

Skycons is a set of ten animated weather glyphs, procedurally generated by JavaScript using the HTML5 canvas tag.

http://darkskyapp.github.com/skycons/

785

Subtle­Patterns on your website

Direkt auf jeder Seite die Background Pattern von subtlepatterns.com anzeigen lassen.

http://bradjasper.com/subtle-patterns-bookmarklet/#.UVgP1DfB3Tc

858

One Div

One div aims to highlight the potential of CSS3 through a library of single element logos.All icons displayed on the website are realised in pure css with only one html div.

http://one-div.com/

795

Animatable

One property, two values, endless possiblities

http://leaverou.github.com/animatable/

1375

Genericons

a free, GPL, flexible icon font for blogs!

http://genericons.com/

750

SPOILER ALERT!

Don’t spoil it! Hide anything with a bit of blur. Hint on mouseover. Reveal on click.

http://joshbuddy.github.com/spoiler-alert/

739

Browserhacks

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.

http://browserhacks.com/

1482

JQuery Code School

Learn the basic building blocks of jQuery

http://try.jquery.com/

783

placekitten.com

A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you’ll get a placeholder.

http://placekitten.com/

753

WordPress Upload Limit erhören

Am ende deiner .htaccess eintragen

1151

Windows 8 Icon erstellen

Grafik erstellen mit Transparenten Hintergrund in der größe 144x144px.
Als PNG speichern und in das Root Verzeichnis kopieren.

2074

960 Gridder

960 Grid in das Browserfenster einblenden.

http://peol.github.com/960gridder/

1395

JPEGmini

Reduziert die größe eines Bildes um bis zu dem 5 fachen.

http://www.jpegmini.com/

804

Adobe Kuler

Nummer 1 unter den Color Tools.

https://kuler.adobe.com/

 

1427

Nivo Slider

Momentan wohl DER standard jquery slider.

http://dev7studios.com/nivo-slider/

848

iconmonstr

Free simple Icons for your next Project

http://iconmonstr.com/

823

pickadate.js

A mobile-friendly, responsive, and lightweight jQuery dateinput picker

http://amsul.ca/pickadate.js/

830

Toolbar.Js

Schnell eine Toolbar erstellen.

http://paulkinzett.github.com/toolbar/

790

WordPress Functions.php Snippets

Der Name sagt schon alles. Functions php Snippets für WordPress zusammengetragen.

http://www.wpfunction.me/

1017

WordPress Filler

Dummy Inhalte für WordPress schnell und easy erstellen.

http://www.wpfill.me/

1135

Evernote Skitch

Einfach und Schnell Screenshots erstellen, diese Beschriften und einfügen.

http://evernote.com/intl/de/skitch/

1018

Generate WP

GenerateWP provides user-friendly tools for developers to create advanced systems built on WordPress.

http://generatewp.com/

857

Custom Admin Logo

Ein eigenes Admin Logo für WordPress zu erstellen geht mit diesen Snippet:

15281

Eigenen Dashboard Bereich in WordPress hinzufügen

Einene Eigenen Dashboard Bereich um zb. Infos für Kunden einzutragen ist relativ einfach zu erstellen

14163

3D Ribbon Generator

A generator for beautiful 3D ribbons with pure CSS.
You can start with the examples and modify the values or just start right away. Input fields also can be left empty.

http://www.css3d.net/ribbon-generator/

1998

What WordPress Theme Is That?

What WordPress Theme Is That is a free online tool allows you to easily detect what WordPress theme a site uses (including parent and child themes).
Additionally, it will also detect what WordPress Plugins are being used.

http://whatwpthemeisthat.com/

846

Color Scheme Designer 3

Finde die passende Farbkombination

http://colorschemedesigner.com/

3602

Farbabstufung leicht gemacht

0to255 is a simple tool that helps web designers find variations of any color.

http://0to255.com/

999

Favicon Generator

Mein liebstes Tool um schnell ein Favicon in das .ico Format umzuwandeln.

http://www.favicon-generator.de/

943

Design Firefox Addon

Supergeniales Tool mit dem man sich ein Lineal, Raster, Fadenkreuz und ein Maßband einblenden lassen kann.

Erleichtert einem das Webdesign erheblich.

http://www.sprymedia.co.uk/article/Design

1059

CSS Arrow Please!

Tooltipp Infos leicht gemacht

http://cssarrowplease.com/

1806

CSS3 Border Styles

Verschiedene Border Styles mit CSS3

3722