Web Design

1. GitHub - Easyfood/pageAccelerator: A very light solution to load web pages faster

Links Sammlungen Unterteilt

1. Experimental Pull to Reveal Navigation ~ CodeMyUI
2. Styling Broken Images

1. florian/cookie.js

1. ariya/kinetic
2. Dragdealer.js
3. Pep - Kinetic Drag on mobile & desktop

1. Colorful Swoosh Text Animation Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀
2. Ink Blot Modal Using Video & Blend Modes ~ CodeMyUI
3. Portfolio Pages Responsive Device Animation ~ CodeMyUI
4. Mesmerizing Parallax Animated Info Card ~ CodeMyUI
5. 10 stunning hover effects with scss
6. Link Underline to Button Animation on Hover ~ CodeMyUI
7. 49 more

1. favico.js - Make a use of your favicon

1. Strike Off ToDo List Animation ~ CodeMyUI
2. Tutorial and examples for using Vaadin Date Picker web component | Vaadin
3. flatpickr - lightweight datetimepicker & calendar
4. Float Labels - a Collection by Chris Coyier on CodePen
5. Colorful Sign Up form - CodeMyUI.com - WebSite Design Inspiration
6. Sign In Button And Form Animation - CodeMyUI.com - WebSite Design Inspiration
7. 15 more

1. Sliding Panels Template | CodyHouse
2. SVG Modal Window (Amazing Animation)

1. PhotoSwipe: Responsive JavaScript Image Gallery
2. Animated Map Path for Interactive Storytelling | Codrops
3. Fullscreen Image Blur Effect with HTML5 | Codrops
4. Gamma Gallery: A Responsive Image Gallery Experiment | Codrops
5. yairEO/photobox · GitHub

1. Blurry Lazy Load Images ~ CodeMyUI
2. How to Create a Full Page Animated Transition - Designmodo
3. Quick Tip: Add a Progress Bar to Your Site
4. Requirejs.org

1. Transition Animation On Close ~ CodeMyUI
2. Building a Morphing Hamburger Menu with CSS | Scotch
3. A Pen by lmgonzalves
4. Circle Menu Effect - CodeMyUI.com - WebSite Design Inspiration
5. Animated Border Menus | Codrops
6. Animating an SVG Menu Icon with Segment | Codrops
7. 7 more

1. Hammer.js - A javascript library for multi-touch gestures
2. Introducing Jelly Navigation Menu: When Canvas Meets PaperJS | Smashing Magazine

1. Progress Nav
2. 60fps scrolling using pointer-events: none | The CSS Ninja - All things CSS, JavaScript...
3. demosthenes.info – Easy Parallax Effects With Em
4. Hero Image Slider Scroll Animation - CodeMyUI.com - Web Design Inspiration
5. jQuery One Page Scroll by Pete R. | The Pete Design
6. jQuery Scroll Path
7. 4 more

1. A “Before And After” Image Comparison Slide Control in HTML5
2. jQuery TwentyTwenty Plugin | Playground from ZURB
3. The most flexible jQuery slider/slideshow

1. Advanced animation path » legomushroom
2. Lazy Line Painter
3. svg.js - A lightweight JavaScript library for manipulating and animating svg

1. tipsy

Tool Sammlungen Unterteilt

1. Mixkit - Extraordinary Free HD videos
2. Khroma - The AI color tool for designers
3. DrawSVG plugin | GSAP from GreenSock | JavaScript HTML5 Animation
4. uiGradients - Beautiful colored gradients
5. Tim Holman
6. imgix Page Weight Tool • Learn how to improve your site or app’s speed.
7. 4 more

1. Barba.js
2. Screensiz.es
3. Can I use... Support tables for HTML5, CSS3, etc
4. Viewport resizer - responsive design testing tool
5. Responsive Image Breakpoints Generator by Cloudinary
6. Browser Awareness Day - Home

1. Generate CSS
2. Code Beautifier: CSS Formatierer und Optimierer
3. Long Shadows Generator - by Juani
4. The Greatest tool for sorting CSS properties in specific order
5. Create CSS3 - Easy CSS3 Generator
6. Sequence.js - The jQuery Slider Plugin with Infinite Style

1. Cool and Strong Background Gradients | Blend Mode Image Effects | gradientsguru.com
2. 100 Brilliant Color Combinations: And How to Apply Them to Your Designs – Design School
3. Color Scheme Designer 3
4. colourcode - find your colour scheme

1. An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements – Smashing Magazine
2. purifycss/purifycss · GitHub
3. Dirty Markup · Tidy up your HTML, CSS, and JavaScript code

1. Clean Word Scrambler Effect ~ CodeMyUI
2. Pure CSS Gradient Underline Hover Animation ~ CodeMyUI
3. WhatTheFont! « MyFonts
4. Handwriting.io – Digital Handwriting
5. Typement

1. Subtle Patterns | Free textures for your next web project
2. Avatars.io by chute
3. Icon Generate
4. Website Backgrounds

1. Roole
2. Prefix free: Break free from CSS vendor prefix hell!
3. Sass - Syntactically Awesome Stylesheets
4. LESS « The Dynamic Stylesheet language

1. Cool Backgrounds
2. Kitulah – Presentation Template – Pixelify
3. UI Faces – Avatars for design mockups
4. Coolors.co - The super fast color schemes generator
5. Papaya | Beautiful, Responsive, Performant Landing Page Templates
6. Grabient
7. 40 more

1. New bookmark
2. Interfaces.pro | Brand-focused collection of UI design examples
3. Collections - Inspirational Resources For Web Designers & Developers
4. 110% Magazin - Eskapismus
5. Mixfont | A modern font generator
6. Articles & Tools
7. 57 more

1. HTML 5 Will Upgrade to HTML 5.1 Soon - Designmodo
2. Autoprefixing, with CSS variables! | Lea Verou
3. Tour Loch Ness — Go Travel Scotland
4. Going all-in on Flexbox | Isotoma: Our blog
5. the new code – MinMaxing: Understanding vMin and vMax in CSS
6. Website Layout Tools Compared: Flexbox Vs. Susy – Smashing Magazine
7. 13 more

1. Collapse and Expand Text on Scroll ~ CodeMyUI
2. Gulp for Beginners | CSS-Tricks
3. Browsersync - Time-saving synchronised browser testing
4. Block Reveal Effects | Codrops
5. Page Reveal Effects | Codrops
6. Inspiration for Letter Effects | Codrops
7. 1 more