// // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; // match .btn alignment given font-size hack above > .btn { position: relative; float: left; // Bring the "active" button to the front &:hover, &:focus, &:active, &.active { z-index: 2; } &:focus { // Remove focus outline when dropdown JS adds it after closing the menu outline: 0; } } } // Prevent double borders when buttons are next to each other .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: -1px; } } // Optional: Group multiple button groups together for a toolbar .btn-toolbar { margin-left: -5px; // Offset the first child's margin &:extend(.clearfix all); .btn-group, .input-group { float: left; } > .btn, > .btn-group, > .input-group { margin-left: 5px; } } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; &:not(:last-child):not(.dropdown-toggle) { .border-right-radius(0); } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child { > .btn:last-child, > .dropdown-toggle { .border-right-radius(0); } } .btn-group > .btn-group:last-child > .btn:first-child { .border-left-radius(0); } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Sizing // // Remix the default button sizing classes into new ones for easier manipulation. .btn-group-xs > .btn { &:extend(.btn-xs); } .btn-group-sm > .btn { &:extend(.btn-sm); } .btn-group-lg > .btn { &:extend(.btn-lg); } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle { .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); // Show no shadow for `.btn-link` since it has no other button styles. &.btn-link { .box-shadow(none); } } // Reposition the caret .btn .caret { margin-left: 0; } // Carets in other button sizes .btn-lg .caret { border-width: @caret-width-large @caret-width-large 0; border-bottom-width: 0; } // Upside down carets for .dropup .dropup .btn-lg .caret { border-width: 0 @caret-width-large @caret-width-large; } // Vertical button groups // ---------------------- .btn-group-vertical { > .btn, > .btn-group, > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } // Clear floats so dropdown menus can be properly placed > .btn-group { &:extend(.clearfix all); > .btn { float: none; } } > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } } .btn-group-vertical > .btn { &:not(:first-child):not(:last-child) { border-radius: 0; } &:first-child:not(:last-child) { border-top-right-radius: @border-radius-base; .border-bottom-radius(0); } &:last-child:not(:first-child) { border-bottom-left-radius: @border-radius-base; .border-top-radius(0); } } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { .border-bottom-radius(0); } } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { .border-top-radius(0); } // Justified button groups // ---------------------- .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; > .btn, > .btn-group { float: none; display: table-cell; width: 1%; } > .btn-group .btn { width: 100%; } > .btn-group .dropdown-menu { left: auto; } } // Checkbox and radio options // // In order to support the browser's form validation feedback, powered by the // `required` attribute, we have to "hide" the inputs via `opacity`. We cannot // use `display: none;` or `visibility: hidden;` as that also hides the popover. // This way, we ensure a DOM element is visible to position the popover from. // // See https://github.com/twbs/bootstrap/pull/12794 for more. [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; .opacity(0); } .elementor-animation-grow-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } Le Média Collaboratif Une Révolution de l’Information -107425855 – Smart Porteria Virtual

Le Média Collaboratif Une Révolution de l’Information -107425855

Le Média Collaboratif : Une Révolution de l’Information

Dans une époque où l’information circule à une vitesse fulgurante, le concept de médiaculture évolue rap_idement. Le média collaboratif Libre Actu est un exemple de plateforme qui illustre cette tendance. Que signifie réellement le terme «média collaboratif» et comment transforme-t-il notre relation à l’information ?

Qu’est-ce que le Média Collaboratif ?

Le média collaboratif se définit comme une approche de la création et de la diffusion d’informations qui repose sur la contribution collective. Contrairement aux modèles traditionnels de médias, où les informations sont souvent centralisées entre les mains d’un petit groupe de journalistes, les médias collaboratifs ouvrent les portes à tous. Qu’il s’agisse d’un article, d’une vidéo ou d’un simple post sur les réseaux sociaux, tout le monde peut devenir un créateur de contenu.

Les Avantages du Média Collaboratif

Les avantages de ce modèle sont nombreux :

Le Média Collaboratif  Une Révolution de l'Information -107425855
  • Démocratisation de l’information : Chacun a la possibilité de partager sa perspective, ce qui enrichit le débat public.
  • Vélocité : L’information peut être diffusée immédiatement, à l’inverse des médias traditionnels qui peuvent prendre du temps à réagir.
  • Contrôle communautaire : Les communautés peuvent faire entendre leur voix et défendre leurs intérêts par le biais de leurs propres canaux de communication.

Exemples de Médias Collaboratifs

Plusieurs exemples de médias collaboratifs existent aujourd’hui. Des sites comme Wikipedia offrent aux utilisateurs la possibilité de contribuer au contenu, tandis que des plateformes comme Medium permettent aux écrivains de partager leurs réflexions sur divers sujets.

Dans le contexte francophone, Rue89 et Le Post ont ouvert la voie à cette nouvelle forme de journalisme, où les lecteurs peuvent devenir eux-mêmes rédacteurs. Cela a permis de diversifier les points de vue et de briser le monopole de l’information.

Challenges et Critiques

Malgré ses nombreux avantages, le média collaboratif fait face à plusieurs critiques. L’une des principales préoccupations est la véracité de l’information. Avec tant de voix, comment peut-on garantir que les informations partagées sont exactes ? Les fausses informations peuvent circuler tout aussi rapidement que les vraies, parfois même plus vite.

De plus, tous les acteurs ne possèdent pas les mêmes compétences en matière de journalisme. La question de la qualité des informations se pose : alors que certaines contributions peuvent être éclairantes, d’autres peuvent simplement être le fruit d’une désinformation ou d’une opinion biaisée.

Le Média Collaboratif  Une Révolution de l'Information -107425855

Le Rôle des Réseaux Sociaux

Les réseaux sociaux jouent un rôle clé dans l’expansion des médias collaboratifs. Des plateformes comme Facebook, Twitter et Instagram offrent un cadre dans lequel les utilisateurs peuvent partager des nouvelles et interagir avec d’autres. Cela a entraîné un engagement direct entre les consommateurs d’informations et ceux qui les produisent, bouleversant ainsi les relations traditionnelles entre médias et publics.

Cependant, les algorithmes de ces plateformes mettent souvent en avant des contenus sensationnalistes, ce qui peut entraîner une distorsion de la réalité. Les utilisateurs doivent donc faire preuve de discernement pour naviguer dans cet océan d’informations.

L’Avenir du Média Collaboratif

Le média collaboratif est en constante évolution. À mesure que la technologie continue de progresser, de nouvelles formes de collaboration émergent. Par exemple, l’utilisation de blockchain pourrait permettre de s’assurer de la provenance des informations, tout en offrant une transparence sur les contributions.

De même, l’émergence de l’intelligence artificielle pourrait également jouer un rôle dans la façon dont nous consommons et vérifions les informations. Des outils automatisés peuvent aider à repérer des tendances ou à signaler des contenus potentiellement faux.

Conclusion

Le média collaboratif représente une avancée significative dans la façon dont nous créons et consommons l’information. En favorisant la participation citoyenne et en ouvrant les canaux de communication, on assiste à une redéfinition du paysage médiatique. Pour que ce modèle réussisse, il est crucial que chacun prenne la responsabilité de vérifier l’information et de contribuer de manière constructive. Comment allons-nous naviguer dans ce nouveau monde ? Cela dépend de nous tous.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio