Collective #524

Inspirational Website of the Week: Kubikfoto³ A great design with wonderful details and smooth transitions. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Website Builder Software With Your Branding This B2B platform fits designers, freelancers, agencies and anyone who Read more

Collective #385

dreamt up by webguru in Uncategorized | Comments Off on Collective #385








C385_streamlineux

Streamline UX

50 fantastic free illustrations from the Streamline UX vector illustration pack.

Get it


C385_fb

Detectron

Facebook just open-sourced Detectron, a software system that implements state-of-the-art object detection algorithms.

Check it out




C385_karamatic

Karmatic

A simplified zero-configuration wrapper around Karma, Webpack, Jasmine and Puppeteer for automatic (headless) browser testing.

Check it out


C385_linqes

Linqes

Collect your favorite content and share it with this advanced bookmarking tool.

Check it out








C385_wordpress

create-guten-block

A zero-configuration developer toolkit for building WordPress Gutenberg block plugins without configuring React, Webpack, ES6/7/8/Next, ESLint, Babel, etc. By Ahmad Awais.

Check it out


Collective #385 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #385

Be Watchful: PHP And WordPress Functions That Can Make Your Site Insecure

dreamt up by webguru in Uncategorized | Comments Off on Be Watchful: PHP And WordPress Functions That Can Make Your Site Insecure

Security of a WordPress (or any) website is a multi-faceted problem. The most important step anyone can take to make sure that a site is secure is to keep in mind that no single process or method is sufficient to ensure nothing bad happens. But there are things you can do to help. One of them is to be on the watch, in the code you write and the code from others you deploy, for functions that can have negative consequences.
Source: Smashing Magazine, Be Watchful: PHP And WordPress Functions That Can Make Your Site Insecure

Using Gradients In User Experience Design

dreamt up by webguru in Uncategorized | Comments Off on Using Gradients In User Experience Design

(This is a sponsored article.) Color has the potential to make or break product. Today you’ll learn how to use gradients for a website in Adobe XD through a very useful tutorial. In the last Adobe XD release, radial gradients were added so that designers can easily create unique color effects by simulating a light source or applying a circular pattern. Designers can add, remove and manipulate color stops with the same intuitive interface as linear gradients.
Source: Smashing Magazine, Using Gradients In User Experience Design

A GraphQL Primer: Why We Need A New Kind Of API (Part 1)

dreamt up by webguru in Uncategorized | Comments Off on A GraphQL Primer: Why We Need A New Kind Of API (Part 1)

In this series, I want to introduce you to GraphQL. By the end, you should understand not just what it is but also its origins, its drawbacks and the basics of how to work with it. In this first article, rather than jumping into the implementation, I want to go over how and why we have arrived at GraphQL (and similar tools) by looking at the lessons learned from the last 60 years of API development, from RPC to now.
Source: Smashing Magazine, A GraphQL Primer: Why We Need A New Kind Of API (Part 1)

Optimizing Sketch Files: Lessons Learned In Creating The Reduce App (Case Study)

dreamt up by webguru in Uncategorized | Comments Off on Optimizing Sketch Files: Lessons Learned In Creating The Reduce App (Case Study)

Sketch had brought totally new standards for file sizes. You no longer see 10 GB Photoshop files all over the place. Nevertheless, huge Sketch files exist, and they slow down Sketch. As a result, your productivity slows down as well.
Let’s be honest: It’s not the design files that become bigger by magic. It’s designers who fill their files with unused, unoptimized and hidden elements that take unnecessary space. We have faced this problem in our startup, Flawless App.
Source: Smashing Magazine, Optimizing Sketch Files: Lessons Learned In Creating The Reduce App (Case Study)

Work-Life Balance: Tips From The Community

dreamt up by webguru in Uncategorized | Comments Off on Work-Life Balance: Tips From The Community

In order to encourage web professionals to consider some of the key points of their working lives in this still nascent industry, we asked folks on Twitter and Facebook to share their best work-life balance tips that worked really well for them. We received lots of responses: most very sensible, many very insightful, some quite unexpected and a few deliberately tongue-in-cheek.
The most important thing to note when thinking about work-life balance is that it is different for everyone.
Source: Smashing Magazine, Work-Life Balance: Tips From The Community

Collective #384

dreamt up by webguru in Uncategorized | Comments Off on Collective #384



C384_paint

CSS Paint API

Read about the interesting new CSS Paint API and learn what you can do with it.

Read it














C384_beetles

Beetles

A fantastic wiki page with lots of beetles that move to reveal the text. By Steve Gardner.

Check it out







C384_kickass

Kickass

A fun game that lets you “destroy” a website. Made by Erik and Johan Rothoff Andersson.

Check it out


Collective #384 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #384

Now You See Me: How To Defer, Lazy-Load And Act With IntersectionObserver

dreamt up by webguru in Uncategorized | Comments Off on Now You See Me: How To Defer, Lazy-Load And Act With IntersectionObserver

Once upon a time, there lived a web developer who successfully convinced his customers that sites should not look the same in all browsers, cared about accessibility, and was an early adopter of CSS grids. But deep down in his heart it was performance that was his true passion: He constantly optimized, minified, monitored, and even employed psychological tricks in his projects.
Then, one day, he learned about lazy-loading images and other assets that are not immediately visible to users and are not essential for rendering meaningful content on the screen.
Source: Smashing Magazine, Now You See Me: How To Defer, Lazy-Load And Act With IntersectionObserver

Monthly Web Development Update 1/2018: Browser Diversity, Ethical Design, And CSS Alignment

dreamt up by webguru in Uncategorized | Comments Off on Monthly Web Development Update 1/2018: Browser Diversity, Ethical Design, And CSS Alignment

I hope you had a great start into the new year. And while it’s quite an arbitrary date, many of us take the start of the year as an opportunity to try to change something in their lives. I think it’s well worth doing so, and I wish you the best of luck for accomplishing your realistic goals. I for my part want to start working on my mindfulness, on being able to focus, and on pursuing my dream of building an ethically correct, human company with Colloq that provides real value to users and is profitable by its users.
Source: Smashing Magazine, Monthly Web Development Update 1/2018: Browser Diversity, Ethical Design, And CSS Alignment

How To Internationalize Your WordPress Website

dreamt up by webguru in Uncategorized | Comments Off on How To Internationalize Your WordPress Website

On September 30th, 2017, the international WordPress community united for 24 hours to translate the WordPress ecosystem. For the third time, #WPTranslationDay fused an all-day translating marathon with digital and contributor day events designed to promote the value of creating accessible experiences for global users, better known as “localization”.
As an open-source community, we should all strive to localize our open-source contributions. Before you can transcribe your digital assets though, you have to internationalize your codebase.
Source: Smashing Magazine, How To Internationalize Your WordPress Website