Intégration de #BabylonJS chez Antesy : configurateurs 3D, showrooms virtuels & jumeaux numériques performants. Optimisations clés : LOD, chargement progressif, rendu conditionnel, compression Draco (-80% poids). Solution scalable avec monitoring FPS, draw calls & fallback 2D. La #3Dweb #WebGL booste le ROI quand bien optimisée. #Performance #DigitalTwin #VueJS #React #Frontend

#BabylonJS #WebGL #3DWeb #Optimisation #PerformanceMobile #JumeauNumerique #Antesy #Tech #FrontendVietnam #PhatTrienWe

How to use wa-card with Vue

Last month, I talked about wanting to spend some time exploring Web Awesome and Vue.js.  I figured that we would start with the wa-card element.  This is a great option for displaying a collection of elements that have photos, names, and descriptions.  Let’s take a look at a simple example.

See the Pen
wa-card demo 1 by Joe Steinbring (@steinbring)
on CodePen.

Web Awesome is an open-source library of web-standards-based and framework-agnostic UI components, so adapting them to work with Vue.js is easy. We just need variables for each of the elements of the content and a little createApp() magic.

See the Pen
wa-card demo 2: Duplicating with Vue by Joe Steinbring (@steinbring)
on CodePen.

The above example gives you the same result as the first one, but instead of the values being in the markup, they are in JavaScript variables. So, how do we adapt this to work with more complex data?

See the Pen
wa-card demo 3: Rendering an array by Joe Steinbring (@steinbring)
on CodePen.

In the above example, we are looping over a 3-item array using v-for.  Since the only styling on the example is a width on the cards, it looks a little off.  We can fix that with a little grid magic, though.

See the Pen
wa-card demo 4: Rendering an array with extra styling by Joe Steinbring (@steinbring)
on CodePen.

In the next post, let’s see if we can take this to the next level.

First example: https://codepen.io/steinbring/pen/myVGdNZ/18bc9a394c2cd81a5e2b681fc6b82a8b

Second example: https://codepen.io/steinbring/pen/EaPeaVL/1beda6ab3caf156ee035c3b7927abf86

Third example: https://codepen.io/steinbring/pen/qEbJYmK/9b204ee51460e0811d9725260f93381f

Fourth example: https://codepen.io/steinbring/pen/JoGmvmm/2b3a7a1cf0eef1bb42b2614a965f6ee0

Мой справочник по Feature-Sliced Design

Всем привет, меня зовут Сергей Сибара, я фронтенд-разработчик в ИТ-холдинге Т1. Так как при использовании Feature-Sliced Design (FSD) возникает много вопросов и разные люди понимают её по-разному, я решил написать статью-справочник, раскрывающий некоторые подробности методологии. В этой статье я продолжаю использовать те же принципы и часть терминологии, что и в предыдущей . Здесь я, в основном, описываю структурирование по правилам методологии. А в следующей статье, напротив, рассмотрю, как можно улучшить структуру проекта, намеренно нарушая правила FSD. Заранее предупрежу, что правила методологии носят рекомендательный, а не обязательный характер. Их назначение — задать направление структурирования, а дальше принимать решения нужно в зависимости от конкретного проекта и ситуации в нём. Строгое же следование правилам может привести к бо̒льшим проблем, чем их нарушение. Если заметите ошибки — пишите в комментариях!

https://habr.com/ru/companies/T1Holding/articles/976220/

#react #javascript #typescript #featuresliced_design #fsd #vue #vuejs #vuejs #reactjs

VueJS vs Angular: Khung nào phù hợp cho dự án của bạn?

VueJS nhẹ, dễ học, linh hoạt, phù hợp ứng dụng nhỏ - trung bình hoặc giao diện hướng UI. Angular toàn diện, mạnh mẽ, hỗ trợ TypeScript, lý tưởng cho ứng dụng lớn, doanh nghiệp với nhiều module và đội ngũ phát triển lớn.
Lựa chọn nên dựa trên quy mô dự án, độ phức tạp, yêu cầu về hiệu năng và năng lực đội ngũ.

#VueJS #Angular #Frontend #JavaScript #Frameworks #Vue #AngularFramework #LậpTrìnhFrontend #JavaScriptFramework #VueJSvsAngular

htt

Tác giả thiết kế website cho doanh nghiệp địa phương nhưng họ hủy giữa chừng. Dự án bị dừng lại, anh quyết định hoàn thiện thành template miễn phí, tối giản, phù hợp cho người mới, lập trình viên hoặc ai cần xây dựng trang web nhanh. Hỗ trợ tự nguyện nếu muốn cảm ơn. #Github #VueJS #TaiLieuMoRong #HtmlCss #LamNhiet

https://www.reddit.com/r/SideProject/comments/1pkeq6m/sharing_a_minimal_website_template_i_built/