#vue code

[rayofsandshine]

something something transsexualism

[nubecolectiva]

How Long Does It Take to Load a Website with Bootstrap 5? 🇺🇸 🔎Zoom: https://nubecolectiva.com/comunidad/flyers/time-load-web-bootstrap-5/

¿Cuánto Tardan en Cargar Una Web con Bootstrap 5? 🇪🇸 🔎Zoom: https://nubecolectiva.com/comunidad/flyers/tiempo-cargar-web-bootstrap-5/

[vis97c]

Cuna, una herramienta para que los estudiantes de la UNAL estén al tanto de los cupos de sus asignaturas durante el periodo de matricula de una forma cómoda y eficiente.

Cuna es un proyecto de mi autoria y de codigo abierto. Por detras hace uso de Nuxt3 y Firebase con Cloud functions.

Source

[themepure]

👋Hey Tech Innovators, Make your website more beautiful & attractive with Softec templates.🔥

Use Softec—Software & Technology Template to focus on functionality instead of struggling with outdated designs that don't match your development speed and agility. It's an excellent choice for tech companies, software developers, and anyone looking to create a professional online presence.

Benefits There: ✨ Keep your tech projects looking modern and professional. ✨ (Efficiency Boost) Pre-designed templates save you hours of work, letting you focus on innovation. ✨ (Highly Customizable) Tailor every element to seamlessly fit your unique brand identity. ✨ (High Performance) Built with Vue and Nuxt 3 for fast and smooth user experiences.

Softec - Software & Technology Template is a modern and efficient template designed to create stunning websites for tech companies and software developers.

View Softec

[webcraft-notes]

Vue CRM Mastery: From Setup to Advanced Features

Embark on a comprehensive journey to build a robust CRM system using Vue.js! This 10-part tutorial series covers everything you need to know, including:

Project setup and structure

Implementing Vuetify for sleek UI

Firebase integration for authentication and data management

Creating dynamic layouts and secure navigation

Mastering data visualization with Vuetify tables

Enhancing user engagement with modals and alerts

Implementing CRUD operations

Perfect for developers looking to level up their Vue.js skills and add an impressive project to their portfolio. Follow along to create a fully-functional CRM from scratch!

Read the full tutorial series: https://webcraft-notes.com/blog/vue-crm-mastery-a-comprehensive-guide-to

[fortunatelycoldengineer]

React vs Vue . . . . for more information and tutorial https://bit.ly/3UK32tv check the above link

[delicateperspective]

Lyrical Analysis of "Cinema"

If Harry’s House were structured like a novel using the Save the Cat! method, then Cinema would fall into the "Fun and Games" section—the part of the story where things feel playful on the surface but are actually setting up deeper emotional stakes.

This song is often assumed to be about OW, primarily because of the title. But if we actually break down the lyrics, it becomes clear that this isn’t a song about a new love—it’s about a love that has gone through struggles and still remains.

This song reads as a mix of two things:

A stunt-heavy framing device (the "Cinema" reference) to fit into a public narrative. He's done this before. Usually with one song per album. Like putting Cam*lle on Cherry.

A deeply personal song about intimacy with Louis—about choosing each other over and over, even when it’s hard.

Lyric Breakdown and Analysis

It's you And I'm not getting over it

This is one of the more revealing lines in the song. If this song were about OW, why would he need to get over it? Their relationship was framed as easy, effortless, and new—there was no past to reconcile.

But with Louis, this line makes perfect sense. This is a relationship that has been through struggles, separations, and external pressures. This is a relationship where "getting over it" has never been an option. This is someone he has tried and failed to move on from, time and time again. It echoes themes from Love of My Life, where he admits: "It’s not what I wanted, to leave you behind." No matter what has happened, he’s still here. He’s never getting over it.

Darling, is it cool If I'm stubborn when it comes to this?

This line reads like a direct plea to Louis. "Is it cool?" asking for reassurance. "If I'm stubborn when it comes to this?" He knows that their relationship has caused them pain, struggle, and secrecy—but if Louis is still willing to choose him, then he’s never letting go. This also directly echoes a lyric from Sweet Creature: "It's hard when we argue, we're both stubborn, I know." This line suggests: "I know this hasn’t been easy. I know we’ve been through hell. But if you’re still willing to do this, then I will never stop choosing you."

I guess we're in time If you're getting yourself wet for me

This line is explicit—but the phrasing is interesting. "I guess we're in time" implies that timing hasn’t always been right for them. "If you're getting yourself wet for me." This line is sexual, but also suggests willingness.

I guess you're all mine When you're sleeping in this bed with me

This line suggests impermanence—"you’re mine, but only when you’re here." It acknowledges that their relationship isn’t something they can publicly claim. It reinforces the idea that their time together is limited, stolen, hidden. It’s intimate, but also a little sad—because it’s not a love that can exist freely or all of the time. It's limited to only when the partner is in bed with them.

I just think you're cool I dig your cinema

This is where the stunt framing comes in. The phrase "I dig your cinema" could be a nod to OW and her film career, to sell the public narrative. But Louis also has connections to cinema. He worked at a Vue cinema before One Direction. He and Harry attended Two Door Cinema Club together at Leeds Festival—a festival that meant so much to them that we've still been getting references to it 10 years later.

The fact that Cinema has ties to both OW and Louis makes it feel like Harry wrote it from the heart, but altered the framing to fit an expected narrative.

So while Cinema plays into the expected stunt relationship, the rest of the lyrics tell a different story. "I just think you're cool" is so baby boyfriends coded that it gives me cuteness agression.

You all the time (Time, time) In doses at night (Night, night)

He thinks about Louis constantly. But he only gets him in small, stolen moments. This reinforces the hidden nature of their relationship.

No roof on the drive Dust off the high And go to sleep

This is where things take a turn.

Poppers are a recreational drug commonly used during gay sex.

They cause muscle relaxation, mild euphoria, and heightened arousal. The effects are short-lived, leading to a quick comedown. They were popularized in club culture and are still widely used in queer spaces.

"Dust off the high" suggests coming down from something intense, shaking off the effects. This is not the language of romance. It’s raw, physical, fleeting. This adds another layer to Cinema—this isn’t about love, it’s about intimacy. About using physical connection to hold onto something deeper, even when everything else is trying to tear them apart.

You pop when we get intimate

This is an explicit confirmation that this song is about sex—specifically queer sex. If this were truly about OW, why include such a blatant reference to a drug most commonly used in the gay community?

Final Thoughts

Cinema is a song about:

A relationship that has gone through struggles and come back together.

Choosing each other, despite the difficulties.

Hiding, waiting, and only getting each other in small moments.

Physical intimacy being a way to hold onto something deeper.

The title and surface-level framing may fit the stunt narrative, but the deeper lyrics reveal the truth beneath the performance.

And that truth?

"It’s you, and I’m not getting over it."

[ethereal-skies-forum]

【 LES GROUPES* DU NORTHUNYRE 】

L’ordre des Lames de Teinneigin —

L'ordre des Lames de Teinneigin désigne la garde royale northunienne. Les guerrier.ères qui en font partie sont des combattant.es d'élite, qui se distinguent par leur intelligence et leur talent au combat. Les Lames de Teinneigin sont connu.es pour être des cavalier.ères redoutables dont les charges sont imprévisibles et fulgurantes. Elles répondent à un code d'honneur particulièrement strict et sont dévouées à la protection du binôme royal, du Comhairle et des Cothrom. Elles se doivent d'être dignes de confiance, à la fois envers le gouvernement et envers leurs camarades. Elles répondent à l'autorité de la Grande Lame, qui elle-même répond à lae Maître.sse de Guerre et au binôme royal.

Organisation

La Grande Lame (1/1) : la personne en charge de la coordination des Lames de Teinneigin. Elle a gagné le respect de ses camarades qui l'ont elleux-mêmes élue pour être leur responsable. La Grande Lame a notamment la charge du recrutement et des entraînements mais gère aussi les besoins en matériel, et c'est elle qui assigne les rôles et les tâches des membres de l'ordre. Parmi les élites, c'est un.e guerrier.ère qui s'est distingué.e et qui ira toujours en première ligne en guerre, car il serait déshonorant pour iel de se cacher derrière la chair de ses camarades.

Les Lames de Teinneigin (100/100) : une manière de désigner les membres de l’Ordre.

La Communauté des Mains de Jenodra —

Les Mains de Jenodra sont des guérisseur.euses employé.es dans les hospices des villes et grands villages. Beaucoup sont des orphelin.es ou des personnes seules et pauvres, qui ont été formé.es par la Communauté et qui se sont vues offrir, pour toujours s'iels le souhaitent, le gîte et le couvert au sein même des auspices, en échange des soins donnés aux patient.es. Selon leurs capacités et leurs talents, iels occupent différents rôles.

Organisation

Les Grandes Mains (∞) : les personnes à la tête d'un hospice. Iels ont la charge des Mains de Jenodra qui y sont présent.es et gèrent le bon déroulement de la vie au sein de leur bâtiment. Iels ont aussi le devoir de veiller sur celleux qui vivent dans l'hospice et de leur garantir une vie digne. Chaque Grande Main est en relation avec lae Maître·sse de Vie.

Les Mains de Jenodra (∞) : une manière de désigner les membres de la communauté.

La Communauté des Gonerides —

Organisation semi-indépendante, la Communauté a été fondée par Goneril l'Envolée et ses fidèles, il y a de cela plus de 170 ans. Le coeur de cette organisation est situé quelque part dans les Nevistuineach, mais nulle ne le sait réellement. Leur vocation a toujours été de lutter contre les revendications colonialistes de Hevenbyre, voire de décimer les dynasties belliqueuses. On dit qu'iels seraient derrière l'infiltration de la garde hevenienne en 397 pendant la Guerre de Poussière, ou encore, via Deidre la Sanglante, à l'origine de la disparition de la dynastie Kilhithe.

Malgré l'indépendance nouvellement acquise du Northunyre, leur mission est loin d'être achevée : la menace des Enfants de Wuldorgen ne tarit pas. Ce sont des assassin.es redoutables. Iels se doivent de conserver leur calme et leur discrétion en toutes circonstances, de garder la main sûre et de ne jamais rien dévoiler. Iels sont très difficiles à approcher, et encore moins à intégrer.

Les Gonerides ne connaissent pas de hiérarchie : iels prennent toutes leurs décisions ensemble, partagent leur savoir entre elleux et réfléchissent ensemble. La communauté est dite semi-indépendante car leurs objectifs sont compatibles avec le gouvernement actuel, et il n'est pas rare qu'iels collaborent et que le binôme royal ou lae Maître.sse des Ombres leur donne des missions.

Organisation

Les Gonerides (76/76) : une manière de désigner les membres de la Communauté.

———

PRÉCISION : Les rangs les plus élevés dans la hiérarchie de chaque groupe exigeront logiquement une activité un peu plus régulière que les autres. Le sujet sera rediscuté en temps voulu.

*Liste non exhaustive.

[eggdesign]

how did you learn coding?

I am pretty much entirely self taught as far as front end goes!

I started messing around with HTML and CSS with tumblr themes back in 2016-ish.

For javascript I looked at https://developer.mozilla.org/en-US/ for a lot of documentation + examples. And also used codepen a lot to kinda reverse engineer existing snippets of code.

I also read a lot of https://css-tricks.com/

And for flexbox + css grid there's these:

After I got a good foundation of vanilla JS, I learned Vue for a little while and then moved on to React. The new react documentation is really good in my opinion so I definitely recommend reading that if you're interested in learning.

Most of my learning came from trial and error and working on projects that I was really excited about. I used to be so proud of findtags (the original version) which was in jquery...

The react version is miles ahead of it. And even then, the theme builder is also way ahead of findtags. I learned way more between those two projects than reading documentation alone!

[akaicodes]

update to my roadmap of learning https://www.tumblr.com/akaicodes/744920785897111552/roadmap-of-learning-curriculum-related-so-far - 4 months later ♡

• C# - spent ~1 year so far practicing, more comfortable, can build whole sites/programs with little help

• HTML & CSS - started ~5 months ago, confident in both, can style a site without help online, still much to learn

• JavaScript + Vue - Axios - can build “full stack” applications where i do both backend & frontend and host online (love JS!!)

• REST - experienced for 5 months! can build my own REST API, use someone elses with axios & test it thoughoutly with Postman (+Javascript code)

• Unit testing & UI testing - learned so many better ways to unit test & UI test more indeph

• Started leaning Git more with commands

• SQL - can manipulate simple databases and more one from scratch

& huge thanks to my sister @niyacodes for being on this journey with me 💓

++++ I went to a 5 hour exam for all these subjects (+- more) and got the highest grade possible 🥹 (i failed my first programming exam in 1st sem!!!!) ((pic is my favorite after study-snack))

[stroyent]

I love that I don't need help at work anymore and it's been like that for several months. Even if I encounter a task I don't know yet how to complete, I can find all the necessary info on my own and UNDERSTAND it. Oh shit now I remembered that in addition to sleeping, cleaning and maybe doing some arts this weekend, I should learn typescript real quick because I'm gonna work with vue 3 + ts very soon instead of vue 2 + js. Yes I've been doing just js all this time (with jsdocs, but that's just for the code editor)

[peekaboorpg]

Avec la màj d'hier sur Epicode, j'ai eu envie d'updater mes LS/tutos dessus et je commence par reprendre le guide des différentes versions de forum ! Malheureusement, il faut avoir un compte pour lire, donc pour ceux qui en ont un voici le lien du sujet :

et pour ceux qui n'en ont pas, je vous invite à cliquer sur le lien ci-dessous pour lire l'article complet directement sur tumblr.

Disclaimer : je suis quasi sûre qu'il reste plein de choses à dire, n'hésitez pas à me suggérer des rajouts (notamment sur phpbb3 et punbb que je connais pas bien) et j'updaterai ça ✨

Choisir la version de son forum

La première étape de la création d’un forum est de choisir parmi 6 versions différentes celle que vous souhaitez. Mais ce n’est pas forcément évident pour tout le monde, surtout quand on a aucune idée de ce que ces noms signifient !

A quoi ça sert, la « version » du forum ?

Pour simplifier, il s’agit de l’élément qui va déterminer la structure HTML de base de votre forum. PhpBB2 va par exemple faire une structure en tableaux (= avec <table>, <tr>, <td>) alors qu’Invision va faire une structure avec des éléments en flottement (=avec float, position) ModernBB et AwesomeBB sont beaucoup plus modernes que les autres et utilisent des standards comme flexbox et grid.

Globalement, ce choix ne vous empêchera pas de coder les choses comme vous le voulez par la suite si vous êtes déjà à l’aise avec vos templates, ce n’est que pour déterminer la structure de base, mais il est quand même important de partir sur une base de templates qui vous convient plutôt que d’avoir à tout transformer vous-même.

Comment choisir ?

— PhpBB2

Forumactif la décrit ainsi : « PhpBB2 est la version qui vous permet de totalement personnaliser votre forum. Si vous avez besoin d'un forum flexible et stable, n'hésitez pas à essayer cette version. » En réalité, toutes les versions permettent de personnaliser de A à Z son forum, c’est surtout la plus ancienne version sur la plateforme et elle est donc très datée, mais elle est toujours fonctionnelle.

Avantages

Beaucoup, beaucoup des LS disponibles sur les forums d’entraide sont des LS compatibles avec PhpBB2 seulement. Pour les utilisateurs de LS qui n’ont pas forcément de connaissances en HTML, la version PhpBB2 est plus riche en ressources. De plus, les tutoriels d’apprentissage sont aussi très souvent en PhpBB2, ce qui rend cette version très accessible… Malgré de nombreux désavantages.

Désavantages

La structure en elle-même n’est pas extrêmement claire pour les débutants, même si encore une fois la plupart des tutos d’apprentissage sont sur PhPBB2. De plus, elle ne donne pas forcément de bases très correctes puisque, comme je disais en introduction, cette structure est basée sur des tableaux et peut inciter à structurer tous vos futurs codes en tableaux là où des techniques plus actuelles permettraient de produire des codes nettement plus modernes et clairs. (En utilisant flexbox ou grid notamment, comme ce sera le cas dans Modern et AwesomeBB.)

— Invision

Forumactif la décrit ainsi : « Invision est une des versions les plus performantes de Forumactif, sa puissance et sa stabilité rendent cette version incontournable aux utilisateurs qui souhaitent exploiter au maximum leur forum. » Je conseillerais en effet plutôt cette version aux personnes déjà à l’aise avec le codage, puisqu’elle intègre des techniques plus modernes de codage… Qui ne sont déjà plus assez modernes.

Avantages

Elle est bien plus facile que PhpBB2 d’un point de vue codage. Les templates sont construits de façon bien plus claire et l’affichage du thème de base contient des petites choses sympathiques comme (entre autres) des catégories rétractables, et l’affichage de la liste des membres en petits blocs plutôt qu’en liste. Il permet également d’aligner les profils à gauche ou à droite dans les messages en utilisant un simple bouton dans le panneau d’admin (Général → Forum → Configuration → Structures des pages, option Position du profil dans les messages).

Désavantages

À nouveau, le désavantage majeur est le manque de LS/tutos sur cette version qui est pourtant très intéressante. À noter cependant qu’elle utilise les flottements (float et position) pour placer ses éléments, un standard aujourd’hui déprécié au profit de flexbox/grid. Cette version a quelques LS disponibles, mais les ressources et les aides demeurent limitées, car elle a été très vite éclipsée par ModernBB.

— ModernBB

Forumactif la décrit ainsi : « Le thème ModernBB permet de créer un forum design, simple et intuitif. Le code a été modernisé pour faciliter les personnalisations du forum. » En effet, le look de base est beaucoup plus plaisant et moderne que les versions précédentes ; et le code est beaucoup plus conforme aux standards de codage d’aujourd’hui, utilisant en majorité flexbox pour créer des colonnes. Il est donc aussi beaucoup plus clair pour apprendre à coder.

Avantages

L’affichage de base de ModernBB offre des fonctionnalités sympas, comme un header pleine largeur, une barre de navigation qui suit le scroll, les catégories rétractables, la position droite/gauche du profil dans les messages, et des statistiques qui s’affichent en footer du forum. De plus, elle est en partie responsive (c’est-à-dire qu’elle s’adapte aux petites largeurs d’écrans) avec un mode mobile-friendly. Récemment, Forumactif a aussi permis d’afficher des images dans la liste des sujets sous cette version.

On note également l’existence d’une ressource très utile, le Blank Theme de @code-lab, qui permet d’avoir une base propre et optimisée pour commencer à coder sur cette version et la rend beaucoup plus accessible aux débutants comme aux confirmés.

Désavantages

Bien qu’on pousse désormais pour que les ressources s’adaptent à cette version, il n’y en a toujours pas autant que pour PhpBB2. Néanmoins, cette version est celle qui est privilégiée désormais pour les nouveaux LS.

— AwesomeBB

Forumactif la décrit ainsi : « Le principal avantage de la version AwesomeBB est sa fonction responsive. Votre forum s'adapte à toutes les tailles d'écran, les membres peuvent ainsi discuter, partager des photos et chatter aussi bien sur PC que sur mobile. » Effectivement, cette version est entièrement responsive car elle est codée de façon moderne et cohérente avec les standards de codage actuels.

Avantages

AwesomeBB regroupe tous les avantages de ModernBB avec quelques différences d’affichage, notamment la prise en compte de la toolbar directement dans la barre de navigation, offrant des panneaux latéraux qui s’ouvrent au clic.

Désavantages

Il n’y a littéralement aucunes ressources disponibles en forum d’entraide pour cette version.

Changer de version

Il est possible de changer de version de forum à n’importe quel moment.

Panneau d’administration → Affichage → Choisir un thème → Onglet « Version »

Mais attention ! Puisque chaque version a sa propre structure HTML pour le forum, vos templates modifiés ne seront plus compatibles avec, et l'opération supprimera votre CSS. Certains javascripts peuvent aussi être incompatibles et devront être modifiés pour fonctionner. En clair, votre contenu (messages, avatars, comptes, etc…) sera sauf, néanmoins votre forum n’aura plus du tout la même apparence.

Et en résumé ?

Au final la véritable hésitation se situe entre PhpBB2 et ModernBB. Actuellement, l’offre des forums d’entraide permet surtout de se familiariser avec PhpBB2 qui est pourtant très vieillot. La version ModernBB est néanmoins très intéressante malgré le manque d’encadrement pour ceux qui veulent s’y lancer, et gagne en présence sur les nouveautés en LS/tutos.

Pour ceux qui ne souhaitent pas se plonger dans le code profond de leurs forums et simplement personnaliser l'apparence grâce au PA et aux images, le choix est nettement plus simple : basez vous simplement sur l'apparence de chaque version pour décider de la structure qui vous plaît le plus. Pour voir les différentes versions "en action", voilà les liens d'aperçu fournis par forumactif :

PhpBB2

PhpBB3

PunBB

Invision

ModernBB

AwesomeBB

[webcraft-notes]

Mastering Nuxt 3 SSR: Dynamic Routes and Sitemaps for E-commerce Success

This tutorial dives deep into configuring Nuxt 3 in SSR mode to generate dynamic pages, optimize routes, and create comprehensive sitemaps. Learn how to:

Configure 'nitro' for dynamic page generation

Create SEO-friendly routes for thousands of products

Generate accurate sitemaps for improved search visibility

Optimize your build process for large-scale applications

Perfect for developers tackling complex e-commerce platforms or content-heavy sites. Boost your SEO game and create more efficient, scalable web applications with Nuxt 3!

[fortunatelycoldengineer]

Difference between ReactJS and React Native . . . . for more information and tutorial https://bit.ly/3ULpbHY check the above link