Of all the amazing things the new block editor (aka Gutenberg) for WordPress can do, the ability to create custom blocks is right at the top of the list. This... The post How To Create Custom Blocks for Gutenberg with Block Lab appeared first on Speckyboy Web Design Magazine.

We returned to our home in Freiburg for the 2019 SmashingConf, and brought all the SmashingConf fun with us. We've wrapped up the event in this post, including links to the video of all of the presentations, so you can relive what you enjoyed — or share in something of what you missed. 'Smashing' in Lego, built by our attendees. (Photo credit: Drew McLellan) The Presentations Day 1 Day 2 Workshops Side Activities Morning Run Jam Session Planetarium, Cable Car and Photo Walk The Presentations The main focus of the conference is the speakers and the presentations they bring.

Web performance is a tricky beast, isn't it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers?

Getting the most out of advanced JavaScript APIs has come into fashion these days. Mind-blowing Chrome experiments driven by WebGL, personal portfolios of creative art directors that are marked by high-end abstract animations based on Three.js, or just hero sections that are set in motion with the help of Tween.js, all these libraries are extremely popular nowadays. They power projects that are so overwhelming and awe-inspiring that even the banal lack of full browser compatibility ( the majority of such projects are capable of working in its full capacity only in the latest browser versions) does not slow down this raging mainstream nor does not prevent people from loving them. More and more developers are joining this flow, trying out its possibilities and pushing boundaries. Today we are going to take a glance at one of them and pay attention to some successful experiments with Three.js. Three.js is a relatively lightweight and quite intuitive JavaScript library, a constant companion of projects that were created on the basis of WebGL. When it comes to dealing with 3D graphics, it is in its element. With it, it becomes possible to generate complex animations massively overload the system. It lets you manipulate and tune all the vital details of […]

In the struggle for sophisticated aesthetics, it can be challenging to strike a balance and preserve harmony. Websites that try to achieve an artistic vibe by fitting all the possible solutions into one project such as dense textures, doodles, lavish illustrations or rich multimedia may end up in overpowering design and weak structure. To avoid...

This week's Designer News - No 513 - includes Recursive Sans & Mono variable type family, SVG gradient wave generator, CSS & JS calculators, WordPress Admin color generator, Pagination library, website carbon calculator, Pac-Man... in CSS, and much more! The post Weekly News for Designers No 514 appeared first on Speckyboy Design Magazine.

The beauty of a Content Management System (CMS) is the ability to control content, functionality and even layout through an easy-to-use UI. Everyone from the smallest bloggers all the way... The post 5 Simple & Lightweight Content Management Systems for Web Designers appeared first on Speckyboy Design Magazine.

Designers are masters of the craft. Well, lots of crafts: experience, aesthetic, and communication. Communicating with non-designers is key to success as a designer. As the Design Team Manager at Netguru, I manage the amazing team of 60 talented designers, one of the top & fastest-growing design teams in Europe. Together we help companies design...

Instagram is a platform full of visual designs. The better your photos look, the more attention you get. And when you're a designer promoting Instagram posts and story designs, you'll need an equally beautiful mockup to showcase them. Whether you're a digital marketing agency showing off designs on a portfolio or a freelancer presenting Instagram […]

Learn how to choose the right colour scheme for your logo design or brand by understanding the psychology and meaning behind colours.