The Front-End Tooling Survey 2019 – Results

Bookmarks
Excerpt

This year, 3,005 developers answered 27 questions covering a wide range of front-end tools and methodologies. As always, a massive thank you from me to every single person that took the time to fill it in. As always it’s super interesting to look at what’s changed over the last 12 months in front-end tooling and…

whocanuse.com, how color contrast affects people

Tools
Excerpt

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

Resources
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

Tools
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

Tools
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

Resources
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…

Photopea.com: advanced image editor

Tools
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

Codes
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…