10 nützliche Tools für Webentwickler (Ausgabe: Januar 2017)

HTML5 und CSS3 Tools und Techniken

Nataly Birch

Nataly kommt aus Sevastopol und liebt Webdesign und Development. Sie betreibt verschiedene...

Sicherlich ist die Erstellung einer Website eine erfreuliche Aufgabe, die im Grunde Spaß macht. Allerdings kommt irgendwann der Punkt in der Umsetzung, an dem es beginnt, anstrengend und langwierig zu werden. Dann nämlich, wenn an den kleine Teilchen, die doch immer wieder gleich oder ähnlich sind, geschraubt werden muss. Das lässt sich zwar nicht vermeiden, aber mit den richtigen Tools doch wenigstens auf ein Minimum verkürzen. Solche Tools zeige ich dir heute.

Kernel.CSS

Dieses leichtgewichtige Framework kann dich beim im Grunde jeden Projekt unterstützen. Dabei ist es unerheblich, ob du einen Prototypen einer Website oder einer App bauen willst.


Erstellt von: ionogy
Lizenz: LICENSE.txt beachten

Flexbox Patterns

CJ Cenizal bringt dir einen ganzen Satz voll tauglicher Muster für Flexbox, die du nur noch verwenden musst. Flexbox ist bei allen Bausteinen im Kern des Geschehens. Du findets Module für Tabs, Header, Feature-Listen und mehr.


Erstellt von: CJ Cenizal
Lizenz: frei für die persönliche und kommerzielle Nutzung, auch in Kundenprojekten

Date Dropper

Bist du auf der Suche nach einer funktionsreichen Date-Picker-Lösung für deine Projekte? Du kannst aufhören, zu suchen. Verwende einfach den Date Dropper. Neben den ganzen Standard-Features bietet er die Möglichkeit beliebiger Sprachlokalisierung.


Erstellt von: Felice Gattuso
Lizenz: MIT License, CC BY 4.0.

Vidlery

Vidlery ist ein neue Website, die dich kostenlos mit Bewegtbildern, vornehmlich Animationen versorgt, die du dann etwa als Hero in deinem Header einsetzen klannst.

Kennst du unser E-Book-Bundle? Spare jetzt 6,99 €!

E-Book Bundle von Andreas Hecht


Erstellt von: Animations World
Lizenz: CC0 1.0 Universal (CC0 1.0).

CMS.js

CMS.js ist ein Website-Builder auf der Basis von JavaScript, der sich um das Verhübschen und Darstellen deines Contents kümmert. Der Generator liefert dir einen fertigen OnePager.


Erstellt von: cdmedia
Lizenz: MIT-Lizenz, also frei für die persönliche und kommerzielle Nutzung, auch in Kundenprojekten

CSS Peeper

CSSPeeper ist eine dieser Chrome-Extensions, die für Entwickler lebensverlängernd wirken. Mit dem CSSPeeper erhältst du schnellen Zugriff auf Farbwerte, Typografie, Objektgrößen und vieles mehr, was du dir sonst umständlich selber aus dem CSS frickeln müsstest.


Erstellt von: Dawid Mlynarz & Jedrzej Sadowski.
Lizenz: als “Free” bezeichnet, aber keine exakte Lizenz angegeben

Clippy

Möchtest du interessante Bildmasken verwenden, dafür aber nicht Photoshop anwerfen, sondern das Ganze mit CSS erledigen, dann ist Clippy das Tool, das du benötigst. Das simple Interface dieser Web-App erlaubt dir einfache, aber auch sehr komplexe Maskenformen.


Erstellt von: Bennett Feely
Lizenz: als “Free” bezeichnet, aber keine exakte Lizenz angegeben

Awsm.css

Igor Adamenko schenkt der Community eine handgeklöppelte CSS-Bibliothek, die dir eine solide Grundlage für deine Projekte liefert. Dabei kommt ausschlißlich modernstes Markup zum Einsatz.


Erstellt von: Igor Adamenko
Lizenz: MIT-Lizenz, also frei für die persönliche und kommerzielle Nutzung, auch in Kundenprojekten

Masonry

Masonry ist eine grlßartige Lösung, wenn du eine Galerie oder dein Portfolio als Grid präsentieren willst. Das Beste an Masonry ist, dass es stets versucht, Bilder mit so wenig Abstand voneinander wie möglich anzuordnen. Dadurch erhältst du sehr kompakte, sehr ansehnliche Darstellungen.


Dave DeSandro
Lizenz: MIT-Lizenz, also frei für die persönliche und kommerzielle Nutzung, auch in Kundenprojekten

Vaunt

Anhand moderner Algorithmen zieht diese einfache App zuverlässig die dominanten Farben aus jedem Bild. Diese kannst du dann per Clipboard in deine Projekte ziehen.


Erstellt von: Guled.
Lizenz: als “Free” bezeichnet, aber keine exakte Lizenz angegeben

Nataly Birch

Nataly kommt aus Sevastopol und liebt Webdesign und Development. Sie betreibt verschiedene Blogs. In ihrer Freizeit entschlüsselt sie die Geheimnisse dieser Welt oder spielt Volleyball.

Hinterlasse einen Kommentar

Hinterlasse den ersten Kommentar!

Benachrichtige mich zu:
avatar
wpDiscuz