Dead simple visual tools to help you generate CSS for your projects. Keyframes is a free bundle of tools to generate & live preview different CSS properties, plus some other web development tools. Animations Create basic or complex CSS @keyframe animations with a visual timeline editor similar to video-editing software. Shadows Create single or multi-layer…
CSS color gradients for UI elements and backgrounds
ToolA color gradient is a gradual blend between two or more colors. Usually, a gradient is defined by two user-defined colors, and the computer automatically calculate all colors in between. Color gradients can consist of two or more used-defined colors. In CSS code for websites, you can define linear and radial gradients. Normally a designer…
whocanuse.com, how color contrast affects people
ToolIt’s a tool that brings attention and understanding to how color contrast can affect different people with visual impairments. The Web Content Accessibility Guidelines (WCAG) covers a wide range of recommendations for making Web content more accessible. Just a tiny part of making the web more accessible is accommodating for those with a form of blindness or…
Falco: an Open Source WebPageTest runner
ToolFalco helps you monitor, analyze, and optimize your websites. Web Performance has become an important responsibility for Web developers. Indeed, there are many impacts of poor performance: Your users are less engaged and are less likely to buy/use your product (source); It can impact negatively the perception of your brand (source) It can, and does,…
ImageKit.io: Automate image optimization
ToolIntelligent real-time image optimizations, image transformations with a global delivery network and storage. Images make up a critical part of all websites and mobile applications these days. They are the centerpieces of a great product and user experience. Managing your images and delivering the perfect image, tailored and optimized for your user’s device is, therefore,…
ColorBox.io: building color systems for accessible UIs
ToolI made this excerpt below to explain what Colorbox is, this excerpt is from the article “Re-approaching Color” on Medium. “When we looked at conventional programmatic color generation tools, nearly all of them progressed at a fixed rate with an even spread of light and dark colors, with minor if any, changes to saturation and…
Photopea.com: advanced image editor
ToolPhotopea is a free online tool for editing raster and vector graphics with support for PSD, XCF and Sketch files. Photopea is an advanced image editor, which evolved for more than four years. In terms of complexity, it can be placed next to Adobe Photoshop or GNU GIMP. It was built around three ideas: make advanced editing accessible to everyone…
Choose Better. Culr Palettes.
ToolCulrs is an open platform created by two designers who are passionate about building products for the design community. The idea was to build a website, where the user could choose color palettes for their application with extreme ease. What makes Culrs different is that there is no more manual process of creating a suitable…
Guetzli – A New JPEG encoder by Google
ToolGoogle released a open source JPEG encoder that can create images file sizes 35% smaller than currently available methods, enabling webmasters to create webpages that can load faster and use even less data. Using a different method than other optimizers, Guetzli doesn’t have a set of rules or laws in a race to the lowest file size…
Type Nugget Alpha – an online typesetting tool
ToolThe Type Nugget Alpha, an online typesetting tool that will eventually make all of your online typesetting dreams come true. The Type Nugget was builded to streamline the design-to-development stage of your workflow. The Type Nugget Alpha let’s you design some hella fine web type painlessly via a pleasant user interface, knowing exactly what your content…