It’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…
CSSScript.com, free JavaScript and CSS resources
Resource Excerpt
CSS Script is a subsite of jQueryScript aims to provide the newest, best and free Pure JavaScript and CSS resources for web/mobile developers and designers. The CSS Category features the most recent and popular CSS/CSS3 snippets, CSS frameworks, CSS codes, CSS libraries for web/mobile developers and designers. The JavaScript Category features the most recent and popular server-side…
Falco: an Open Source WebPageTest runner
Tool Excerpt
Falco 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
Tool Excerpt
Intelligent 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,…
uxframeworks.design
Resource Excerpt
A resource to find and share frameworks for design research, synthesis, and ideation. Frameworks are repeatable mental models, methodologies, and activities that you can use to synthesize qualitative research, identify emerging insights and opportunities to generate ideas. Use these UX Frameworks to re-frame how you solve problems. Finding design thinking frameworks for research and synthesis remains a scavenger…
ColorBox.io: building color systems for accessible UIs
Tool Excerpt
I 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
Tool Excerpt
Photopea 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…
CSS masonry with flexbox, :nth-child(), and order
HTML/CSS Excerpt
Flexbox has no easy way of rendering items with a column layout while using a row order, but we can build a masonry layout with CSS only—no JavaScript needed—by using :nth-child() and the order property. This CSS-only way of creating a masonry (or mosaic) layout is surely not as robust, flexible, and foolproof as a JavaScript implementation (like Masonry) but if you don’t want…
CSSFX.dev: Beautifully simple click-to-copy CSS effects
HTML/CSS Excerpt
A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open source and MIT licensed.
The CSS Handbook: a handy guide to CSS for developers
Resource Excerpt
CSS is often quickly dismissed as an easy thing to learn by developers, or one thing you just pick up when you need to quickly style a page or app. Due to this reason, it’s often learned on-the-fly, or we learn things in isolation right when we have to use them. This can be a…