Affichage des résultats du sondage: Pourrait-on se passer entièrement de JavaScript au profit de HTML et CSS uniquement ?

Votants
26. Vous ne pouvez pas participer à ce sondage.
  • Oui, je peux me passer entièrement de JavaScript côté client

    3 11,54%
  • Non, je ferai forcément appel à JavaScript côté client.

    22 84,62%
  • Je n'ai pas d'avis.

    1 3,85%
+ Répondre à la discussion Actualité déjà publiée
Page 1 sur 2 12 DernièreDernière
  1. #1
    Chroniqueur Actualités

    Homme Profil pro
    Webmaster
    Inscrit en
    janvier 2014
    Messages
    583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : janvier 2014
    Messages : 583
    Points : 12 035
    Points
    12 035

    Par défaut Pourrait-on se passer de JavaScript au profit de HTML et CSS uniquement ?

    Pourrait-on se passer de JavaScript au profit de HTML et CSS uniquement ?
    Un designer pense que cela est possible, quel est votre avis ?

    JavaScript est un langage de programmation qui n’est plus à présenter. Dans presque tous les domaines, ce langage est utilisé pour développer des projets. Avec la grande prolifération d'outils et de langages dérivés de JavaScript, l’on a un grand nombre de projets JavaScript qui sont nés. Du côté frontend comme backend, l’on a diverses solutions JavaScript qui existent et font la joie de nombreuses personnes. Certains ont même poussé l’utilisation de JavaScript et ont par exemple conçu des plateformes de bureau web basées sur JavaScript comme OS.js. D’autres par contre maniant les rouages de langage sont parvenus à mettre en œuvre des outils moins célèbres comme Ransom32, un ramsomware codé en JavaScript.

    À lumière de tous ces exemples, l’on peut constater combien de fois ce langage est dominant dans la sphère des développeurs et des possibilités énormes offertes par celui-ci. Toutefois, avec la sortie des nouveaux standards HTML et CSS, certaines implémentations qui étaient l’apanage de JavaScript sont maintenant possibles avec HTML et CSS.

    Un développeur a mis en ligne une série d’actions réalisées avec HTML et CSS, alors que celles-ci sont généralement effectuées avec JavaScript. Pour réaliser par exemple un slider, là où les designers utiliseront JavaScript, Una Kravets également designer montre qu’il est possible d’obtenir les mêmes résultats en se servant CSSSlider ou encore Pure CSS Slider. Pour ceux par exemple qui souhaitent concevoir des galeries photo, il est également possible d’utiliser HTML et CSS en faisant appel à l’outil Gallery.CSS au lieu d’utiliser JavaScript.

    Pour réaliser par exemple un accordéon, il est possible d’utiliser le code HTML et CSS suivant :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    <!DOCTYPE html>
    	<html >
    	<head>
    	<meta charset="UTF-8">
     
    	<title>CodePen - CSS Only Accordion: youmightnotneedjs.com</title>
     
    	<style>
            input[type="radio"] {
            position: absolute;
            opacity: 0;
            }
            input[type="radio"]:focus + label {
            color: black;
            background-color: wheat;
            }
            
            label {
            position: relative;
            display: block;
            cursor: pointer;
            background: #c69;
            color: white;
            padding: .5em;
            border-bottom: 1px solid white;
            }
            
            section {
            height: 0;
            transition: .3s all;
            overflow: hidden;
            }
            
            #toggle1:checked ~ #content1,
            #toggle2:checked ~ #content2,
            #toggle3:checked ~ #content3,
            #toggle4:checked ~ #content4 {
            height: 150px;
            }
            
            body {
            font-family: monospace;
            font-size: 1.5;
            }
            
            p {
            padding: 0 2em;
            }
            
            .togglebox {
            margin: 0 auto;
            width: 50%;
            border: 1px solid #c69;
            }
            
            </style>
     
    	<script>
            window.console = window.console || function(t) {};
            </script>
     
    	<script>
            if (document.location.search.match(/type=embed/gi)) {
            window.parent.postMessage("resize", "*");
            }
            </script>
     
    	</head>
     
    	<body translate="no" >
     
    	<div class="togglebox">
    	<input id="toggle1" type="radio" name="toggle" />
    	<label for="toggle1">Label 1</label>
    	<section id="content1">
    	<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ea veritatis cumque unde dolore quasi hic praesentium, in consequatur, incidunt alias iure illum facilis qui odit excepturi tenetur, error eligendi.</span><span>Accusamus quasi eveniet dolorem, nihil cupiditate, facilis id quas consectetur mollitia quod minima excepturi maiores. A, molestias suscipit sunt provident libero magnam quas dolores aspernatur totam tenetur vel quis. Officia?</span></p>
    	</section>
     
    	<input id="toggle2" type="radio" name="toggle" />
    	<label for="toggle2">Label 2</label>
    	<section id="content2">
    	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem tempora quia fugit eveniet nostrum amet quod aliquid repellendus sint. Adipisci voluptas ratione doloremque delectus vel nemo cumque autem beatae minus.</p>
    	</section>
     
    	<input id="toggle3" type="radio" name="toggle" />
    	<label for="toggle3">Label 3</label>
    	<section id="content3">
    	<img src="https://unsplash.it/600/150?number=200" alt="" />
     
    	</section>
    	</div>
     
    	</body>
    	</html>

    Pour valider un formulaire par exemple, il est également possible d’utiliser uniquement HTML et CSSS, là où certains se tourneraient vers JavaScript :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    <!DOCTYPE html>
    	<html >
    	<head>
    	<meta charset="UTF-8">
     
    	<title>CodePen - HTML Form Validation: youmightnotneedjs.com</title>
     
    	<style>
            body {
            font-family: monospace;
            }
            
            button {
            background-color: wheat;
            padding: .5em;
            border: none;
            }
            
            form {
            width: 50%;
            display: block;
            margin: 0 auto;
            }
            
            input,
            textarea {
            width: 100%;
            margin-bottom: 1em;
            }
            
            </style>
     
    	<script>
            window.console = window.console || function(t) {};
            </script>
     
    	<script>
            if (document.location.search.match(/type=embed/gi)) {
            window.parent.postMessage("resize", "*");
            }
            </script>
     
    	</head>
     
    	<body translate="no" >
     
    	<form>
    	<!-- Case insensitive binary choice -->
    	<div>
    	<label for="item1">Would you prefer a banana or a cherry?</label>
    	<input id="item1" pattern="[Bb]anana|[Cc]herry">
    	</div>
     
    	<!-- Email validation -->
    	<div>
    	<label for="item2">What's your e-mail?</label>
    	<input id="item2" type="email" name="email">
    	</div>
     
    	<!-- Max length validation -->
    	<div>
    	<label for="item3">Leave a short message</label>
    	<textarea id="item3" name="msg" maxlength="140" rows="5"></textarea>
    	</div>
     
    	<!-- Numeric + Symbol pattern as required field -->
    	<div>
    	<label for="item4">Phone Number (format: xxxx-xxx-xxxx):</label><br/>
    	<input id="item4" type="tel" pattern="^\d{4}-\d{3}-\d{4}$" required >
    	</div>
     
    	<button type="submit">Submit</button>
    	</form>
     
    	</body>
    	</html>

    Pour afficher une alerte en cliquant sur un bouton, il est possible d’utiliser le code HTML ET CSS suivant sans faire intervenir JavaScript :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    <!DOCTYPE html>
    	<html >
    	<head>
    	<meta charset="UTF-8">
     
     
    	<title>CodePen - CSS-Only Modal: youmightnotneedjs.com</title>
     
    	<link rel="stylesheet" href="//codepen.io/assets/reset/normalize.css">
     
    	<style>
            .modal {
            opacity: 0;
            visibility: hidden;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: fixed;
            width: 100%;
            height: 100%;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            }
            
            button:focus + .modal {
            opacity: 1;
            visibility: visible;
            }
            
            body {
            font-family: monospace;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-height: 100vh;
            }
            
            button {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            background-color: #c69;
            border: none;
            padding: 1.5em;
            max-width: 30%;
            color: white;
            -webkit-transition-duration: .25s;
            transition-duration: .25s;
            }
            button:hover {
            background-color: #993366;
            }
            
            span {
            position: absolute;
            top: .2em;
            right: .5em;
            font-size: 1.5em;
            cursor: pointer;
            }
            span:hover {
            color: #c69;
            }
            
            .modal {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            background: wheat;
            border: 1px solid #c69;
            border-radius: 3px;
            height: 120px;
            max-width: 50%;
            }
            .modal p {
            font-size: 1.5em;
            }
            
            </style>
     
    	<script>
            window.console = window.console || function(t) {};
            </script>
     
    	<script>
            if (document.location.search.match(/type=embed/gi)) {
            window.parent.postMessage("resize", "*");
            }
            </script>
     
    	</head>
     
    	<body translate="no" >
     
    	<button>Click Me</button>
     
    	<div class="modal">
    	<span>&times;</span>
    	<p>Hello Beautiful!</p>
    	</div>
     
    	</body>
    	</html>

    Plusieurs autres exemples sont encore disponibles afin de monter qu’il est possible d’utiliser CSS et HTML uniquement là où il fallait impérativement recourir à JavaScript.Pour certains, un des avantages mis en avant en mettant de côté JavaScript est que cela permet un rendu uniforme sur tous les navigateurs sans avoir besoin de prendre en compte les spécificités de traitement JavaScript pour chaque navigateur. Par ailleurs, eu égard au fait que le code s’exécute directement avec le navigateur et non un moteur JavaScript, d’autres soulignent que les performances du rendu seront améliorées et les éléments du DOM seront affichés assez rapidement.

    Tous ces éléments poussent certaines personnes à affirmer que l’on pourrait se passer de JavaScript pour la réalisation de certaines tâches côté client. D’autres par contre estiment que ces implémentations avec CSS et HTML sont limitées et sont loin de pouvoir supplanter JavaScript que ce soit côté frontend ou backend. Ces derniers soulignent que réaliser deux trois implémentations sans Javascript ne peut aucunement entamer l'omniprésence de JavaScript. Quel est votre avis sur la question ?

    Source : Blog Una

    Et vous ?

    Pensez-vous que ces réalisations avec CSS et HTML puissent permettre d’abandonner JavaScript ?

    Voir aussi

    Est-il possible de se passer de JavaScript sur la toile ? Après avoir désactivé JavaScript, Klint le réactive pour profiter de ses avantages
    Les développeurs abusent-ils des scripts ? Un ingénieur rédige des scripts dès qu'une tâche ennuyeuse lui prend plus de 90 secondes

    La Rubrique JavaScript, Forum JavaScript, Cours et tutoriels JavaScript, FAQ JavaScript

  2. #2
    Membre expérimenté Avatar de nchal
    Homme Profil pro
    Étudiant
    Inscrit en
    avril 2012
    Messages
    461
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : avril 2012
    Messages : 461
    Points : 1 429
    Points
    1 429

    Par défaut

    Je pense que si les gens pouvaient (facilement) se passer de JS, ils ne se gêneraient pas vu le merdier que ça devient (et je ne dis pas que CSS est la meilleur alternative )
    Si la réponse vous convient, un petit ça encourage.
    Avant tout nouveau post, pensez à : la FAQ, Google et la fonction Recherche
    Si vous devez poster, pensez à: Ecrire en français, la balise [CODE] (#) et surtout

  3. #3
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    9 146
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 9 146
    Points : 18 234
    Points
    18 234

    Par défaut

    Citation Envoyé par Olivier Famien Voir le message
    1/ Tous ces éléments poussent certaines personnes à affirmer que l’on pourrait se passer de JavaScript pour la réalisation de certaines tâches côté client.

    2/ D’autres par contre estiment que ces implémentations avec CSS et HTML sont limitées et sont loin de pouvoir supplanter JavaScript que ce soit côté frontend ou backend. Ces derniers soulignent que réaliser deux trois implémentations sans Javascript ne peut aucunement entamer l'omniprésence de JavaScript.

    Quel est votre avis sur la question ?
    Comme disait Coluche :
    "Je ne suis ni pour , ni contre, bien au contraire !"
    Plus sérieusement, la question est mal posée (?) , car les deux opinions ne sont pas antinomiques (pas contradictoires) : je suis donc d'accord avec... les deux ! (il manque la case pour voter !)
    • 1/ pour la réalisation de certaines tâches côté client
    • 2/ sont loin de pouvoir supplanter JavaScript


    On peut d'ores et déjà réaliser de nombreuses animations / transitions /... en CSS.
    Et de nouvelles fonctionnalités vont encore apparaitre dans l'avenir.

    Mais jusqu'à présent, le CSS n'est pas en mesure de remplacer toutes les fonctionnalités de JavaScript.
    N.B. Si je reprends le 1er exemple, en remplaçant une ligne :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    	#toggle1:checked ~ #content1,
    	#toggle2:checked ~ #content2,
    	#toggle3:checked ~ #content3,
    	#toggle4:checked ~ #content4 {
    	height: auto; /* auto au lieu d'une valeur fixée 150px; */
    	}
    Problème : plus d'animation, ça s'ouvre brutalement.

    "C'est peut-être un détail pour vous, mais pour moi ça veut dire beaucoup..."

    A mon avis, l'important est surtout de savoir QUAND et COMMENT utiliser les BONS outils, à BON escient.



    D'un autre coté, le CSS permet de "styler" le contenu, et a été conçu justement pour séparer le style du contenu.
    Je ne suis pas persuadé que lui donner un autre rôle (validation de formulaire,...) soit une bonne idée.

    Ou alors, il faut revenir encore plus en arrière, et se passer aussi de CSS en ré-introduisant les vieilles balises et attributs HTML obsolètes ! (<center>, <font...>, align="..." valign="..."........)
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Ce qui se conçoit bien s'énonce clairement. Et les mots pour le dire arrivent aisément."
    Nicolas Boileau-Despréaux (1636-1711).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  4. #4
    Membre habitué
    Inscrit en
    novembre 2006
    Messages
    95
    Détails du profil
    Informations forums :
    Inscription : novembre 2006
    Messages : 95
    Points : 172
    Points
    172

    Par défaut

    Perso, j'aimerai davantage pouvoir me passer de CSS
    Développeur / Formateur
    Tutoriels AngularJS / Node.js sur ma chaîne Youtube : http://www.youtube.com/user/DevDuFutur

  5. #5
    Expert confirmé
    Avatar de TiranusKBX
    Homme Profil pro
    Développeur C, C++, C#, Python, PHP, HTML, JS
    Inscrit en
    avril 2013
    Messages
    1 268
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 27
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur C, C++, C#, Python, PHP, HTML, JS
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : avril 2013
    Messages : 1 268
    Points : 4 142
    Points
    4 142
    Billets dans le blog
    6

    Par défaut

    La on retourne sur une actus à trolls.
    CSS à une usage et JS sert à faire TOUT ce qui est en dehors de l'usage de HTML+CSS.
    Vous allez demander à CSS de faire des requêtes Ajax toutes les minutes ?(autant faire une iframe avec une balise meta refresh et encore tu fait des modification que dans l'iframe) ou bien des calculs complexes ?
    si oui vous fumez quoi ?

  6. #6
    Membre régulier
    Profil pro
    Inscrit en
    janvier 2012
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2012
    Messages : 76
    Points : 104
    Points
    104

  7. #7
    Membre du Club
    Inscrit en
    novembre 2004
    Messages
    26
    Détails du profil
    Informations forums :
    Inscription : novembre 2004
    Messages : 26
    Points : 63
    Points
    63

    Par défaut

    En même temps un designer qui parle de code...

    C'est en récoltant ce genre d'avis illégitime que l'on entend (et que des pseudo-chroniqueurs cyrilhanounesques mettent en avant) des bêtises telles que "les développeurs modernes ne font qu'assembler des librairies, ils ne codent plus". Elle est même passé sur developpez.net si je me souviens bien.

    Parcontre ce qui serait vraiment, mais alors vraiment bien, ce serait un support complet d'ES6 dans les navigateurs. Là, tout de suite, si possible avant Half-Life 3

  8. #8
    Membre éclairé
    Profil pro
    Inscrit en
    février 2013
    Messages
    320
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : février 2013
    Messages : 320
    Points : 751
    Points
    751

    Par défaut

    Moi je suis pour toute initiative qui viserait à éliminer JavaScript. Un bon 90% des sites sont devenus inconsultables sans JS, les modules JS à charger étant devenus obèses, ils pèsent sur les ressources systèmes au point de pouvoir bloquer une machine qui peut attendre indéfiniement qu'un script mal conçu (une banalité dans l'univers JS) s'achève.

  9. #9
    Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    février 2014
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : février 2014
    Messages : 8
    Points : 61
    Points
    61

    Par défaut

    hahaha très bonne blague... attends, il est sérieux?!

  10. #10
    Expert éminent

    Homme Profil pro
    Développeur Web
    Inscrit en
    septembre 2010
    Messages
    4 302
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : septembre 2010
    Messages : 4 302
    Points : 8 115
    Points
    8 115

    Par défaut

    On peut se passer de javascript au profit de css pour certaines animations assez basiques, pour le reste c'est encore largement insuffisant pour des besoins courants. Je fais comment par exemple pour faire afficher un diaporama d'une cinquantaine de photos grand format avec juste html et css ?

    @23JFK Dans 99% des cas (sauf site amateur débutant) ce ne sont pas les lib ni le code javascript qui sont longs à charger mais plutôt les requêtes complémentaires hors domaine comme les pub, les stats google ou autres traceurs, l'intégration de vidéos youtube, etc. Faut pas confondre l'outil et l'usage abusif que certains en font. Sinon c'est comme interdire l'usage du maillet parce que certains s'en servent pour en assommer d'autres. Même sans javascript les sites qui le souhaitent trouveraient bien d'autres moyens pour nous assommer de pub et autres traceurs et au final avec des pages sans doute encore beaucoup plus longues à charger.
    Mais vous n'êtes pas obligés de consulter ces sites, et si vous en fabriquez, vous n'êtes pas obligés non plus d'intégrer tous ces éléments. Ce n'est pas la technologie qui est à condamner mais l'usage que certains sites en font. Bien dosé, javascript permet une meilleure expérience utilisateur. Suffit de faire le tri

  11. #11
    Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    février 2014
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : février 2014
    Messages : 8
    Points : 61
    Points
    61

    Par défaut

    Effectivement, je crois que l'on pourra remplacer totalement un jour remplacer le javascript par le css pour l'aspect esthétique, mais problamement jamais pour le reste...

    Citation Envoyé par ABCIWEB Voir le message
    On peut se passer de javascript au profit de css pour certaines animations assez basiques, pour le reste c'est encore largement insuffisant pour des besoins courants. Je fais comment par exemple pour faire afficher un diaporama d'une cinquantaine de photos grand format avec juste html et css ?

  12. #12
    Membre actif

    Homme Profil pro
    Freelance Web Ninja
    Inscrit en
    mai 2006
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : Belgique

    Informations professionnelles :
    Activité : Freelance Web Ninja

    Informations forums :
    Inscription : mai 2006
    Messages : 58
    Points : 291
    Points
    291

    Par défaut

    Personnellement, j'ai regardé les démos qu'il propose, et mon opinion : c'est un excellent web développeur CSS+HTML.
    Il utilise CSS quand c'est possible et le pousse à bout. C'est la bonne chose à faire :
    1. Est-ce possible en HTML pur ?
    2. Est-ce possible en HTML+CSS uniquement ?
    3. Est-ce possible en HTML+CSS+JS ?

    Voila le bon ordre à suivre. Mais le CSS fait tellement peur que beaucoup passent directement à la 3ème option. Et pour ça, je suis d'accord avec l'auteur.

    D'ailleurs, les premières lignes de son articles :
    JavaScript is great, and by all means use it, while also being aware that you can
    build so many functional UI components without the additional dependancy.

    Deux conclusions :
    1. La rédaction a mal transmis l'intention originale
    2. Les web devs en général devraient plus s'intéresser au CSS, ou le CSS devrait être plus attrayant, au choix :-)

  13. #13
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 122
    Points : 9 116
    Points
    9 116

    Par défaut

    Una Krevets n'est pas un designer mais une développeuse front-end auteur et contributeur de plusieurs projets open-source JavaScript : https://github.com/una?language=java...b=repositories

    De plus, il n'a jamais été question de se passer de JavaScript complètement. Le site http://youmightnotneedjs.com/ utilise lui-même du JavaScript... mais seulement avec parcimonie et en étant toujours consultable avec JS désactivé. Le but d'Una est d'informer les développeurs que de nombreux composants UI peuvent être réalisés sans JavaScript, alors lorsque c'est possible, autant s'en passer.

    Cela dit, il faut avoir conscience que JS offre généralement beaucoup plus de flexibilité et de fonctionnalités ainsi qu'une plus grande facilité d'intégration et de composition de ces composants. Bien que ces démos pur CSS soient très intéressantes, on peut difficilement reprocher aux développeurs de céder à la facilité lorsque le planning est serré ou lorsque l'on doit respecter les exigences parfois capricieuses de nos clients vis à vis de l'UI.
    One Web to rule them all

  14. #14
    Nouveau membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    août 2005
    Messages
    23
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : août 2005
    Messages : 23
    Points : 30
    Points
    30

    Par défaut

    Citation Envoyé par ABCIWEB Voir le message
    On peut se passer de javascript au profit de css pour certaines animations assez basiques, pour le reste c'est encore largement insuffisant pour des besoins courants. Je fais comment par exemple pour faire afficher un diaporama d'une cinquantaine de photos grand format avec juste html et css ?
    c'est une blague ?? Ou ça manque de spécificités qui rendrait JS "indispensable"...

  15. #15
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    mars 2002
    Messages
    37 068
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2002
    Messages : 37 068
    Points : 63 020
    Points
    63 020
    Billets dans le blog
    1

    Par défaut

    Pour les animations je ne dis pas, CSS3 permet beaucoup de choses bien que la syntaxe soit assez complexe et qu'il faille de bonnes notions de trigonométrie.
    Mais il y a un certain nombre d'autres choses pour lesquelles JavaScript restera indispensable.
    Pour limiter par exemple des requêtes au serveur et pour un confort d'utilisation du site JS permet de réaliser des vérifications complexes sur des chaines ou des numériques.
    Je ne vois pas l’intérêt d'aller rajouter une couche au css pour cela.
    CSS comme son nom l'indique c'est le Style.

    On retombe dans l'éternelle guéguerre entre graphistes et développeurs ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag


    réalisations :www.oxygen-translations.com|www.saftair.com| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  16. #16
    Membre habitué
    Étudiant
    Inscrit en
    juin 2010
    Messages
    60
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : juin 2010
    Messages : 60
    Points : 173
    Points
    173

    Par défaut

    Se passer de Javascript ? Ce serait bien en effet d'avoir une alternative.
    Tout faire en CSS ? Bien sûr que non
    Dailleur le cite en source... utilise javascript

    extrait du code de la page montrant qu'on peut se passer de javascript.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <div style="-webkit-transform: translateZ(0);"></div>
    <script>Prism.highlightAll();</script>
    Faite ce que je dis, pas ce que je fais

  17. #17
    Membre régulier
    Profil pro
    Inscrit en
    janvier 2004
    Messages
    125
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2004
    Messages : 125
    Points : 119
    Points
    119

    Par défaut

    <script>
    window.console = window.console || function(t) {};
    </script>

    <script>
    if (document.location.search.match(/type=embed/gi)) {
    window.parent.postMessage("resize", "*");
    }
    </script>
    Et ça c'est quoi ?...
    Rien que pour ça, cette news est ridicule...

  18. #18
    Membre averti
    Profil pro
    Inscrit en
    mai 2011
    Messages
    154
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mai 2011
    Messages : 154
    Points : 313
    Points
    313

    Par défaut

    Je pense que le gars a fume une bon coup quand il a dit cela.
    Je suis d'accord avec tout ce qui est animation. Je me rappelle quand Google a fait la promotion de HTML 5 qu'on pouvait tout faire en CSS 3 et HTML5. Apres tout les animations sont justes des sequences de CSS et javascript ne fait que des boucles de ces sequences. Mais CSS3 n'est pas encore la. Donc s'il sort CSS 4 pourquoi pas. Apres en train script Javascript et CSS 3, je sais pas si vous avez deja vu les oeuvres sur CodePen, c'est juste illisible pour non designer. Qu'il essaie de faire la clarté avec un fadein avec du css alors que je pond une ligne de code avec jQuery.

    Ensuite la Canvas depend vachement de Javascript.
    Il oublie aussi qu'on utilise Javascript pour faire tout ce qui est structurel. Car l'epoque des page1, page1, page3 sur mon projet HTML, cela date un peu quand meme. Donc aujourd'hui, on utilise les framework MVC et on connait tous les raisons pour ne pas choisir le server-side pour faire cela.

    Enfin il veut faire de l'ajax comment ? Il veut encore mettre cela en server-side aussi. On voit qu'il est juste designer, la data cela existe pas quoi.
    C'est comme-ci il me disait que je peux faire du WPF, Windows 10 avec seulement du Xaml.

  19. #19
    Membre expert Avatar de Kearz
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    mai 2012
    Messages
    796
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : mai 2012
    Messages : 796
    Points : 3 297
    Points
    3 297

    Par défaut

    J'ai l'impression que la news pousse trop dans le sens "il ne faut pas utiliser javascript".
    Quand on regarde en détail c'est plutôt "il ne faut pas utiliser javascript quand ce n'est pas nécessaire". Ce qui est logique.

    D'ailleurs le site qu'il propose est inspiré d'un site disant que JQuery n'est pas obligatoire. Pourquoi prendre JQuery pour un site balançant deux petits AJAX?
    Bref, la même logique. Pourquoi utiliser Javascript pour faire de l'affichage peu complexe?

    Je suis assez d'accord avec ce constat. Si on t'autorise a développer pour des navigateurs moderne, autant utiliser ce que HTML5/CSS3 propose.
    Et utiliser un maximum la logique:
    - HTML : Contenu
    - CSS : Affichage
    - JS : Action


    (Par contre pour les animations, utiliser du CSS c'est bien mais bon, encore faut-il qu'on nous laisse le temps de le faire.
    Quand le timing est limite, utiliser une librairie JS, c'est quand même pratique.)

  20. #20
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    février 2009
    Messages
    5 484
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 66
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : février 2009
    Messages : 5 484
    Points : 19 979
    Points
    19 979
    Billets dans le blog
    33

    Par défaut

    Je préfère JS au CSS3 pour les animations non triviales.

    Je suis encore dans la phase d'apprentissage de GSAP, mais pour une animation demandant plusieurs instructions, TweenMax me semble beaucoup plus facile à comprendre et à modifier.

    Je crois connaître toutes les objections, en commençant par le "visible sans JS" et en terminant par "encore un téléchargement de plus". Mais nous ne sommes plus au deuxième millénaire, les performances des navigateurs et les habitudes des utilisateurs ont évolué.

    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>.

    Blog

    FAQ JS Tutoriels JS

    Si un message vous a aidé ou vous semble pertinent, votez pour lui !

Discussions similaires

  1. Passer array javascript a un controleur
    Par tronzo dans le forum ASP.NET MVC
    Réponses: 0
    Dernier message: 22/06/2011, 18h24
  2. passer variable javascript en php même page
    Par brutalus dans le forum JavaScript
    Réponses: 5
    Dernier message: 28/11/2010, 20h25
  3. passer variable javascript a c#
    Par mathiew dans le forum ASP.NET
    Réponses: 5
    Dernier message: 19/05/2010, 13h06
  4. Passer valeur javascript dans un formulaire
    Par clementh dans le forum Formulaires
    Réponses: 12
    Dernier message: 18/07/2008, 17h57
  5. Passer tableau à Javascript en Perl
    Par lavm01 dans le forum Web
    Réponses: 6
    Dernier message: 03/08/2007, 17h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo