Giter Site home page Giter Site logo

dcard-issues's People

Contributors

imjustchew avatar

Stargazers

 avatar

Watchers

 avatar

dcard-issues's Issues

Flamingo - Kero Kero Bonito

How many shrimps do you have to eat
Before you make your skin turn pink?
Eat too much and you'll get sick
Shrimps are pretty rich

なんであいつらはピンク?
動物園で思った ピンク
食べ物で そうなんだ
実は私はたらこが大好き
プラス エビ カニ 食べよう
ピンク色になるの
だからみんな違う色
人間って勘違いしてるよね

Black, white, green or blue
Show off your natural hue
Flamingo, oh oh oh-woah
If you're multicouloured that's cool too
You don't need to change
It's boring being the same
Flamingo, oh oh oh-woah
You're pretty either way

鶴の尻尾下に向かって曲げたらフラミンゴ
意味不明だけど面白いでしょう
虹色に染まった世界
今日も地球のどこかで
エビをむしゃむしゃ食べて
フラミンゴはピンク色に
染まっていくぜ one two three!

Black, white, green or blue
Show off your natural hue
Flamingo, oh oh oh-woah
If you're multicouloured that's cool too
You don't need to change
It's boring being the same
Flamingo, oh oh oh-woah
You're pretty either way

Flamingo

How many shrimps do you have to eat
Before you make your skin turn pink?
Eat too much and you'll get sick
Shrimps are pretty rich

Green or blue
Show off your natural hue
Slamingo, oh oh oh-woah
If you're multicouloured that's cool too
You don't need to change
It's boring being the same
Flamingo, oh oh oh-woah
You're pretty either way

Flamingo, oh oh oh-woah

Pink

Flamingo, oh oh oh-woah

The Importance of Continuous Learning

Embrace the mindset of a lifelong learner and unlock your full potential for growth and success. Discover the benefits of continuous learning, strategies to acquire new skills efficiently, and ways to apply your knowledge for personal and professional advancement.

The Art of Effective Decision Making

Master the skill of making sound and confident decisions in both personal and professional settings. Learn proven decision-making frameworks, strategies to overcome analysis paralysis, and techniques to evaluate risks and opportunities for optimal outcomes.

The Art of Mindful Living

Explore the transformative power of mindfulness and how it can enhance your overall well-being. Learn practical techniques to cultivate mindfulness in your daily life, reduce stress, and find inner peace amidst the chaos of modern living.

Unleashing Your Creative Potential

Tap into your innate creativity and unleash your innovative ideas. Discover practical exercises and techniques to stimulate your imagination, overcome creative blocks, and cultivate a mindset that fosters originality and unconventional thinking.

We're hiring a Design Engineer + Staff Engineer

We’re hiring a Design Engineer and Staff Software Engineer to work on some ambitious new projects with us.

We’re small on purpose, and we take a lot of pride in punching above our weight. We’re six people, but Tailwind CSS is installed over 30 million times per month, and is used by the world’s biggest companies to build the world’s best websites.

We’re independent and profitable, and we do this because it’s fun. We’re in this to enjoy the actual work we do every day, not to grind it out in hopes of a big exit in the future.

If this sounds like the sort of place you’d like to work, we’d love to hear from you.


​Design Engineer

We’re hiring a Design Engineer to build ambitious interfaces, prototype new ideas, and push the boundaries of what’s possible with Tailwind CSS.

Design engineer

You’d be responsible for things like:

  • Design and build ambitious marketing websites for our open-source projects, commercial products, and events like Tailwind Connect.
  • Design and prototype new features for Tailwind CSS to make sure we’re always using the full potential of the platform.
  • Create new components and templates for Tailwind UI, taking them all the way from initial concept to shipped.
  • Enhance our documentation with visual demos to make it easy for people to understand and apply complex CSS features in their work.
  • Teach and inspire our audience by breaking down interesting things you design and build as articles and social media posts.

Here are some real examples of projects you would have worked on in the last few months:

  • Design and build the Tailwind Connect microsite — including coming up with a unique Markdown-driven badge design experience.
  • Craft the first components for Catalyst — our first fully-componentized React UI kit.
  • Build a tool for capturing videos for our Showcase site — to automate creating preview videos that feel like a real person scrolling through a site.
  • Build interactive demos to explain dynamic viewport units — to include in the documentation along with the release of Tailwind CSS v3.4.

After you start, you’d work on upcoming projects like:

  • Design and build an interactive microsite for the Tailwind CSS v4.0 release with thoughtfully crafted demos that communicate the most important improvements in a visual way.
  • Prototype APIs for scroll-driven animations in Tailwind CSS, finding the right balance between simplicity and flexibility, and making our users feel like they have superpowers.
  • Explore new color palettes with automatic dark mode support, carefully figuring out the right abstractions for different levels of hierarchy that apply universally to different projects.
  • Research and design text-shadow support for Tailwind CSS, finally.

This is a fully remote position with a salary of $275,000 USD, open to candidates in the Eastern (UTC-5) to Central European (UTC+1) timezones.

Learn more about this role and apply →


​Staff Software Engineer

We’re hiring a Staff Software Engineer to work on Tailwind CSS, Headless UI, and our supporting ecosystem of tools like the Tailwind CSS IntelliSense extension for VS Code.

Staff engineer

You’d have a wide range of responsibilities, including:

  • Build and document new features for projects like Tailwind CSS and Headless UI.
  • Contribute improvements to upstream projects like Lightning CSS, Next.js, and Vite.
  • Maintain CI workflows and automations for running tests and building releases.
  • Manage issues and contributions from the community to our open-source repositories.
  • Define and uphold engineering standards with a focus on code quality, performance, and documentation, to make sure we’re always shipping work we can be proud of.
  • Manage project priorities and adjust scope to meet project deadlines without sacrifing on top-level goals.

Here are some real examples of projects you would have worked on in the last few months:

  • Create a Rust library for extracting utility class names — a tool that can scan an entire directory of template files as fast as possible and extract potential class names in parallel.
  • Write a fast CSS parser in TypeScript — to parse only the exact amount of detail needed by Tailwind’s internals, looking for domain-specific shortcuts to make it significantly faster than existing libraries for our needs.
  • Fix an issue with scroll-locking in Headless UI — to make sure scrollable elements in dialogs can still be scrolled on iOS.
  • Campaign for new APIs we need in Vite — prepare a compelling argument for improvements we need to support Tailwind CSS and collaborate with the Vite core team to prototype a solution.

After you start, you’d work on upcoming projects like:

  • Develop a Tailwind CSS bundler plugin for Next.js — to generate your CSS using the module graph instead of scanning the file system, working with our contacts at Vercel to get it right.
  • Design a set of IDE integration APIs for Tailwind CSS — first-class, stable, documented APIs that editor teams like JetBrains can rely on to add things like completions, lint warnings, class sorting, and more to their tools.
  • Design, build, and document a Tooltip component for Headless UI — making sure it’s fully accessible, with a flexible but delightful API.
  • Build a backwards compatibility layer for Tailwind CSS v4.0 — re-introduce support for JavaScript configuration files, explore codemod tooling, and make sure existing community plugins are as compatible as possible with the new engine.

This is a fully remote position with a salary of $275,000 USD, open to candidates in the Eastern (UTC-5) to Central European (UTC+1) timezones.

Learn more about this role and apply →

The Art of Effective Problem Solving

Develop the skills to tackle complex problems and make effective decisions. Learn proven problem-solving frameworks, critical thinking techniques, and strategies to generate creative solutions and drive positive change in any situation.

Mastering the Art of Public Speaking

Overcome your fear of public speaking and become a confident and engaging presenter. Discover essential tips and techniques to captivate your audience, deliver compelling messages, and leave a lasting impact through your words.

The Power of Gratitude and Positive Thinking

Why.

Harness the transformative power of gratitude and positive thinking to enhance your overall well-being and success. Learn practical techniques to cultivate a grateful mindset, reframe negative thoughts, and attract positivity and abundance into your life.

Mastering the Art of Productivity

Discover proven strategies to optimize your productivity and achieve more in less time. Learn effective time management techniques, ways to eliminate distractions, and methods to prioritize tasks for maximum efficiency and success.

Career - Dcard

加入我們,一起打造世界級網路公司,創造更多發生共鳴的契機。

全部工作機會 All

全部地區 All

AD

2 個工作機會

Campaign Planner 廣告企劃

Taipei City, Taiwan

投履歷

Senior Campaign Planner - 廣告影音

Taipei City, Taiwan

投履歷

AD - Platform

3 個工作機會

Customer Success Manager

Taipei City, Taiwan

投履歷

廣告財務行政專員

Taipei City, Taiwan

投履歷

Senior Customer Success Manager

Taipei City, Taiwan

投履歷

Android

2 個工作機會

Senior Android Engineer

Taipei City, Taiwan

投履歷

Android Engineer

Taipei City, Taiwan

投履歷

Backend

1 個工作機會

Senior Backend Engineer

Taipei City, Taiwan

投履歷

Design

3 個工作機會

Visual Designer

Taipei City, Taiwan

投履歷

Product Designer

Taipei City, Taiwan

投履歷

Product Design Manager

Taipei City, Taiwan

投履歷

EC

7 個工作機會

E-commerce Business Development, Category Team

Taipei City, Taiwan

投履歷

E-Commerce Associate Marketing Specialist, Campaign

Taipei City, Taiwan

投履歷

E-commerce Senior Account Manager - Category Team

Taipei City, Taiwan

投履歷

E-commerce Senior Marketing Specialist (Client)

Taipei City, Taiwan

投履歷

E-commerce Sales Assistant 電商業務助理

Taipei City, Taiwan

投履歷

E-Commerce Marketing Specialist, Campaign

Taipei City, Taiwan

投履歷

E-Commerce Marketing Specialist, Brand

Taipei City, Taiwan

投履歷

Engineering

1 個工作機會

Engineering Manager

Taipei City, Taiwan

投履歷

Finance / Administration

1 個工作機會

資深會計專員 / 主辦會計

Taipei City, Taiwan

投履歷

Intern/PT

22 個工作機會

社群營運實習生

Taipei City, Taiwan

投履歷

行銷實習生

Taipei City, Taiwan

投履歷

看板管理工讀生

Taipei City, Taiwan

投履歷

廣告企劃實習生

Taipei City, Taiwan

投履歷

コンテンツマーケティングインターン| Content Marketing Intern - Dtto Japan

Tokyo Prefecture, Japan

投履歷

マーケティングインターン | Marketing Intern - Dtto Japan

Tokyo Prefecture, Japan

投履歷

人事総務インターン | HR/Admin Intern - Dtto Japan

Tokyo Prefecture, Japan

投履歷

MIS 工讀生

Taipei City, Taiwan

投履歷

電商供應商營運實習生

Taipei City, Taiwan

投履歷

廣告行政工讀生

Taipei City, Taiwan

投履歷

Marketing & Operations Intern_Malaysia

Taipei City, Taiwan

投履歷

Content Marketing Intern_Malaysia

Taipei City, Taiwan

投履歷

Hong Kong Content Marketing Intern

Taipei City, Taiwan

投履歷

電商行銷實習生 - 企劃

Taipei City, Taiwan

投履歷

電商行銷實習生 - 營運

Taipei City, Taiwan

投履歷

Ads Platform Outbound Sales Assistant 廣告平台業務開發助理

Taipei City, Taiwan

投履歷

総務アルバイト | Admin Part time - Dtto Japan

Tokyo Prefecture, Japan

投履歷

(短期專案)內容標記工讀生

Taipei City, Taiwan

投履歷

2024 Frontend Intern

Taipei City, Taiwan

投履歷

2024 Backend Intern

Taipei City, Taiwan

投履歷

廣告攝影企劃實習生

Taipei City, Taiwan

投履歷

社群營運實習生(內容領域)

Taipei City, Taiwan

投履歷

IP

1 個工作機會

IP 角色內容寫手 ( Contractor 接案性質 )

Taipei City, Taiwan

投履歷

Japan - Community

1 個工作機會

コミュニティスペシャリスト|Community Specialist - Dtto Japan

Tokyo Prefecture, Japan

投履歷

Japan - Marketing

2 個工作機會

マーケティングスペシャリスト | Marketing Specialist - Dtto Japan

Tokyo Prefecture, Japan / Taipei City, Taiwan

投履歷

シニアマーケティングスペシャリスト | Senior Marketing Specialist - Dtto Japan

Taipei City, Taiwan / Tokyo Prefecture, Japan

投履歷

Machine Learning

2 個工作機會

Machine Learning Backend Engineer

Taipei City, Taiwan

投履歷

Backend Engineer (Python)

Taipei City, Taiwan

投履歷

MIS

1 個工作機會

(Senior) MIS Engineer

Taipei City, Taiwan

投履歷

People

4 個工作機會

People Business Partner

Taipei City, Taiwan

投履歷

(Senior) Talent Acquisition Specialist (短期聘僱)

Taipei City, Taiwan

投履歷

Talent Acquisition Specialist - Dtto (Contractor)

Taipei City, Taiwan

投履歷

(Senior) Talent Acquisition Specialist

Taipei City, Taiwan

投履歷

Product

1 個工作機會

Senior Product Manager

Taipei City, Taiwan

投履歷

Security

1 個工作機會

Security Auditor 資安稽核員

Taipei City, Taiwan

投履歷

Social Taiwan - Community

1 個工作機會

Community Operations Specialist 社群營運專員

Taipei City, Taiwan

投履歷

Social Taiwan - Customer Service

1 個工作機會

客服人員 Customer Service

Taipei City, Taiwan

投履歷

Social Taiwan - Marketing

1 個工作機會

Senior Manager of Marketing and Operations, Taiwan

Taipei City, Taiwan

投履歷

Video

1 個工作機會

短影音企劃

Taipei City, Taiwan

投履歷

We're hiring a Design Engineer + Staff Engineer

We’re hiring a Design Engineer and Staff Software Engineer to work on some ambitious new projects with us.

We’re small on purpose, and we take a lot of pride in punching above our weight. We’re six people, but Tailwind CSS is installed over 30 million times per month, and is used by the world’s biggest companies to build the world’s best websites.

We’re independent and profitable, and we do this because it’s fun. We’re in this to enjoy the actual work we do every day, not to grind it out in hopes of a big exit in the future.

If this sounds like the sort of place you’d like to work, we’d love to hear from you.


​Design Engineer

We’re hiring a Design Engineer to build ambitious interfaces, prototype new ideas, and push the boundaries of what’s possible with Tailwind CSS.

Design engineer

You’d be responsible for things like:

  • Design and build ambitious marketing websites for our open-source projects, commercial products, and events like Tailwind Connect.
  • Design and prototype new features for Tailwind CSS to make sure we’re always using the full potential of the platform.
  • Create new components and templates for Tailwind UI, taking them all the way from initial concept to shipped.
  • Enhance our documentation with visual demos to make it easy for people to understand and apply complex CSS features in their work.
  • Teach and inspire our audience by breaking down interesting things you design and build as articles and social media posts.

Here are some real examples of projects you would have worked on in the last few months:

  • Design and build the Tailwind Connect microsite — including coming up with a unique Markdown-driven badge design experience.
  • Craft the first components for Catalyst — our first fully-componentized React UI kit.
  • Build a tool for capturing videos for our Showcase site — to automate creating preview videos that feel like a real person scrolling through a site.
  • Build interactive demos to explain dynamic viewport units — to include in the documentation along with the release of Tailwind CSS v3.4.

After you start, you’d work on upcoming projects like:

  • Design and build an interactive microsite for the Tailwind CSS v4.0 release with thoughtfully crafted demos that communicate the most important improvements in a visual way.
  • Prototype APIs for scroll-driven animations in Tailwind CSS, finding the right balance between simplicity and flexibility, and making our users feel like they have superpowers.
  • Explore new color palettes with automatic dark mode support, carefully figuring out the right abstractions for different levels of hierarchy that apply universally to different projects.
  • Research and design text-shadow support for Tailwind CSS, finally.

This is a fully remote position with a salary of $275,000 USD, open to candidates in the Eastern (UTC-5) to Central European (UTC+1) timezones.

Learn more about this role and apply →


​Staff Software Engineer

We’re hiring a Staff Software Engineer to work on Tailwind CSS, Headless UI, and our supporting ecosystem of tools like the Tailwind CSS IntelliSense extension for VS Code.

Staff engineer

You’d have a wide range of responsibilities, including:

  • Build and document new features for projects like Tailwind CSS and Headless UI.
  • Contribute improvements to upstream projects like Lightning CSS, Next.js, and Vite.
  • Maintain CI workflows and automations for running tests and building releases.
  • Manage issues and contributions from the community to our open-source repositories.
  • Define and uphold engineering standards with a focus on code quality, performance, and documentation, to make sure we’re always shipping work we can be proud of.
  • Manage project priorities and adjust scope to meet project deadlines without sacrifing on top-level goals.

Here are some real examples of projects you would have worked on in the last few months:

  • Create a Rust library for extracting utility class names — a tool that can scan an entire directory of template files as fast as possible and extract potential class names in parallel.
  • Write a fast CSS parser in TypeScript — to parse only the exact amount of detail needed by Tailwind’s internals, looking for domain-specific shortcuts to make it significantly faster than existing libraries for our needs.
  • Fix an issue with scroll-locking in Headless UI — to make sure scrollable elements in dialogs can still be scrolled on iOS.
  • Campaign for new APIs we need in Vite — prepare a compelling argument for improvements we need to support Tailwind CSS and collaborate with the Vite core team to prototype a solution.

After you start, you’d work on upcoming projects like:

  • Develop a Tailwind CSS bundler plugin for Next.js — to generate your CSS using the module graph instead of scanning the file system, working with our contacts at Vercel to get it right.
  • Design a set of IDE integration APIs for Tailwind CSS — first-class, stable, documented APIs that editor teams like JetBrains can rely on to add things like completions, lint warnings, class sorting, and more to their tools.
  • Design, build, and document a Tooltip component for Headless UI — making sure it’s fully accessible, with a flexible but delightful API.
  • Build a backwards compatibility layer for Tailwind CSS v4.0 — re-introduce support for JavaScript configuration files, explore codemod tooling, and make sure existing community plugins are as compatible as possible with the new engine.

This is a fully remote position with a salary of $275,000 USD, open to candidates in the Eastern (UTC-5) to Central European (UTC+1) timezones.

Learn more about this role and apply →

The Power of Effective Communication

Enhance your communication skills and build stronger relationships in both personal and professional settings. Learn active listening techniques, assertive communication strategies, and ways to convey your message with clarity, empathy, and impact.

Mastering the Art of Negotiation

Become a skilled negotiator and achieve favorable outcomes in both personal and professional interactions. Learn effective negotiation techniques, strategies to build rapport, and tactics to navigate complex negotiations with confidence and finesse.

Cultivating Resilience in the Face of Adversity

Build mental toughness and develop the ability to bounce back from setbacks and challenges. Discover effective coping mechanisms, mindset shifts, and practical strategies to cultivate resilience and thrive in the face of adversity.

The Art of Effective Leadership

Develop the essential skills and qualities of an effective leader. Learn how to inspire and motivate teams, foster a positive work culture, and make strategic decisions that drive success and growth in any organization.

Unlocking the Secrets of Effective Time Management

Discover proven strategies to maximize your productivity and achieve your goals through effective time management techniques. Learn how to prioritize tasks, eliminate distractions, and create a balanced schedule that works for you.

The Importance of Self-Care for Well-Being

Prioritize self-care and maintain optimal physical, mental, and emotional well-being. Learn practical self-care strategies, ways to manage stress, and techniques to cultivate a healthy work-life balance for a more fulfilling and balanced life.

Mastering the Art of Conflict Resolution

Learn effective strategies to resolve conflicts and maintain harmonious relationships. Discover proven conflict resolution techniques, communication skills, and ways to foster understanding and collaboration in both personal and professional settings.

The Power of Positive Self-Talk

Harness the transformative power of positive self-talk to boost your confidence, motivation, and overall well-being. Learn how to identify and challenge negative thought patterns, replace them with empowering affirmations, and cultivate a mindset of self-belief and optimism.

UX/UI Design Trends Going Into 2024

https://medium.com/prototypr/ux-ui-design-trends-going-into-2024-ca43a839b541

very year, we have a line up of new design trends that not only look good, but also stick around and influence other designers to “steal” the trend. Love it or hate it, there are actually some design waves that are smart and functional. These functions could range from including more information in less space, to build more engagement with the users.

Let’s have a look at some of these trends that are here to stay and are taking over the internet!

More Than a Child’s Lunch Box — Bento Boxes
Bento boxes are a staple in Japan’s culture of tiffins and lunch boxes. They are well known for storing food in a rather organised format and keeping things clean.

Bento boxes
Image credits — Freepik
We’ll never know who thought about this, however bento boxes are as great digitally on a screen as they are filled with food in a bag.

Bento is another design trend that started making waves on platforms like Dribbble and Behance for millions of designers to pick up on, however the concept of “modular” design started with dashboards for websites. This includes sales and finance dashboards like PayPal, analytics like Google Ads, and a bunch more.

Remember Windows phone and Lumia? Well, the UI they used was essentially early iterations of Bento designs. Later, Microsoft also implemented this concept to their Windows desktop start menu with Windows 8.

Windows 8 Bento Designs
Windows 8 start menu
While being used by the industry all over, Bento designs blew up completely when Apple decided to first use a Bento grid. They initially used it on their iPhone landing pages, but soon expanded to Apple event slides and presentations.

Another Apple poster
Apple is widely known to start megatrends, and Bento was just one of these. Every designer and their uncle was using Bento for presentations, websites, product launches, and the list goes on.

The biggest difference between older bento-like designs and the new trend, is that each section of the grid signifies a unique space instead of being a part of a group.

Unlike a lot of other UI design trends, Bento is actually evolving to be more than just a pretty layout style. It has now evolved to include product demos, mixed with some other unique layouts, and even stylised with new visual design concepts.

Have a look at this:

Diagram AI design tool — Bento grid
Live demo of bento interactions
The above example is from diagram.com, which uses bento grids to show real life examples of what its tool can do through an interactive experience. This makes the tool so much more appealing and tells the users what they should expect.

To help designers like us, there are some websites dedicated to Bento design inspiration from all over the web. One such website is bentogrids.com, that has a large collection of just Bento grids for UI and graphic design. Bless the creators of this website!

Spatial Design Trends & Leaps in Technology
You’ve just woken up and picked up your phone to view “important emails” while going number two, and your entire feed is full of Apple’s new Vision Pro. This was the exact morning of every tech and design enthusiast in the world on June 5th of 2023.

Image credits — Apple.com
For the next few weeks, this was all the tech world could talk about, and every designer was trying to pick up spatial design skills. Apart from the design trend, various AR/VR startups came to the forefront and their tech was finally being spoken about. This gave a real boost to AR and VR, one that was truly needed.

With great tech, comes great design potential. From smartwatches to folding phones, designers have always come forward to show their true adaptability. Spatial design was no exception.

A glimpse of what is to come
This comes with the launch of a popular designer focused tool called “Bezi”. It’s very close to design tools like Figma and Spline, but with the added 3rd dimension. Designers can get into spatial design, connect a working AR/VR headset, and create interactive spatial experiences.

A little glimpse of what Bezi allows us to create:

Demo from Bezi.com
A large contributor to better AR/VR experiences, is better UX. Deeply understanding the tech behind the pretty designs, using an actual VR headset, testing things out in spatial environments, will all be part of the job. There will definitely be a lot of new lessons and changes to our current understanding of UX as we go along. However, this is one of those skills you want to stack up right now, and possibly use in the future.

Apart from the large imagination and deep pockets of Apple, there are some less tech-savvy companies which bring a whole new experience to wearing glasses.

Even though Google’s project “Google Glasses” never touched real big production, the sunglass company RayBan has entered the smart wearables race with their new Meta Wayfarer.

Image credits — RayBan
Don’t let the normal RayBan design fool you; The in-built cameras and smart features allow you to store video/images and livestream to social media. This brings a new dimension to user experience and customer experience. Perhaps, a trend for the year 2025. Who knows!

Everyone Can Animate!
A new trend is often born when a new skill becomes accessible to more people.

This was one mission that LottieFiles had. When I joined the company as an evangelist, I was already in awe of the easy animations we could add to any UI in any tool. Looking at the demand for lottie animations, they even launched a plugin for Figma that allows us to convert our Figma animations into an exportable lottie JSON file.

Demo of Figma to LottieFiles
LottieFiles plugin for Figma
This eradicates the large learning curve of After Effects and similar softwares. Hence, more designers can animate quickly on their own.

You will also start to notice enticing interactions on every company’s landing page nowadays. This is all thanks to the ever-growing need for differentiating experiences for website visitors, and a greater demand for storytelling as a tool to sell products/services.

Take the following landing page interaction for example:

Apple Watch Series 9 Landing Page — Double Tap Interaction on Scroll
With scroll animations in place, visitors will be engrossed in what you have to present to them. No-code tools like Webflow and Framer are forever innovating to bring such animation capabilities to designers without the hassle of writing long lines of code.

One would think the ride ends here. Animation may have peaked and there is nothing more to look forward to. Fortunately for us, people in tech are always looking for the next big thing. Also, due to a never ending slew of capable tools, everything you can imagine becomes possible.

One such possibility has been the new “animated button trend”. A new UI style that brings in animation techniques to liven up a simple button. These changes range from a simple stroke animation around the button, to literal stars moving inside the button on mouse hover.

GIF by “@learnframer” on X
Such trends are often created by a domino effect. First one designer’s social post gets popularity, and then other prominent designers follow.

The End of Flat Design?
Of lately, a lot of designers are talking about how the design world is shifting from flat design (like the one you see here on Medium), to more pseudo realistic visual styles. These include 3D graphics, depth effects, neuemorphism, skeuomorphism, etc.

Recently, we saw a ton of companies implement 3D as a core style. Even though it might not show up right now on web and app design, logos are being updated with this new trend.

Just a few good examples of the new 3D wave made by
Chan Karunaratne
Much like the other design trends, a huge reason for people to implement these styles is an introduction of “easy-to-use” web based 3D tools like Spline and Vectary that make including 3D assets on web and app super easy. They also bring 3D assets to life using animations, with some of the shortest learning curves I’ve experienced.

It’s crazy to me as to how a basic linear gradient and some shadows, can add depth and a 3rd dimension to your designs and assets.

Another company that has always driven design and trends is Airbnb. They are widely renowned from their simple yet effective app designs and interactions. In 2023, they announced an app update that would really bring some new, important features.

What did they do? They incorporated more than a dozen 3Dish visual elements, and their announcement video is almost all about 3D.

Launch video by Airbnb
Isometric visuals, 3D characters and animations, and a slew of app interactions makes me want to watch on repeat. The transition from flat to 3D is truly slow and steady, which is why I believe this trend is here to stay.

Now, who started this trend is always going to be a mystery, but the demand for realistic and relatable designs, drives us to innovate for the user, and for our own selfish creative reasons of course.

The Flood of A.I. Design Tools — Friends or Foe?
Artificial intelligence is the most used and recognised word in tech in the past decade. While some designers take it as a threat to their career’s future, most of us are using this tech to create the best designs faster.

Adobe Firefly being used for video manipulation
A set of design tools advertising themselves as “A.I. powered”, are trying to implement Open A.I. APIs at various levels, and are also working on their own A.I. model. However, most of these A.I. features are simply gimmicks. Randomly designing UI, shuffling assets around, and even providing basic solutions to tough problems. These are just a few of the criticisms I have, which are backed by a lot of community members.

In the clutter of these gimmicks, there are a few heroes that come to save the day. One such hero is Relume, a definite fan favorite. This Webflow focused company, launched something called Relume A.I., a powerful wire-framing and site-mapping tool.

Relume A.I in action
You put in a prompt, which is essentially your project description, and it spews out a complete and detailed site-map and a wire-frame as well. This wire-frame is full of relevant data and layouts that can be quickly copied over to Figma and Webflow.

Also, am I the only one who thinks Chat-GPT is ruining human creativity and building dependency?

More Careful & Empathetic UX

Image by Josh Calabrese
Enough about visuals and UI designs. UX has evolved to say the least, and this is something that can be justified by what UX researchers and designers are focusing on. This means leaning the process down to make designs accessible and inclusive.

A ton of designers are dipping their toes into the lake of usability over visual design. This has brought simpler and actionable designs to the centre. Designers are sticking to what works, rather than reinventing the wheel, despite the changes to the industry in the past few years.

Google trends graph on “UX Accessibility” from 2019 to 2023
The above Google trends graph shows how accessible design has become a truly industrial requirement.

These accessibility techniques range from color contrast, readable fonts, recognisable action elements, all the way to shadowing differently-abled humans to bring accessibility focused features to the board.

Why is Accessibility In Demand?
Accessibility is also being pushed hard due to the current need to design for people of all ages and even physical limitations. Companies want to cash in on all different demographics and are also pushing for inclusivity at every aspect. As more and more people go digital, it is almost mandatory for a designer to focus on accessible design.

Courses and bootcamps sniffed the demand from miles away and are also preparing students to get into design with a good knowledge of accessible design.

Personalisation
Apart from Accessibility, personalisation is what is really keeping people locked into an app or website. You must have seen this little message on YouTube before —

Youtube assessing what kind of content you like to give you better recommendations
You might also observe various apps experimenting with a new feature for a few days, and then pulling it back because users didn’t appreciate it. This is a direct representation of how UX designers are taking the lead when it comes to the future of products and services.

If you liked the article, a quick clap would go a long way. Following me here on Medium will keep you up-to-date with my new articles and designs.

The Power of Emotional Intelligence

Understand the significance of emotional intelligence in personal and professional success. Learn how to develop self-awareness, empathy, and effective communication skills to build stronger relationships and navigate complex emotional situations with ease.

Cultivating a Growth Mindset for Success

Develop a growth mindset and unlock your true potential for personal and professional growth. Understand the power of embracing challenges, learning from failures, and persisting in the face of setbacks to achieve remarkable success in all areas of life.

The Art of Effective Goal Setting

Master the art of setting and achieving meaningful goals that align with your values and aspirations. Learn proven goal-setting techniques, strategies to overcome obstacles, and methods to stay motivated and accountable throughout your journey.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.