Web Developer Tools & Resources
Developers must keep the kit in a “private, secure workspace,” and cannot show it to any family, friends, or other unauthorized individuals, according to Apple. The kit also must be in a developer’s “direct line of sight” at all times, and stored in a locked Pelican case in a locked space when not in use, the company adds.
You don’t need to know how to code to build your own AI tools.
Labs is a new space for Stack Overflow and its community & customers to explore the future of knowledge sharing, together.
While accordions can simplify long content pages and minimize scrolling, they diminish content visibility and increase interaction cost. On desktop, use accordions for content-heavy pages where users will not need to access content under several accordions.
Smaller images, animation, and plenty of wild patterns are what you’ll find in this website design trend that’s popping up all over the place.
When it comes to group dynamics, there are two key factors that play a crucial role: task-oriented and maintenance-oriented behaviors. As you plan your team’s agenda, consider how these factors influence the dynamics and productivity of the group.
Starting with iOS 17, developers will need to explain why they’re using certain APIs.
History has been made for Adobe as it celebrates its most succesful Beta launch ever – all thanks to AI
A method to adapt a font to your users’ preferences, so they’re maximally comfortable reading your content.
Variables, one of Figma’s newest features, help you streamline designs and connect more closely to code, but what do they tell us about larger shifts in the industry? We dig into what they might signal for the future of design systems.
Gotta love this design! It has so much personality and a unqiue vintage touch, the perfect fit for the brand it represents. Amazing work by Thom Aufresne with lots of lovely micro interactions.
On Monday, the microblogging platform Twitter underwent a striking rebranding, becoming “X” after owner Elon Musk’s unexpected decision to rename the company and transform it into the AI-powered “everything app.” The Internet was abuzz with reactions to this spontaneous and rapid change. Here’s a scoop on some of them.
A loading and navigation animation where thumbnails “flow” into a grid.
The process of evolving a large scale design system
Abode, a satirically named but serious project that aims to take on Adobe, just concluded its crowdfunding campaign where it raised £181,709, or about $234,900. Now comes the next step: delivering the software to the more than 3,000 artists that backed it.
Practice better letter spacing….
WordPress 6.3 ships on August 8th! For a sneak peek of what’s to come, members of the 6.3 release squad, Anne McCarthy and Rich Tabor, held a live demo moderated by Nathan Wrigley.
A discussion of the ways that large tech companies helped to define the evolution of computer typography. One battle made the CEO of Adobe really mad.
The conceptualization of Web 5.0 is the culmination of multiple phases of web development. Any detailed outline of Web 5.0 would also emphasize the evolution between web versions. A concise overview of the evolution of the Internet over time is provided below:
Now the Photoshop beta has received another handy AI update, Generative Expand. Here’s how Adobe describes the feature: “A new workflow empowering users to expand images with magical results in 1-click in the Photoshop beta.”
Meet Jason Custer, an icon designer on the Fluent Design System team
We hear from Instagram’s director of brand design Cynthia Pratomo, who compares developing the look of Threads to “building the plane as you fly it”.
A couple of ex-Googlers set out to create the search engine of the future. They built something faster, simpler, and ad-free. So how come you’ve never heard of Neeva?
By shaking up business as usual, managers encourage their teams to think bigger.
Today, we’ll be taking a look at 15 unexpected and innovative ways AI technology is being used.
Passwords have been the standard sign-in method since the advent of personalized online experiences. How do we introduce the passwordless experience of passkeys?
In the highly competitive arena of social networks, where the platforms you use communicate much about an individual’s personal brand, an effective logo is an essential brand asset.
The field of language translation has never been more exciting. The opportunities for translation management systems to generate accurate, real-time translations are numerous, thanks to the growing and evolving development of artificial intelligence, machine learning, and natural language processing. In this article, Adriano Raiano discusses the evolution of language translation platforms, detailing how we got to where we are today and what advancements we can look forward to in the...
Twitter’s new X logo has thicker lines.
The complexities of data visualization literacy
UI/UX designing has encountered changes, recommendations, and many upgrades. Such is the difference that the UI/UX of 2023 will be unrecognisable when compared to that of 2022. It moves swiftly, incorporating what’s best and leaving out what was once considered the best.
This browser-based platform makes it easy to create online brand guidelines. We chat to founder Hamish Smyth about what Standards offers designers and why it’s time to ditch the PDFs.
In this post, we’ll delve into the world of SVG gradients and explore the solution we devised to tackle the challenges that arose, and argue why sometimes, being given complex engineering challenges like this can be highly rewarding.
Explore the finest hand-curated color palettes best fitted for logos & branding.
Dashing the hopes of educators, OpenAI decommissions its AI Classifier due to poor accuracy.
We don’t know how much money the designers who came up with the new logo X (Twitter) received for their work, but it’s actually just the letter X from the font Special Alphabets 4, which can be purchased for $29.99.
It’s still Mac and iOS only, at least for now. But it’s one of the best new browsers in years, and it’s finally ditching the waitlist.
How constraints ignite creativity, spark innovation, and why accessibility is a uniquely effective constraint everyone should embrace.
French designer Mathieu Lehanneur has revealed his design for the 2024 Paris Olympic torch.
The London-based designer takes inspiration from the arts and unusual moments around the city to create a uniquely familiar typeface.
There’s an overall movement in website design right now where there are no dominant hero image or video on the homepage. Look at some of your most visited websites, and you might see this trend in action. You’ll surely see it among the three other trends we explore in website design here.
Discover with Adrian what’s behind the charming glow effect on Youtube and how you can use it to make your own videos more immersive. Deconstruct YouTube’s “Ambient Mode” feature and learn how HTML <canvas> and the requestAnimationFrame function are used to create this glowing effect.
Tech companies can’t compel people to change what they call platforms. Ask Facebook.
One of our recent favorites is a series of experiments utilizing a generative AI tool called Midjourney. With the uncanny ability to turn imagination into reality, this tool interprets prompts based on popular movies such as The Warriors or iconic video games like Final Fight, generating detailed, vivid images that exceed expectations.
As we say goodbye to Twitter and its famous blue bird today, how does the design industry feel about the rebrand? Is it the final nail in the coffin for the social network? A colossal branding disaster? Or the start of a much-needed new chapter? We asked the creative community for their thoughts.
Over the weekend, Elon Musk issued the unexpected fiat via late-night/early-morning tweetstorm (x-storm?) that Twitter would now be known as X — complete with a new X logo that has replaced the bonny blue birdie on the service’s website.
You like pen and paper, I like Figma. We’re both great designers.
With Google planning to delete any unused two-year-old accounts, it’s a good idea to see if you’ve forgotten any from way back when.
Book design documenting past and current Apple products through 450 photographs.
In recent news, Google has put forth a proposal known as the “Web Environment Integrity Explainer”, authored by four of its engineers. On the surface, it appears to be a comprehensive effort to enhance trust and security in the digital landscape. However, as with many sweeping technological proposals, it’s not without controversy.
Quirky, vibrant, and full of delightful surprises, Lief Amsterdam is our website of the week! With its stunning color palette, unconventional layouts, and smooth effects, it offers a truly unique browsing experience.
Meet Ubel, the most sarcastic and unapologetic recruiter who’s just not having it with your bs job applications anymore. You can try impress them with your puny little GPT-written letter. But get ready for the feedback, Gordon Ramsay style. Built with Coda AI
Plenty of theories have emerged about how the now-famous logo came to be…. But the genius behind the original design has shared the real reason behind it
The Reddit debacle continues as it replaces the r/malefashionadvice subreddit moderators following their refusal to reopen to the public.
Discover the importance of critical reflective practice and challenge some beliefs about reflection and its role in our work and growth. Kristian Mikhel suggests a critical reflective routine for individual contributors and gives some practical recommendations that will make reflection meaningful and actionable.
I say “good code is like a love letter to the next developer who will maintain it”. It is an intimate correspondence, from one developer to another, spanning time and space.
But I’ve changed my tune about public betas. You might not want to throw caution entirely to the wind, but it’s the summer of 2023, and I think if you want to install an Apple beta, you should just go ahead and do it. Really.
Steven Matteson’s font Aptos, named for an area of Santa Cruz County he came to appreciate deeply as an escape during a stint over the hill, will be the default for the hundreds of millions who use Microsoft products such as Word, Excel and PowerPoint.
This project provides a command line tool called nms that recreates the famous data decryption effect seen on screen in the 1992 hacker movie Sneakers. For reference, you can see this effect at 0:35 in this movie clip.
The search giant will start enabling its new privacy-focused APIs on July 24th, with the goal of phasing out third-party cookies entirely by Q3 2024.
An Archive of Discontinued Services and Apps By Meta (Previously Facebook)
For a standard that’s not even three years old, this was a major win. Or rather, it’s a win for the web community, for photographers and artists, as well as for those of us who created the codec.
An exploration of different scroll based layout switch animations using GSAP’s ScrollTrigger and Flip.
People have been commenting on social media to ask why the brand placed a couple of apparently random gothic Blackadder-style letters on a post featuring Spanish tennis star and current men’s singles number one Carlos Alcaraz. But it’s not the one advert. Nike has been changing up the ‘D’ in several recent adverts.
Google is testing a tool that uses AI to write news stories and has started pitching it to publications, according to a new report from The New York Times. The tech giant has pitched the AI tool to The New York Times, The Washington Post and The Wall Street Journal’s owner, News Corp.
These hilarious snaps shared by social media users worldwide and collated into a gallery by Reddit, feature this type of blunder.
In an all encompassing visual and verbal rebrand of the job searching site, Koto aims to enhance the company’s dedication to workplace transparency.
Although artificial intelligence (AI), and even just the fear of AI, can have negative consequences for photographers, some people are having fun with it. Photographer and educator Dave Williams is one such person. He decided to put AI to use in crafting a fake vacation to Finland, which ultimately fooled nearly all of his Instagram followers.
Is it too clever for its own good?
JetBrains Mono typeface is available under the SIL Open Font License 1.1 license and can be used free of charge, for both commercial and non-commercial purposes. You do not need to give credit to JetBrains, although we will appreciate it very much if you do.
‘Apple GPT’ generative AI could directly compete with tools from OpenAI, Google, Microsoft, and Meta.
Dorelle Rabinowitz discusses micro expressions, taking credit for your work, and the challenges of working on a complex product like Adobe Acrobat
The term Bento Box originates in Japan, where it refers to a meal divided into its constituent parts and packed into a box. But in the design world, Bento Box is a design trend that is having a huge impact on how we design user interfaces.
You’ll have to pay if you want something close to the old one back.
In its tenth iteration the user experience design gets a major update
Microsoft Word is about to get a lot smarter.
Get inspired by these pre-made palettes and make something cool!
Assumptions mapping is important because it creates awareness of team members’ assumptions and potential associated risks. By making assumptions explicit and visible, teams can critically evaluate their validity and test them through research and validation methods.
With an estimated one in every eight individuals worldwide surpassing the age of 60, who are actively adopting online shopping, the need for user-friendly interfaces tailored to their needs becomes apparent.
Wix already has several AI generation options for site creation, but now, it’s betting on algorithms over templates to build a custom site for you.
Playground lets you run a WordPress instance directly from your web browser without having to mess around with a server — no need to install PHP, MySQL or Apache.
When Vogue Brasil tasked Studio DRAMA with creating a new typeface for the magazine’s 2022 redesign, the London-based design studio was inspired by how many vernacular references the client included on the mood board— rich with storymaking material.
Learn Spatial Design from scratch
Amplifying the Human Voice in Business
Full-stack newbies, take note
Did you know you can use emojis and unicode characters as prompts in Midjourney? While working on a project I accidentally entered a single-character prompt. I was expecting an error, what I got was a collection of strange and surreal images. I was curious. So I decided to go deep into the rabbit hole.
SVGmix is a massive (300K+) collection of free SVG icons and brand logos.
It’s the defining cyber crime of the 2020s, and hackers are only just beginning to exploit its potential to make money and sow mayhem
Relax, without a new app.
The new company already has a logo, and it’s causing quite some debate. While some are admiring the simplicity with which it represents xAI’s name in just three straight strokes, others think it’s a botched job/
We’ve seen what Barbie’s house would look like in every US state, but now, let’s take things international. Here are 13 iconic landmarks from around the globe after being given a Barbiemakeover:
Urban planners have been designing for human experiences for nearly 200 years, UI/UX designers can learn from this
AIOS bills itself as an “all-in-one” security solution. A just-fixed bug undermined that.
CSS is evolving faster than ever. With all of the new features that are now available — and forthcoming — since we got Flexbox and Grid years ago, the way we write CSS is evolving, too. In this article, Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet).
How designers have succeeded and failed in our daily lives
This article explains how web designers can use some of the most exciting AI tools (that are currently in existence) to streamline their jobs. It discusses some upcoming AI tools that web designers should watch out for.
Introducing Aptos, our modern successor to Calibri
Stability AI, the startup behind the image-generating model Stable Diffusion, is launching a new service that turns sketches into images.
Sitting down and just thinking hard does not magically produce valuable discoveries either. The essence of the word “interaction” implies a relationship between a human and an environment. In my experience, great revelations surface from making something — filling your headspace with a problem — and then going for a synthesising daydreaming walk to stir the pot.
Roger worked with Nickelodeon’s in-house design team to devise a new Splat logo, contrasting type family and updated colour palette, designed to make the brand more cohesive.
Today we announce the formation of xAI. The goal of xAI is to understand the true nature of the universe.
Perhaps the most significant indication of the iPhone’s maturity is that it’s now largely in sync with releases from its siblings: many features this time around are coming to all of Apple’s devices, so we’ve broken out some of the common features in another piece.
A senior representative from Adobe told Congress on Wednesday that the company supports giving artists the right to stop artificial intelligence systems from being trained on their creative works and indicated it would back a new law from Congress on this issue.
You can now access Bard in new languages and countries, customize responses, add images to your prompts and more.
Many famous logos contain hidden messages – we’ll never forget the first time we saw the arrow inside the FedEx logo (currently top of our list of the best logos of all time). It seems the three ovals within Toyota’s current logo, introduced in 1989, can spell out every letter of Toyota (with the help of a little creative highlighting).
Adobe today announced that its Firefly web service is now available globally with support for text prompts in 100 languages — including Klingon (both Latin and plaqaD, in case you were wondering). The user interface is now available in 20 languages, including in German, French, Japanese, Spanish and Brazilian Portuguese.
Everything we do affects the planet. From recycling and saving water to going electric and reducing our environmental impact – all of these make a difference. But what about web and mobile apps? Yes, these digital resources also play an important role in how much damage gets done to the environment.
A long scroll website can’t just be long. It has to be engaging. It has to be captivating. Think about it like a book – if the first few pages don’t grab your attention, it’s unlikely you’ll read the rest.
This comprehensive guide aims to provide web designers with valuable insights, best practices, and considerations for mastering dark mode design and delivering an exceptional user experience.
The dark horse social network wants to attract the users Twitter and Reddit might be losing — and to do that, it says it needs to be easier to use.
In this article, we will show you how to easily do a UX audit of your WordPress website step-by-step.
Adobe seems to be cracking down on employees using artificial intelligence (AI), including restricting workers’ abilities to sign up for services with their personal emails.
S collection of best practices that designers can consider when building user interfaces.
Revisit the internet of the 90s and early 00s through these retro websites to browse old web designs.
See how fonts change the way you read and write.
What if digital interfaces (like websites and apps) could adapt and improve themselves, like living things do? That’s the vision of Coframe: an AI-powered designer, frontend dev, and A/B testing researcher…that’s continuously self-improving.
Using hyper personalisation has multiple advantages overall. It makes potential users and clients feel heard and understood by creating a curated product or service that is exceptionally reserved for them and them only.
The company says the new logo is meant to feel retro and nostalgic
In user research, between-groups designs reduce learning effects; repeated-measures designs require fewer participants and minimize the random noise.
Learn how to create a design system in Figma with step-by-step practice, covering creating Figma styles and variables for consistent and efficient design workflows.
This project presents an innovative exploration of minimalism and identity, transforming the visages of well-known celebrities into single-line drawings. This unique artistic endeavor challenges perceptions and invites viewers to engage with familiar figures in a new and unexpected way.
We delve deep into the art of storytelling through logos, exploring how symbols and icons can weave narratives that resonate with your target market, leaving an imprint that lasts a lifetime.
Guidelines and strategies for meaningfully leveraging AI in your applications
Supernova is constantly evolving. Throughout the next year, we’ll deliver many improvements to existing Supernova features and introduce brand new ones. Upgrade to version 115 and experience the future of Thunderbird!
A few days ago, OpenAI tweeted that they would be rolling out the Code Interpreter feature to all ChatGPT Plus users. Now, two days later – it looks like the rollout has already started, as I am able to enable and use the feature now.
You enjoyed his iMacs, his iPhones, his iPads. You thrilled at the way he said “aluminium” [sic]. You admired the typeface. Are you ready for the $60,000 turntable? Better make up your mind fast, because Linn is only producing 250 of these handmade bad boys.
The tech giant itself was supposed to roll out many of its redesigned apps starting in May of this year, but for some reason, I, along with others, are just receiving the Google Calendar redesign this week.
There’s no denying that the Magic Mouse 2 is a case of form over function – but hey, at least it looks good.
The European Central Bank launched a survey Monday asking citizens to weigh in on the redesign of euro banknotes, with rivers, birds and European culture among the shortlisted themes.
The Museum collaborated with Laura Coombs, Meg Forsyth, Berton Hasebe and Folder Studio on the update, seeking to prioritise legibility.
Due to the multiple questions that the Threads logo hqas been generating, @Mosseri recently took to Threads to explain the meaning and inspiration behind the Threads logo.
Get awesome looking gradient wallpapers in the style of all those twitter screenshots you see everywhere. Help your apps stand out! Make your desktop, iPhone cool and beautiful with these gradient wallpapers!
Buzzing with inspiration for your color palettes
A really good design with great typography and interesting details with a touch of brutalism. Our pick this week.
They recently added 225 colors to their Pantone Formula Guide, for example, with hues chosen that reflect what they predict will be “the most popular color families of the next decade.”
We tend to perceive symmetrical elements as being connected, even if they are not.
In the week that Meta launches Threads, we ask: can new platforms bring social media back to life? Or should creatives be looking elsewhere for self-promotion?
This article is a collection of fancy 3D effects for images that demonstrate those CSS powers. Get ready to learn how they work as we get our hands dirty with CSS features that add perspective, depth, rotation, and even a slick shine to images that you can use on your next project.
GPT-4 has an extremely useful and emerging ability that is stronger than any other model — self-debug
The reinvigorating days of summer are the perfect time to break out of your typographical comfort zone and try something new. Read on to discover the best new fonts for your design projects.
If you thought your data remains yours alone on Threads, think again. The App Privacy section of Threads’ App Store page lists all the ways in which Threads is tracking you(opens in a new tab) and using your data. Reader, the list is very, very long.
CodeBattle is an interactive platform where you can collaborate with others to solve coding and algorithm problems. Learning becomes exciting and engaging as you work together. Join us and discover the joy of learning algorithms through teamwork.
As of today, the world’s 50 top airlines have all agreed on the same flight search pattern. You always start with a form. Always with a route, always with the departure airport, followed by the destination airport, followed by travel data, followed by passenger data.
This is an audio/visual story exploring the sounds of Mexico City’s streets.
ChatGPT no longer looks like it will keep growing until it’s the most-trafficked website in the world. In other words, Google is in no danger of being eclipsed by the OpenAI tech demo site that turned into a cultural phenomenon.
We’re releasing the “Pan” feature today. Click the new arrow buttons under your upscales to extend the image in that direction. Type /settings and click “Remix mode” to change your prompts every time you pan. Keep panning over and over and craft epic panoramic stories. Have fun!
Combining GSAP’s Scroll Trigger and Flip with a SVG Filter, based on a demo by Fabio Ottaviani.
Read about how the Automattic Design team celebrated the WordPress 20th anniversary.
Disneyland Paris celebrated its 30th anniversary last year (making it officially a millennial), and used the occasion as an opportunity to drop one of the most delightful logos we’ve seen in the last few years. And once again it’s doing the rounds online.
Join our free webinar and transform your design system into a single source of truth for designers & devs. Learn about different Design System Maturity levels and what you can do to reach the highest one.
There are many Figma plugins that convert a design to HTML, and we want to review the best ones.
Trends have a way of repeating themselves. This is perhaps most apparent in fashion – the 1970s drew inspiration from the 1950s, and in a cycle that repeated itself about every 20 years. That said, this design cycle is not exclusive to clothing trends – it can also be seen in other areas, including website design.
The FlightAware MiseryMap® is a visualization of the state of US flight delays and cancellations.
When language is in the driver’s seat of image generation, artists lose the freedom of manipulating pixels outside the boundaries of semantics.
Deception and lies are deeply ingrained in our beloved capitalist system. User experience design couldn’t stay on the sidelines and has assimilated some existing deceptive practices while inventing new ones.
This guide is an interactive deep dive into the d attribute, otherwise known as the path data. It’s the post I wish I had when I first learned about SVG paths! Along the way, we’ll learn about the different types of path commands and how to use them to draw various icons.
Expand your design skillset through live workshops and a-sync lessons, connect with like-minded individuals and get direct access to industry professionals!
Threads is where communities come together to discuss everything from the topics you care about today to what’ll be trending tomorrow. Whatever it is you’re interested in, you can follow and connect directly with your favorite creators and others who love the same things — or build a loyal following of your own to share your ideas, opinions and creativity with the world.
Iconic, bold, colourful and timeless, these are the best logos of the 1980s, from corporate brands to classic movies.
The information architecture of products happens at a higher level of abstraction than the IA of web sites, and is therefore harder to recognize, acknowledge, and discuss.
Want to take a stab at altering reality? You don’t need to wait for Google’s Magic Editor. Photoshop has you covered.
YouTube TV’s “new” look rolls things back to the way they were
Design Army wanted to know if AI was a fad or the future—so it employed AI to design an entire campaign for a longtime client.
50% of potential sales are lost, because users can’t find what they need
It’s the end of a social era on the web. That’s probably a good thing. But I already miss the places that felt like everyone was there.
An update to Google’s privacy policy suggests that the entire public internet is fair game for it’s AI projects.
Explore Leonardo’s world of codices interactively, with an Experiment curated by Martin Kemp and powered by Machine Learning
OpenAI sued for alleged copyright, privacy breaches; outcomes could impact AI rules.
Apple’s Vision Pro has ushered in a new age for designers, and it’s exciting. New set of principles to learn for colours, typography, sizes, accessibility, and so on. Let’s check out some of those guiding principles.
Brooklyn-based illustrator Eva Redamonti specialises in creating highly-intricate illustrations which communicate themes of mental health, science, nature and Futurism. We caught up with her to learn more about her work.
An overview of the most important news in AI on June 2023.
A hand-picked collection of the most innovative and aesthetic websites that we’ve come across in recent weeks.
How writing reframes our knowledge and drives our decisions.
The change reverts back to the issue of the person’s name being rather visually separated from their image. The practice of setting the name in a non-condensed font also creates a bit of an unbalance between the visual weight the first tier carries compared to the identifier in the second tier.