Web Developer Tools & Resources
Artists may soon have a new weapon helping to protect their work from becoming machine learning fodder. Called Nightshade, the tool makes tiny changes to the pixels in a digital artwork to effectively “poison” it, rendering the image useless for the purposes of training AI.
In this article, we will compare WebP vs. PNG vs. JPEG and help you pick the best image format for WordPress.
Seeking to enhance your memory recall? Recent research indicates the ideal font for you to use.
In the season of giving thanks, we often think of comfort and tradition. These are common themes with each of our three featured website design trends this month.
Blaze Type, a French type design foundry renowned for their variable fonts, has recently released an essential and comprehensive guide to type design. Titled ‘How to Design Fonts?’, it addresses a common problem faced by both experienced and beginner designers: the scattered and conflicting guidance found across various sources
Co-Authored by Monotype and Canva, classes in the Canva Education Library provide resources including lecture topics, in-class discussions, and activities geared to engaging students around design.
After helming the 2020 Liberty rebrand, Harry Pearce returns to the store’s main logotype – this time, deconstructing it for a new purpose.
Consider some fantastic November email newsletter ideas, examine subject lines and headlines that win over subscribers, and check out the best email examples.
Protomaps is an open source map of the world, deployable as a single static file on cloud storage
Amazon is rolling out passkey support on browsers and mobile shopping apps, offering customers an easier and safer way to sign in to their Amazon accounts. Customers can now set up passkeys in their Amazon settings, allowing them to easily use the same face, fingerprint, or PIN used to unlock their device. Passkey support is available today for all Amazon customers using browsers and is gradually rolling out on the...
Google is working on a new feature for its Chrome browser to help users keep their IP addresses private. This IP Protection feature aims to stop websites from tracking user movements. Google will initiate testing of this feature with a select group of users in upcoming Chrome versions, starting from version 119 through to 125.
A top-down perspective for art, also known as limited editions, and a bottom-up perspective for UX, also known as utility design
In this article, I want to explore what Ideogram is capable of and test it in six popular scenarios.
WordPress.org has launched the redesign of the Showcase, with new block-based components, through a collaboration between the Design, Marketing, and Meta teams that began last year. It’s part of a larger effort to modernize WordPress.org and comes two months after the project relaunched a new design for the WordPress.org homepage and Download page.
Engaging interaction details and impeccable typography make this website another level. Amazing collaboration between Gil Huybrecht and Jesper Landberg.
Companies risk frustrating customers and workers if they fail to invest in and develop a new generation of AI bots with the ability to recognize and interpret human qualities. With a human-centric approach, it becomes easier for all users to view AI as a helpful tool that enhances experiences — and be less fearful about its integration into daily operations and daily life.
Recent findings suggest that TikTok has been secretly collecting data on users’ website visits outside of its platform.
Finding the right typeface is tricky as a whole. Dividing the process into steps and having the right information at hand will make this journey a design adventure full of surprises. To avoid sinking into unnecessary details, use this guide as a map for your path. Review various font paraments and learn how to apply them to your designs.
A fresh collection of carefully chosen websites that stand out for their exceptional design.
About a month ago I recreated the TechCrunch website in 30 minutes in one of my rapid recreation videos on YouTube. What I didn’t know at the time was that Tom Willmott, the CEO of Human Made, the company that actually built the TechCrunch website watched my video. Tom tweeted to let me know the actual cost of the project was $1 million dollars and very graciously he and Adrian...
GitGuardian’s new free service lets organizations check for exposed secrets from a database of 20 million records.
New WordPress 6.4 is packed with over 100 performance improvements, continuing its upward Core Web Vitals performance trend
Elements 2024 lets you upscale JPEGs and replace visual elements with just a click.
What if we could make scrolling a bit more fun? More engaging? What if we could make it easier for you to find what you’re looking for and do what you need to do?
Colours taken from Dieter Rams legendary product collection for Braun. Made by Chad Ashley.
Canva now natively supports Lottie. Meet LottieFiles for Canva. Access 100k+ free, ready-to-use customizable Lottie animations plus easily integrate your team’s private library into your designs. Add motion to your presentations, websites, social media & more.
A detailed list highlighting some of the most commonly asked web developer interview questions.
Blending pixels and predictions using AI for elevated UX in analytics.
We’re entering the final quarter of 2023, and even in the pre-holiday lull, there are still plenty of fonts to get excited about. In this month’s edition of our roundup of the best new fonts for designers, there are lots of revivals, some excellent options for logo designers, and some creative twists on letterforms. Enjoy!
When one goes to the page now, though, they’ll see an entirely different list that includes “AGI focus” as its very first value. Its other new core values: “Intense and scrappy,” “Scale,” “Make something people love,” and “Team spirit.”
Variable fonts are reinventing type on the web. Jason Pamental discusses benefits, adoption and a promising new concept that is set to massively improve the performance of web fonts
In this article, we’ll show you a list of the 10 most popular stacks for creating landing pages. The data was collected by using our gallery of the best SaaS landing pages, so you can gain perspective by looking at real market trends.
The AI that we are experiencing shows boundless possibilities. As designer roles evolve, repetitive tasks are being covered by Figma AI plugins. Let’s look at some updates to add to your workflow.
Some ideas for mouse/touch responsive animations where images are shown along the path of the user motion.
Tokyo design studio & Form developed a font that varies dramatically in thickness and motion behaviour with type designer Toshi Omagari.
Principles that can be used immediately by anyone in their design process.
Photoshop was the first professional design app that I learned when I was 14 years old. It was one of the reasons that I became a designer, and eventually a front-end developer. Because of that, I thought it would be interesting to see how the CSS was written for such a massive app like Photoshop…
When we think about design, we often consider the surface: type, color, illustrations, photography, paper, and pixels. However, Paul Rand, a noted American art director and graphic designer, identified an apparent problem that is still around today…
Striking a balance between innovation and usability is essential. However, many organizations fall into the costly overengineering trap, adding unnecessary complexities that diverge from user needs, often overshadowing the primary product purpose. Explore the signs your product is overengineered and the steps you can take to prevent this resource-hungry problem.
It’s a bit too easy to lose your place in a YouTube video. But Google’s designers are updating the interface to make it easier to avoid.
Stack Overflow has laid off 28 percent of its staff over a year after doubling its employee base in a massive hiring push.
Generative AI can be combined with more traditional forms of artificial intelligence to predict how computer systems may fail before applications are put into production, according to Dynatrace’s CTO.
Lessons I learned about measuring my impact and building trust on the way to a promotion.
Our survey findings can be useful for solo designers, members of design teams and creative executives. You can use them as a reference to analyze your collaboration skills and patterns, assess and base team workflow, find existing and potential bottlenecks and improve the quality of teamwork.
We’re testing new ways to get more done right from Search, like the ability to generate imagery with AI or creating the first draft of something you need to write.
Mastering AI nowadays can be compared to mastering computer literacy at the end of the 20th century. Just as then, computer literacy was key to many professions and spheres of life, so now AI is becoming increasingly important and in demand.
If you’ve ever previously visited our website, you might have noticed recently that things look a little different. Okay, maybe not just “a little” different; it’s more of an “Extreme Home Makeover: Lattice Website Edition” situation.
The scrollbars are getting smaller and this is increasingly becoming a problem. I would show you screenshots but they’re so small that even screenshotting them is hard to do.
11 experimental tools and features are being showcased at Adobe’s Max event that highlight exciting, creative uses for new generative AI and 3D technology.
Automate your design-to-code workflow. We trained a specialized AI model so you can click once on a Figma file to get clean, responsive code in your framework. No need to do anything to your design files, and you can easily chat to refine the code.
The firm’s presentation on building LoveFrom Serif from historic Baskerville is now online for anyone to watch.
Some people are just realising that the Four Seasons logo actually attempts to represent all four seasons typical temperate regions. No it’s not just a tree. It’s a tree depicted in spring, summer, autumn and winter all at once. That’s why some of the branches have more leaves than others, and some have none at all.
Quentin Hocdé’s website is an amazing showcase of animated pixel art infused with some 3D wizardry. It’s a truly innovative portfolio that exudes a sleek geeky aesthetic, making it our top pick of the week.
The tech giant announced that it’s offering Android users easier access when clearing their browsing history, letting iOS users make Google Password Manager the default autofill provider and making it easier for all user to access its dark web report feature.
It’s important to state that the round corners in Apple’s products are not circular, but instead “squircles”. Squircles are complex curves that remove the discontinuity between the straight and curved sections of a surface. Look at a curved surface that isn’t a squircle and you’ll be able to see where the straight line ends and the curve starts.
An AI content detection tool uses artificial intelligence (AI) to find out if the content is generated using an AI writing tool. This can help prevent plagiarism on your website and ensure the authenticity of your content.
The revolutionary ActivityPub feature is now available across all WordPress.com plans, unlocking a world of engagement and interaction for your blog. Your blogs can now be part of the rapidly expanding fediverse, which enables you to connect with a broader audience and attract more followers.
Use these tips for navigation, tables and charts, button UX, and interactivity to create a smooth mobile dashboard experience that will keep users coming back.
Each frame of the label’s latest animation was drawn in a “competitive speedrun” by Cha Chaan Teng’s Wei Prior and Char Alice.
Proud to finally announce our work for @CocaCola, in collaboration with @MrCraigWard, to re-imagine their iconic logo for the next 131 years. Coming soon to a can near you…
You will find the list when you scroll down.
“They’ve created a way to stop Adobe Illustrator users creating things in Adobe Illustrator.”
A new ‘icon of transparency’ is here to certify real images and brands from forgeries and AI creations. It has high-profile partners and corporate buy-in—but also a slew of challenges.
Work from home or work from the office is a red flag. Here’s what to focus on instead.
How far would an organization be willing to go for the chance to generate a little extra buzz? In this list, we’re going to find out….
Its Dropbox AI tool is also expanding to cover more content, and there’s a new Dropbox Studio feature for managing video projects.
Project Fast Fill simply lets editors remove objects from a video or change backgrounds as if they were working with a still image, all with a simple text prompt. Users only have to do this once and the edit will then propagate to the rest of the scene. Adobe says this even works in very complex scenes with changing lighting conditions.
In this article, we’ll look at some of the most fundamental and important aspects of accessibility on the Web. We’ll also consider some of the tools available for ensuring that the content on our websites is accessible to all.
Prioritizing user experience and functionality has reshaped how we approach software creation, leading to the rise of design-driven development (DDD). This approach isn’t about aesthetics–it’s about understanding, empathizing, and delivering solutions that resonate with end users.
According to Adobe, the Firefly Image 2 Model, as it’s officially called, will be better at rendering humans, for example, including facial features, skin, body and hands (which have long vexed similar models).
DALL-E 3 is great for making movie posters. We tried to recreate some of the best know moves posters and here is the result…
Why the discussion around the detrimental impact on the user and the environment is non-existent.
Seeking spooky typography but don’t want to pay for it? These brilliant horror fonts aren’t just high quality; they’re free for both personal and commercial use.
This summer, Mirage, an art installation occupying the olive grove north of the visitor center, was unveiled. I decided to visit as a midday break. From the visitor Center, the piece appears as an curved wall made of tinted glass. As we approach closer, it becomes clear that the wall is actually four hundred glass cylinders sprouting from the ground with no visible support structure.
Adobe describes the new model as “the world’s first generative AI model focused on producing vector graphics.” Like Firefly for creating images and photos, Firefly for Illustrator will be able to create entire vector graphics from scratch.
Considering the availability of modern tools and recent advancements in governance (design systems), one might think designers could relax and enjoy some leisure time. Surprisingly, that’s not the case. In fact, it feels like designers have even less time than before. As we’re frantically pushing towards an auto-governed future, we ought to stop and think about our purpose as designers.
Learn how to create a responsive WebGL layout powered by CSS and React Three Fiber.
The search engine tech giant is reportedly working on a new experimental feature that automatically groups and categorize the plethora of tabs that overwhelm your browsing experience.
NASA has removed the beta label from the new nasa.gov website, which was launched on WordPress, replacing Drupal as the CMS. After a lengthy process, which required 18 months of active web development, data migration, and content building, NASA has emerged with modernized flagship and science websites, showcasing the innovation and discoveries that have defined the agency for more than 65 years.
Looking for inspiration? Well, look no further: here is our round up of what’s caught our eye for October.
Tables of contents provide a page overview and direct access to specific sections. When designing a table of contents, carefully compare different placement and styling options to maximize usability.
Generative AI raises legal and ethical issues for all of us
Figma resources come in all shapes and sizes: wireframes, device mockups, website templates, mobile app layouts, UX kits, icons, and even illustrations and animations. Some are available through small web projects run by individuals who praise the “sharing is caring” ideology, whereas other material is gathered inside libraries that unite thousands of people from different parts of the world. Consider the pros and cons of using these resources in your workflows.
Duo’s popularity has exploded on the internet: The owl has nearly 8 million followers on TikTok. Now get ready for the owl to haunt your Halloween.
TypeScript, a powerful superset of JavaScript, has gained popularity among developers for its highly sophisticated typing system. It offers two ways to define data shapes: types and interfaces. But how do we choose between them?
Our refreshed brand speaks to the heart of what Webflow has always stood for: giving everyone the superpowers to build professional, visually stunning websites — all without having to write code to achieve developer-grade results. We’re so excited to introduce a brand that not only helps bring this mission to life, but also pays tribute to the people who use Webflow every day to accomplish incredible things.
With Hummingbird’s much anticipated Critical CSS feature, you can expect faster-loading pages and better performing WordPress sites. Here’s why render-blocking resources are now a thing of the past…
In this article, I’ll focus on some technological innovations in voice user interfaces (VUIs). What is a voice user interface, or VUI? VUIs employ speech-recognition technology that enables users to communicate via a computer, smartphone, smart speaker, or other device by using voice commands.
Nationwide has today unveiled its most significant rebrand in over three decades. The work by London studio New Commercial Arts is part of a drive to modernise the building society and reaffirm it being owned by members rather than shareholders.
How do you know which font is right for your project? That’s where typography inspiration websites come in. These sites show some of the best uses of fonts and typography designs to help you find inspiration.
The feature is known as an object-aware editing engine, but colloquially referred to as Project Stardust. If it lives up to its promise, you can send the lasso tool into retirement, as it’s intended to automate the selection of image components.
Microsoft has rebuilt its web version of the Microsoft Store from the ground up with a new UI and easier ways to find apps.
Clean up LinkedIn clutter & remove ads in one click
When optimizing a WordPress site’s load time, many people overlook the server side. Reducing TTFB (Time To First Byte) will help speed up your site and provide a better user experience.
A very cool, cyberpunk inspired design with interactive pixel distortion effects and stunning page transitions. Our pick this week.
We are working on a logo creation tool that will enable any creator to craft their own, bespoke version of the Patreon logo that incorporates colors, textures, and motion from their own work. Creators will also be able to leverage our color language on Patreon to personalize their digital space to better fit their aesthetic and identity.
The WordPress 6.4 release squad has decided to punt the planned Font Library feature to 6.5 after core maintainers found major gaps in the Font APIs that cannot be resolved in time for the upcoming release.
I posted designer Milton Glaser’s famous poster of Bob Dylan on LinkedIn. But there was a twist. It was a version of the poster showing all the ways today’s colleagues and clients provide feedback. Usually on a collaborative platform like Google docs.
After nearly 60 years of its distinctive cursive script, the outdoor retailer is ditching the script for blocky text and a goose.
Adobe Stock has put a call out for 1,000 photos of bananas to help train its AI image generator — And the company is offering $60.
Unlimited, Free summaries of Websites, PDFs and YouTube videos in 30+ languages—no length restrictions. For added clarity, deep dive into the summary source or jump directly to key moments in YouTube videos. Save time and get more done with Gist AI.
It’s time to break free from the norm and explore alternative websites that offer fresh, exciting, and unconventional design inspiration.
Project Stardust’s new ‘object-aware editing engine’ can automatically identify and manipulate individual objects in images. A Magic Editor, but from Adobe.
Getty’s entire brand is built on authenticity. CEO Craig Peters sat down with us at Code to talk about how the company is dealing with AI and disinformation.
This clever system, based on machine learning, goes through a lot of data to create suggestions that match your interests.
Google’s AI-generated text-to-image diffusion model makes a small but fun appearance in Android 14’s wallpaper menu on the new Pixels, letting you generate backdrops by selecting different parameters.
WebWave AI is here to help you turn your vision into reality. Just click the “AI website” button and experience the new era of web design. Once the site is generated, you can change everything with our drag and drop interface. AI website, your accomplishment.
An annual release of new products, features, and updates in support of a future where everyone can be an entrepreneur. Many of the 2023 Squarespace Refresh innovations are designed to help entrepreneurs sell, and represent the biggest advancements in commerce since Squarespace launched two decades ago.
Geoff explores a divide between WordPress.org and WordPress.com, shedding light on the blurred lines between open-source ideals and commercial interests. Is there any winning repositioning strategy for WordPress?
The mega design company is launching a new suite of AI features that automate many design tasks.
An examination of Fontesk’s deceptive font distribution practices, and how type designers can safeguard their typographic creations from exploitation.
It’s still a bit quirky, but you can try it out now.
Welcome to our all treats-no tricks, October tools collection.
As a designer, we’re constantly pulled in two directions: towards learning new design tools and towards honing our soft skills. But which is more important?
In this article, we’ll explore what makes DALL-E 3 so revolutionary, how anyone can access it right now, and dive into some jaw-dropping examples of what it can create. Get ready to have your mind blown by the new frontier of AI image generation!
A beginner-friendly guide that walks you through the use of the Browser View Transitions API with Astro for a smoother navigation experience.
A virtual coach can offer leadership insights and advice, along with links to relevant LinkedIn Learning videos
The current Airbus logo is the company name in blue on a white background with the iconic swirl.
Go beyond data collection with conversational forms that don’t just ask, but also respond.
Freepik partnered with the San Francisco-based and award-winning creative advertising agency, Partners in Crime, to develop its new visual identity and positioning. Its mission? Help anyone create great designs faster, to express the power of their ideas.
In-page links, often embedded in the table of contents, help users navigate to specific content sections on the same page. While research showed increased user familiarity with the design pattern, carefully consider content structures before implementation.
As a preface to my thoughts, I want to state that there’s nothing wrong with Pixlr, and I love the web app. However, while it’s long been the go-to for web-based graphics work, especially for Chromebook users, Photoshop’s leap to the browser changes the game.
Building a website in those days was undeniably different. The web design industry was nascent – if it existed at all. Standards and best practices were still years away. Web designers had to adapt existing tools for this new medium.
I get a good deal of messages from people asking me questions about design. I try to answer as many as I can, but I’m unable to get to all of them. So, here’s a roundup of my answers to some of the most common questions I receive.
16.7 is the last Gutenberg release ahead of the upcoming WordPress 6.4 release, so it’s packed with features and bug fixes. Exciting new features include the new Font Library for font management within the editor, lots of enhancements to pattern management, simplified lightbox functionality, and many UX enhancements.
Fair use in the age of AI: Credit, compensation and consent are required.
Following its launch over a decade ago, Vimeo Staff Picks has become the go-to place for video-based inspiration. Below, we speak to the curators behind it, and a handful of the filmmakers who have been given a Staff Pick, about three significant innovations within the film industry.
Every now and then, website design trends can leave you scratching your head. This month’s collection includes some of those.