#css5

[jcmarchi]

Searching for a New CSS Logo

New Post has been published on https://thedigitalinsider.com/searching-for-a-new-css-logo/

Searching for a New CSS Logo

There is an amazing community effort happening in search of a new logo for CSS. I was a bit skeptical at first, as I never really considered CSS a “brand.” Why does it need a logo? For starters, the current logo seems… a bit dated.

Displayed quite prominently is the number 3. As in CSS version 3, or simply CSS3. Depending on your IDE’s selected icon pack of choice, CSS file icons are often only the number 3.

To give an incredibly glossed-over history of CSS3:

Earliest draft specification was in 1999!

Adoption began in 2011, when it was published as the W3C Recommendation.

It’s been used ever since? That can’t be right…

CSS is certainly not stuck in 2011. Take a look at all the features added to CSS in the past five years (warning, scrolling animation ahead):

(Courtesy of Alex Riviere)

Seems like this stems mainly from the discontinuation of version numbering for CSS. These days, we mostly reference newer CSS features by their individual specification level, such as Selectors Level 4 being the current Selectors specification, for example.

A far more general observation on the “progress” of CSS could be taking a look at features being implemented — things like Caniuse and Baseline are great for seeing when certain browsers implemented certain features. Similarly, the Interop Project is a group consisting of browsers figuring out what to implement next.

There are ongoing discussions about the “eras” of CSS, though, and how those may be a way of framing the way we refer to CSS features.

Chris posted about CSS4 here on CSS-Tricks (five years ago!), discussing how successful CSS3 was from a marketing perspective. Jen Simmons also started a discussion back in 2020 on the CSS Working Group’s GitHub about defining CSS4. Knowing that, are you at least somewhat surprised that we have blown right by CSS4 and are technically using CSS5?

The CSS-Next Community Group is leading the charge here, something that member Brecht de Ruyte introduced earlier this year at Smashing Magazine. The purpose of this group is to, well, determine what’s next for CSS! The group defines the CSS versions as:

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

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.

Check out this slide deck from November 2023 detailing the need for defining stronger versioning. Their goals are clear in my opinion:

Help developers learn CSS.

Help educators teach CSS.

Help employers define modern web skil…

Help the community understand the progression of CSS capabilities over time.

Circling back around to the logo, I have to agree: Yes, it’s time for a change.

Back in August, Adam Argyle opened an issue on the CSS-Next project on GitHub to drum up ideas. The thread is active and ongoing, though appears to be honing in on a release candidate. Let’s take a look at some proposals!

Nils Binder, from 9elements, proposed this lovely design, riffing on the “cascade.” Note the river-like “S” shape flowing through the design.

Chris Kirk-Nielson pitched a neat interactive logo concept he put together a while back. The suggestion plays into the “CSS is Awesome” meme, where the content overflows the wrapper. While playful and recognizable, Nils raised an excellent point:

Regarding the reference to the ‘CSS IS AWESOME’ meme, I initially chuckled, of course. However, at the same time, the meme also represents CSS as something quirky, unpredictable, and full of bugs. I’m not sure if that’s the exact message that needs to be repeated in the logo. It feels like it reinforces the recurring ‘CSS is broken’ mantra. To exaggerate: CSS is subordinate to JS and somehow broken.

Wow, is this the end of an era for the familiar meme? 

It’s looking that way, as the current candidate builds off of Javi Aguilar’s proposal. Javi’s design is being iterated upon by the group, it’s shaping up and looks great hanging with friends:

Javi describes the design considerations in the thread. Personally, I’m a fan of the color choice, and the softer shape differentiates it from the more rigid JavaScript and Typescript logos.

As mentioned, the discussion is ongoing and the design is actively being worked on. You can check out the latest versions in Adam’s CodePen demo:

Or if checking out design files is more your speed, take a look in Figma.

I think the thing that impresses me most about community initiatives like this is the collaboration involved. If you have opinions on the design of the logo, feel free to chime in on the discussion thread!

Once the versions are defined and the logo finalized, the only thing left to decide on will be a mascot for CSS. A chameleon? A peacock? I’m sure the community will choose wisely.

[tccicomputercoaching]

HTML6 and CSS5: The Future of Web Development Explore what is new and trending ahead of the industry. Enroll at TCCI Computer Caching Institute and acquire updated web development skills today.

[daily-passcode]

cSS5.D6EL.Ui92

[jojorf360]

Trying Out New Things

It’s almost midnight and here I am, making posts when I have to wake up at the crack of dawn. No surprise there. I’m honestly just so excited to share that I’m making these moves to better myself and my quality of life, and I have never been so proud of myself. The time given to me these past couple of days has been a blessing, and I am going to be so sad when I have to get back to work at my job. I’m going to be taking courses on Udemy for web developing and graphic design, as well as learning more about photography. I also became a brand ambassador for a clothing design, which, I’ll be honest, is a bit nerve-wrecking as I am the shy type. But it’s time to get out of my comfort zone and see who and what I can become! Every single person in this world should be given and firmly grasp the opportunity for personal growth, even if it means getting out of your comfort zone. One of the biggest steps I took in getting out there and really not being in my comfort zone was to get hitched and immediately move out of South Florida and live Dallas, Texas with my amazing husband and roommates. Over a year has passed since then, and it provided me the change I needed to get to where I am today, and I can never be grateful enough for taking that opportunity by the horns, and holding onto that bull until I tamed it and made it mine. Again, SUPER excited to work on these upcoming projects. To those reading my posts, remember this: love yourself enough to accept change, no matter how scary it is, because it will lead you to blossom, grow, and become the person you are genuinely meant to be. Also, hi mom! Thanks for the support! Love you lots!

[akhlaqibalkhabi]

▫️برای مشاهده شوخی های موتور جستجوی « گوگل » عبارت « do a barrel roll » را جستجو کنيد. تا شاهد چرخش 360 درجه‌ای صفحه نتايج جستجو باشید ! ▫️جستجوي عبارت « askew » یا « tilt » نيز کج شدن صفحه‌ جستجو را به همراه خواهد داشت! ▫️يکي از دلايلی که «گوگل» اين شوخی ها را ارائه کرده است نشان دادن قدرت تکنولوژی « CSS3 » بر روی مرورگرهای جديده. #google #googleplay #game #css #css3 #css5 https://www.instagram.com/p/B-WqRxUH7Sm/?igshid=b9as3m5rm90l

[divinector]

Bootstrap Carousel with Text Animation Get Code in divinectorweb website

[papciz-gram]

ffsportsdeglace: 💥 Les danseurs français à l'entraînement, jeudi à Grenoble 🇫🇷 Le lien de la billetterie : https://web.digitick.com/index-css5-patinoirepolesud-pg1.html 💥 French ice dancers during training, today in Grenoble 🇫🇷 The ticketing office link : https://web.digitick.com/index-css5-patinoirepolesud-pg1.html 📷 @patinagemagazine #gpfrance #grenoble2021 #gpfigure #internationauxdefrance #patinage #patinageartistique #figureskating #skating #france #isu #ffsg #icedance #icedancing #dansesurglace

(18.11.2021)

[streetheart-serendipity]

L’équipe du Mur est ravie de vous annoncer sa présence à l’édition 2021 d‘ @urbanartfair ! . 📍 RDV Carreau du temple - Stand D9 . 🗓 du 10 au 13 Juin 🎁 Des surprises avec 4 artistes qui peindront en extérieur spécialement pour l’événement! . 👉 Retrouvez-nous pour échanger & soutenir notre projet! . 📚Livres du Mur en vente . Billetterie en ligne: https://web.digitick.com/index-css5-urbanartfair-pg1.html . . . _______________________________________________ #streetart #urbanart #arturbain #arteurbano #arteurbana #paris #streetartparis #parisstreetart #oberkampf #livepainting #mural #lemuroberkampf #urbanartfair https://www.instagram.com/p/CP32SsUguQd/?utm_medium=tumblr

[tccicomputercoaching]

Learn Python programming from TCCI Computer Coaching Institute. Courses are designed as beginner to advanced levels focusing on web development, data science, and AI topics. Flexible classes and work with real-world projects enhance coding skills. Join Now.

[dothtml5]

ログリーとヒトクセ、クッキーを使用しない広告配信技術の確立に向け協業を開始 (MarkeZine)

電子書籍：子どもから大人までスラスラ読める JavaScriptふりがなKidsプログラミング - ゲームを作りながら楽しく学ぼう！ (アマゾン Kindle)

QuakeJS - あの名作QuakeをEmscriptenでウェブ化 (MOONGIFT)

アマゾンよりも速いECサイトが続々と登場、その理由は？EC売上トップ200サイトの表示スピードランキング、2020年最新版 (Web担当者Forum)

クッキー同意がいまだにコンプライアンス基準を十分満たしていないことが判明 (TechCrunch)

グーグル、新型コロナ関連ニュース記事のモバイル検索を改良 - ローカルニュース専用カルーセルの導入、AMP対応を不要に (海外SEO情報ブログ)

Withコロナの体験デザイン、世界の企業がとったアクションとは？ (freshtrax)

独善的なデザイナーとの付き合い方とそうならないために (UX MILK)

新人マーケターなら最低限知っておきたい、仕事が捗るグーグルスプレッドシートの関数術 (フェレット)

かっこいい英語フォントが無料！最新フリーフォント59個まとめ - 2020年4月度 (PhotoshopVIP)

[webmrjcreations-blog]

CSS Image Hover Effect Using HTML and CSS | 100% CSS Tutorial

[techworld5]

Basic CSS parallax scrolling

[graphicstip-blog]

Cingle | Responsive One Page WordPress Theme Cingle | Responsive One Page WordPress Theme Download Now

[kate-voegele]

katevoegele: PARIS! 2 months from today I’m playing @lamaroquinerie 🎼🎸🎹 I’m so excited to play Paris again!. . . Tickets and vip are going fast- grab yours here! https://m.digitick.com/tyler-hilton-kate-voegele-pack-vip-concert-la-maroquinerie-paris-07-juillet-2018-css5-mobdigitick-pg101-ri5412995.html - link to all tour dates in my bio!!. . . 📸 @njb3photo 👗 @thelalook

[divinector]

Client Logo Slider Using Owl Carousel 2