Free AI-Website Builder, Scene, Helps With the Worst Part of Site Design

Original Source: https://www.webdesignerdepot.com/free-ai-website-builder-scene/

As we’ve been hearing constantly for the last couple of years, AI will soon replace every creative job and we’ll all have to retrain as mechanics or tree surgeons or something. This prediction, apart from being unrealistic, also sounds totally dystopian.

How to Overcome Impostor Syndrome Easily

Original Source: https://www.hongkiat.com/blog/imposter-syndrome/

“Impostor!” You might think this damning word belongs only in TV shows, movies, and other entertainment media, uttered in response to the revelation that a character isn’t who they claim to be. You’d be wrong.

In fact, 70 percent of us hear it every day – from our own minds. That, ladies and gentlemen, is what is known as impostor syndrome.

Contrary to what its name may suggest, impostor syndrome is not a disease. It’s a response to an inability to internalize one’s own accomplishments and successes and is characterized by feelings of fakery (“I’m not as good as they say I am.”), giving too much credit to luck (“Oh, that award? It was a fluke, really.”), and downplaying success (“What I accomplished isn’t a big deal; others have done it before.”).

It’s somewhat different from low self-esteem in that the person experiencing it actually does have something to be proud of but is somehow having difficulty acknowledging the fact.

Does that sound like you so far? If your answer is “Yes”, here’s what you can do to cope better with those feelings of fakery.

7 Insane Habits to Kill Your Freelance Writing Career

.no-js #ref-block-post-16448 .ref-block__thumbnail { background-image: url(“https://assets.hongkiat.com/uploads/thumbs/250×160/habits-to-destroy-freelance-career.jpg”); }

7 Insane Habits to Kill Your Freelance Writing Career

It takes years to build up trust, and only seconds to destroy it. I am pretty sure the… Read more

Acknowledge That You Have It

The idea of having any kind of “syndrome” (whether it’s technically a disease or not) is terrifying.

Who wants to go out and tell the world, “Hey, I have impostor syndrome!” anyway?

self doubtself doubt

Still, if your belief that you’re a fraud is severely inhibiting your potential as a person, there’s no denying it: You have a problem, and you need to deal with it as soon as possible.

Understand Why You Have It

It may sound strange, but impostor syndrome happens most frequently to high-achieving individuals. Many of these individuals grow up in an environment where there’s immense pressure to excel, where family members are highly critical and/or conflicted, and where appearances are everything. (Of course, there are high achievers who are also well-adjusted individuals, but that’s another story altogether.)

For example, if you had five siblings who were all valedictorians in school, and you’re not, you may have always felt the need to prove yourself. Even when you graduated from school, landed a well-paying job, and became an achiever in your own right, you still think you’re not good enough, because you’ve internalized the idea that you’ll always be inferior to your more “naturally talented” siblings.

simposter syndromesimposter syndrome

Once you realize and accept that what’s holding you back are your deep-seated feelings of inadequacy, rather than your actual abilities (which, in all likelihood, are pretty good), that’s the time you can begin to come to terms with your impostor syndrome.

Reframe Your Views on Success

Do you believe that successful people achieved what they did because they’re “special” in a way that you can never be?

You’re right. They’re special in their own way. They’re well aware of their ability to do something that no one else can do, and they took full advantage of that ability for their own benefit.

Surely, you can do the same?

small successsmall success

Then again, you may be framing your success in terms of their success. As long as you keep doing that, you’ll never feel truly accomplished. To quote Max Ehrmann’s 1927 poem Desiderata, “If you compare yourself with others, you may become vain and bitter; for always there will be greater and lesser persons than yourself.”

Instead, take a look at where you are today vis-á-vis where you were yesterday. If you’re one step closer to your idea of success, regardless of whether other people have already achieved what you want to achieve, that’s already a success in itself. It’s all a matter of keeping it up until the end.

Why Success Stories Of Others May Not Work For You

.no-js #ref-block-post-18026 .ref-block__thumbnail { background-image: url(“https://assets.hongkiat.com/uploads/thumbs/250×160/pre-packaged-recipes-success.jpg”); }

Why Success Stories Of Others May Not Work For You

We all have read advice by our career heroes on how they achieved the massive fame fortune, and… Read more

Reframe Your Views on Failure

If you feel like even your tiniest mistakes set the wheels of the apocalypse in motion, that’s another sign of impostor syndrome.

get up from fallget up from fall

Think of your mistakes as stepping stones rather than obstacles to success. Mistakes are a sign that you’re trying to grow outside of your comfort zone. Even in the unfortunate event that you end up going several steps backward because you did something wrong, you still have the choice to get up and move forward again.

If you decide to move forward, keep in mind that you don’t need to walk the same road you did before. What’s important is that you keep walking.

Don’t Equate Confidence with Arrogance

Let’s be clear on one thing: Overcoming impostor syndrome is not the same as becoming a more arrogant person.

Arrogance and impostor syndrome are both manifestations of the same problem: A distorted view of the self. Arrogant people exaggerate their best qualities and deny their worst ones, whereas people with impostor syndrome do the opposite.

confidenceconfidence

What you want is to become a more confident person. Confident people have an accurate picture of both their strengths and weaknesses, aren’t afraid to put both of these on display, and have respect for themselves and others.

Keep Going At It

As much as we’d like to tell you that there’s a way to vanquish impostor syndrome instantly and forever, the truth is: There isn’t.

You’re trying to unlearn beliefs that took years to embed themselves in your psyche, so it’s probably going to take a while (read: a long time) before you finally stop calling yourself an “impostor”.

Also, you’ll keep encountering people and situations that will constantly test your self-confidence. With all that in mind, we do hope that this post will help keep those “impostor” feelings in check, and enable you to reach your full potential.

Have you ever had a brush with impostor syndrome? If yes, how did you deal with it? Please do share in the comments section below.

The post How to Overcome Impostor Syndrome Easily appeared first on Hongkiat.

It’s Time To Talk About “CSS5”

Original Source: https://smashingmagazine.com/2024/08/time-to-talk-about-css5/

We have been talking about CSS3 for a long time. Call me a fossil, but I still remember the new border-radius property feeling like the most incredible CSS3 feature. We have moved on since we got border-radius and a slew of new features dropped in a single CSS3 release back in 2009.

CSS, too, has moved on as a language, and yet “CSS3” is still in our lexicon as the last “official” semantically-versioned release of the CSS language.

It’s not as though we haven’t gotten any new and exciting CSS features between 2009 and 2024; it’s more that the process of developing, shipping, and implementing new CSS features is a guessing game of sorts.

We see CSS Working Group (CSSWG) discussions happening in the open. We have the draft specifications and an archive of versions at our disposal. The resources are there! But the develop-ship-implement flow remains elusive and leaves many of us developers wondering: When is the next CSS release, and what’s in it?

This is a challenging balancing act. We have spec authors, code authors, and user agents working both interdependently and independently and the communication gaps are numerous and wide. The result? New features take longer to be implemented, leading to developers taking longer to adopt them. We might even consider CSS3 to be the last great big “marketing” push for CSS as a language.

That’s what the CSS-Next community is grappling with at this very moment. If you haven’t heard of the group, you’re not alone, but either way, it’s high time we shed light on it and the ideas coming from it. As someone participating in the group, I thought I would share the conversations we’re having and how we’re approaching the way CSS releases are communicated.

Meet The CSS-Next Community

Before we formally “meet” the CSS-Next group, it’s worth knowing that it is still officially referred to as the CSS4 Community Group as far as the W3C is concerned.

And that might be the very first thing you ought to know about CSS-Next: it is part of the W3C and consists of CSSWG members, developers, designers, user agents, and, really, anyone passionate about the web and who wants to participate in the discussion. W3C groups like CSS-Next are open to everyone to bring our disparate groups together, opening opportunities to shape tomorrow’s vision of the web.

CSS-Next, in particular, is where people gather to discuss the possibility of raising awareness of CSS evolutions during the last decade. At its core, the group is discussing approaches for bundling CSS features that have shipped since CSS3 was released in 2009 and how to name the bundle (or bundles, perhaps) so we have a way of referring to this particular “era” of CSS and pushing those features forward.

Why We Need A Group Like CSS-Next

Let’s go back a few years. More specifically, let’s return to the year 2020.

It all started when Safari Evangelist Jen Simmons posted an open issue in the CSSWG’s GitHub repo for CSS draft specifications requesting a definition for a “CSS4” release.

This might be one of the biggest responses — if not the biggest response — to a CSSWG issue based solely on emoji reactions.

The idea of defining CSS4 had some back-ups by Chris Coyier, Nicole Sullivan, and PPK. The idea is to push technologies forward and help educators and site owners, even if it’s just for the sake of marketing.

But why is this important? Why should we care about another level or “CSS Saga”? To get to that point, we might need to talk about CSS3 and what exactly it defines.

What Exactly Is “CSS3”?

The CSS3 grouping of features included level-3 specs for features from typography to selectors and backgrounds. From this point on, each CSS spec has been numbered individually.

However, CSS3 is still the most common term developers use to define the capabilities of modern CSS. We see this across the web, from the way educational institutions teach CSS to the job requirements on resumes.

The term CSS3 loses meaning year-over-year. You can see the dilution everywhere. The earliest CSS3 drafts were published in June 1999 — before many of my colleagues were even born — and yet CSS is one of the fastest-growing languages in the current webscape.

What About The CSS3 Logo?

When we look at job postings, we run into vacancies asking for knowledge of CSS3, which is over 10 years old. Without an updated level, we’re just asking if you’ve written CSS since the border-radius property came out. Furthermore, when we want to learn CSS, a CSS3 logo next to educational materials no longer signals current material. It kind of feels like time has stood still.

Here’s an example job posting that illustrates the issue:

But that’s not all. If you do a Google search on “Learn CSS” and check the images, you might be surprised how many CSS3 logos you can spot:

About 50% of the images show the CSS3 badge. To me, this clearly signals:

People want badges or logos to aid in signaling skills.
The CSS3 brand has made a large impact on the web ecosystem.
The CSS3 logo has reached the end of its efficacy.

CSS3 had still has a huge impact on the ecosystem. The same logo is trying to say it teaches Flexbox all the way to color-mix() — a spread of hundreds of CSS features.

What Exactly Does “Modern CSS” Mean?

CSS3 and HTML5 were big improvements to those respective languages — we’ve come a long way since then. We have features that people didn’t even think were possible back in 2012 (when we officially spoke of CSS3 as a level).

For example, there was a time when people thought that containers didn’t know anything and it never be possible to style an element based on the width of its parent. But now, of course, we have CSS Container Queries, and all of this is possible today. The things that are possible with CSS changed over time, as so beautifully told by Miriam Suzanne at CSS Day 2023.

We do not want to ignore the success of CSS3 and say it is wrong; in fact, we believe it’s time to repeat the tremendous success of CSS3.

Imagine yourself 10 years from now reading a “modern” CSS feature that was introduced as many as 10 years ago. It wouldn’t add up, right? Modern is not a future-proof name, something that Geoff Graham opined when asking the correct question, “What exactly is ‘Modern CSS’?”

“Naming is always hard, yet it’s just something we have to do in CSS to properly select things. I think it’s time we start naming [CSS releases] like this, too. It’s only a matter of time before “modern” isn’t “modern” anymore.”

— Geoff Graham

This is exactly where the CSS-Next community group comes in.

Let’s Talk About “CSS Eras”

The CSS-Next community group aims to align and modernize the general understanding of CSS in the wider developer community by labeling feature sets that have shipped since the initial set of CSS3 features, helping developers upskill their understanding of CSS across the ecosystem.

Why Isn’t This Part Of The Web Platform Baseline?

The definition of what is “current” CSS changes with time. Sometimes, specs are incomplete or haven’t even been drafted. While Baseline looks at the current browser support of a feature in CSS, we want to take a look at the evolution of the language itself. The CSS levels should not care about which browser implemented it first.

It might be more nuanced than this in reality, but that’s pretty much the gist. We also don’t want it to become another “modern CSS” bucket. Indeed, referring to CSS3 as an “era” has helped compartmentalize how we can shift into CSS4, CSS5, and beyond. For example, labeling something as a “CSS4” feature provides a hint as far as when that feature was born. A feature that reaches “baseline” meanwhile merely indicates the status of that feature’s browser implementation, which is a separate concern.

Identifying features by era and implementation status are both indicators and provide meta information about a CSS feature but with different purposes.

Why Not Work With An Annual Snapshot Instead Of A Numbered Era?

It’s fair to wonder if a potential solution is to take a “snapshot” of the CSS feature set each year and use that as a mile marker for CSS feature releases. However, an annual picture of the language is less effective than defining a particular era in which specific features are introduced.

There were a handful of years when CSS was relatively quiet compared to the mad dash of the last few years. Imagine a year in which nothing, or maybe very few, CSS features are shipped, and the snapshot for that year is nearly identical to the previous year’s snapshot. Now imagine CSS explodes the following year with a deluge of new features that result in a massive delta between snapshots. It takes mental agility to compare complete snapshots of the entire language and find what’s new.

Goals And Non-Goals

I think I’ve effectively established that the term “CSS” alone isn’t clear or helpful enough to illustrate the evolution of the CSS, just as calling a certain feature “modern” degrades over time.

Grouping features in levels that represent different eras of releases — even from a marketing standpoint — offers a good deal of meaning and has a track record of success, as we’ve seen with CSS3.

All of this comes back to a set of goals that the CSS-Next group is rallying around:

Help developers learn CSS.
Help educators teach CSS.
Help employers define modern web skills.
Help the community understand the progression of CSS capabilities over time.
Create a shared vernacular for describing how CSS evolves.

What we do not want is to:

Affect spec definitions.
CSS-Next is not a group that would define the working process of or influence working groups such as the CSSWG.
Create official developer documentation.
Making something like a new version of MDN doesn’t get us closer to a better understanding of how the language changes between eras.
Define browser specification work.
This should be conducted in relevant standardization or pre-standardization forums (such as the CSSWG or OpenUI).
Educate developers on CSS best practices.
That has much more to do with feature implementations than the features themselves.
Manage browser compatibility data.
Baseline is already doing that, and besides, we’ve already established that feature specifications and implementations are separate concerns.

This doesn’t mean that everything in the last list is null and void. We could, for example, have CSS eras that list all the features specced in that period. And inside that list, there could be a baseline reference for the implementations of those features, making it easier to bring forward some ideas for the next Interop, which informs Baseline.

This leaves the CSS-Next group with a super-clear focus to:

Research the community’s understanding of modern CSS,
Build a shared understanding of CSS feature evolution since CSS3,
Grouping those features into easily-digestible levels (i.e., CSS4, CSS5, and so on), and
Educate the community about modern CSS features.

We’d Likely Start With The “CSS5” Era

A lot of thought and work has gone into the way CSS is described in eras. The initial idea was to pick up where CSS3 left off and jump straight into CSS4. But the number of features released between the two eras would be massive, even if we narrowed it down to just the features released since 2020, never mind 2009.

It makes sense, instead, to split the difference and call CSS4 a done deal as of, say, 2018 and a fundamental part of CSS in its current state as we begin with the next logical period: CSS5.

Here’s how the definitions are currently defined:

CSS3 (~2009-2012):
Level 3 CSS specs as defined by the CSSWG. (immutable)

CSS4 (~2013-2018):
Essential features that were not part of CSS3 but are already a fundamental part of CSS.

CSS5 (~2019-2024):
Newer features whose adoption is steadily growing.

CSS6 (~2025+):
Early-stage features that are planned for future CSS.

Uncle Sam CSS Wants You!

We released a request for comments last May for community input from developers like you. We’ve received a few comments that have been taken into account, but we need much more feedback to help inform our approach.

We want a big representative response from the community! But that takes awareness, and we need you to make that happen. Anything you can do to let your teams and colleagues that the CSS-Next group is a thing and that we’re trying to solve the way we talk about CSS features is greatly appreciated. We want to know what you and others think about the things we’re wrestling with, like whether or not the way we’re grouping eras above is a sound approach, where you think those lines should be drawn, and if you agree that we’re aiming for the right goals.

We also want you to participate. Anyone is welcome to join the CSS-Next group and we could certainly use help brainstorming ideas. There’s even an incubation group that conducts a biweekly hour-long session that takes place on Mondays at 8:00 a.m. Pacific Time (2:00 p.m. GMT).

On a completely personal note, I’d like to add that I joined the CSS-Next group purely out of interest but became much more actively involved once the mission became very clear to me. As a developer working in an agency, I see how fast CSS changes and have struggled, like many of you, to keep up.

A seasoned colleague of mine commented the other day that they wouldn’t even know how to approach vanilla CSS on a fresh website project. There is no shame in that! I know many of us feel the same way. So, why not bring it to marketing terms and figure out a better way to frame discussions about CSS features based on eras? You can help get us there!

And if you think I’m blameless when it comes to talking about CSS in generic “modern” terms, all it takes is a quick look at the headline of another Smashing article I authored… this year!

Let’s get going with CSS5 and spread the word! Let me hear your thoughts.

Resources

CSS-Next Group Homepage
CSSWG Drafts Issue #4770: Let’s Define CSS 4
CSS-Next Issue #92: Initial CSS Level Categorization

Designer Spotlight: Artemii Lebedev

Original Source: https://tympanus.net/codrops/2024/08/01/designer-spotlight-artemii-lebedev/

Meet Artemii Lebedev, the award-winning designer and art director behind Le:mma Studio, who excels in blending aesthetics and functionality, offering insights into his innovative works and creative process.

How to Start a Creative Venture With No Money

Original Source: https://www.webdesignerdepot.com/start-venture-with-no-money/

Starting a creative venture with no money can be challenging, but it’s definitely possible with the right approach and mindset.