Collective #508

Front-end Developer Handbook 2019 Cody Lindley wrote this guide that outlines and discusses the practice of front-end engineering, how to learn it and what tools are used when practicing it in 2019. Check it out Our Sponsor Visual Composer founder had an AMA Read more

Introducing Web Payments: Easier Online Purchases With The Payment Request API

dreamt up by webguru in Uncategorized | Comments Off on Introducing Web Payments: Easier Online Purchases With The Payment Request API

Buying things online can be a frustrating process, especially on mobile. Even if the pages are well designed, there’s a lot of information required: Our contact information, shipping and billing addresses, shipping option and card details. If you’ve ever just given up sometimes, you’re in the majority.
The Baymard Institute took an average across 37 different studies and found that 69% of shopping carts are abandoned.
A typical, long checkout form on mobile.
Source: Smashing Magazine, Introducing Web Payments: Easier Online Purchases With The Payment Request API

Inspiring Desktop Wallpapers To Welcome 2018 (January Edition)

dreamt up by webguru in Uncategorized | Comments Off on Inspiring Desktop Wallpapers To Welcome 2018 (January Edition)

The new year is an opportunity to start over fresh, to overcome routines and rethink processes. And, well, despite all the New Year’s resolutions you might have made, sometimes it’s the small things that work wonders. A tidy desktop and a new, inspiring wallpaper, for example, that caters for a little inspiration shot when you need one.
To kick off 2018 with wallpapers that are a bit more distinctive as the usual crowd, artists and designers from across the globe once again challenged their artistic skills and designed unique desktop wallpapers for you to indulge in.
Source: Smashing Magazine, Inspiring Desktop Wallpapers To Welcome 2018 (January Edition)

Making The Transition From After Effects To CSS Transitions And Keyframes

dreamt up by webguru in Uncategorized | Comments Off on Making The Transition From After Effects To CSS Transitions And Keyframes

Websites are looking more and more like mobile apps. Users are also increasingly expecting a more app-like experience. From push notifications to offline mode, native web apps are getting there.
Once web apps function like native apps, the design interactions would also change to address the use case — namely, the ubiquity of animations. Animations drive interactions in all of our favourite apps, from Uber to Lyft and Snapchat to Instagram.
Source: Smashing Magazine, Making The Transition From After Effects To CSS Transitions And Keyframes

A Sneak-Peek Inside The Southeast Asian Web Community

dreamt up by webguru in Uncategorized | Comments Off on A Sneak-Peek Inside The Southeast Asian Web Community

A few weeks ago, Vitaly Friedman (co-founder of this little magazine) and I had the pleasure to join Mozilla’s Developer Roadshow, traveling through four countries in Southeast Asia in just two weeks. We visited cities that are buzzing with life and met people who share our passion for the web. Our mission: To get up close with the Southeast Asian web community. We wanted to learn how different local communities are compared to Europe and the US.
Source: Smashing Magazine, A Sneak-Peek Inside The Southeast Asian Web Community

Standing Out From The Crowd: Improving Your Mobile App With Competitive Analysis

dreamt up by webguru in Uncategorized | Comments Off on Standing Out From The Crowd: Improving Your Mobile App With Competitive Analysis

The mobile app industry is arguably one of the most competitive industries in the world. With around 2.8 million apps available for download in the Google Play store and 2.2 million in Apple’s App Store, getting your app seen, let alone downloaded, can be difficult.
With such fierce competition, it is important to make your app the best it can be. One of the most productive ways to do this is by conducting a competitive analysis to see where your competitors are at, what is working for them, what isn’t and what you can do better.
Source: Smashing Magazine, Standing Out From The Crowd: Improving Your Mobile App With Competitive Analysis

Collective #378

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


C378_Toapi

Toapi

A library for easily letting any website provide APIs. By Jiuli Gao.

Check it out








C378_dom

How To Make Changes to the DOM

As part of the series “Understanding the DOM” by DigitalOcean, Tania Rascia’s explains how to create, modify, and remove DOM elements in this article.

Read it













C378_cssglitch

From Our Blog

CSS Glitch Effect

An experimental glitch effect powered by CSS animations and the clip-path property. Inspired by the technique seen on the speakers page of the 404 conference.

Check it out

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


Source: Codrops, Collective #378

Productivity Tips And Tricks: The Community Shares Its Piece Of Advice

dreamt up by webguru in Uncategorized | Comments Off on Productivity Tips And Tricks: The Community Shares Its Piece Of Advice

Productivity tips always make for a popular topic for an article, as everyone is looking for the silver bullet, that one weird trick that turns you into a productivity machine. However, the tips that work well for one person may not work so well for another.
We asked the community on Twitter and Facebook to share their best productivity tips, and in this article I’m going to round these up alongside some things I’ve learned that work well for me.
Source: Smashing Magazine, Productivity Tips And Tricks: The Community Shares Its Piece Of Advice

Collective #377

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



C377_joy

Joy.js

A great tool that lets you change code by clicking, dragging or hovering, and see the result immediately. By Nicky Case.

Check it out


C377_Lynn

Lynn Fisher

Responsiveness is brought to a whole new level on this website: a new design for every breakpoint!

Check it out




C377_Alva

Alva

With this revolutionary design tool you can start building your layouts and design with the same components that your engineers use for the production website.

Check it out



C377_agents

Byte Arena

Byte Arena is a gaming platform for developers where you have to code the brain of an agent.

Check it out






C377_ShaderReload

Shader Reload

An experimental interface for live shader reloading in ThreeJS, regl, and other WebGL frameworks.

Check it out


C377_SQL

NetSPI SQL Injection Wiki

A Wiki with information on identifying, exploiting, and escalating SQL injection vulnerabilities across various Database Management Systems (DBMS).

Check it out







C377_22

Vireo

Vireo is a lightweight and versatile video processing library that powers Twitter’s video transcoding service, deep learning recognition systems and more.

Check it out


C377_html52

HTML 5.2

HTML 5.2 is now a W3C recommendation. Read about the substantial changes since 5.1.

Check it out


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


Source: Codrops, Collective #377

Dealing With Stress As A Designer: Here's What Research Says

dreamt up by webguru in Uncategorized | Comments Off on Dealing With Stress As A Designer: Here's What Research Says

The world is a stressful place. That’s probably why if you search for articles about dealing with stress you’ll find lots of great advice. But the problem is that most of it is pretty generic. Eat good food. Exercise. Get plenty of sleep. Those are all good general tips — but is there anything more specific to the profession of design?
If you’re a designer who feels stressed from time to time, then this article is for you.
Source: Smashing Magazine, Dealing With Stress As A Designer: Here's What Research Says

32 Free And Friendly Office Icons

dreamt up by webguru in Uncategorized | Comments Off on 32 Free And Friendly Office Icons

The web has changed the way we work. Startups rethought what offices look like, and with a laptop in your bag, you can get work done from anywhere anyways — no matter if it’s your desk at home or the cozy coffee shop around the corner. Over are the times of dark and stuffy cubicles — in many companies, at least.
To remove the dust from the term “office” and give the visuals revolving around it a fresh and friendly face, too, the creative minds at Vexels designed a set of 32 office-themed icons.
Source: Smashing Magazine, 32 Free And Friendly Office Icons