Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1532 connectés 

 
 


 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  1431  1432  1433  ..  1449  1450  1451  1452  1453  1454
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

blabla@web

n°2348921
nerosso
Posté le 21-03-2020 à 14:11:09  profilanswer
 

Reprise du message précédent :
Salut à tous,
 
En ces temps de confinement j’ai remonté un environnement de dév Ruby et Jekyll sur un vieil iBook G4. Je fais quasiment tourner les dernières versions Ruby en 2.5.5 et Jekyll en 3.6.3 sur du matos de 15 ans!
 
Par contre je n’ai pas de bon éditeur de texte. Si quelqu’un a une licence Textmate 1 inutilisée je suis preneur (50€ sur le site macromates c’est trop cher pour mon usage).
 
Merci d’avance
 
EDIT: reçu merci pour la licence.

Message cité 2 fois
Message édité par nerosso le 22-03-2020 à 13:35:10
mood
Publicité
Posté le 21-03-2020 à 14:11:09  profilanswer
 

n°2348924
masklinn
í dag viðrar vel til loftárása
Posté le 21-03-2020 à 14:46:53  profilanswer
 

nerosso a écrit :

Par contre je n’ai pas de bon éditeur de texte. Si quelqu’un a une licence Textmate 1 inutilisée je suis preneur (50€ sur le site macromates c’est trop cher pour mon usage).


Sinon Emacs tourne probablement très bien :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°2348927
nerosso
Posté le 21-03-2020 à 15:10:50  profilanswer
 

Je ne maitrise pas Emacs et en plus j’utilise un layout Colemak, les raccourcis-claviers vont être mal placés. TM marche ootb pas comme vim qu’il faut customiser pour avoir un truc utilisable.


Message édité par nerosso le 21-03-2020 à 15:22:01
n°2348928
skylight
Made in France.
Posté le 21-03-2020 à 15:31:34  profilanswer
 

Sublime text ?

Message cité 1 fois
n°2348932
bixibu
Ca ... c'est fait!
Posté le 21-03-2020 à 16:46:49  profilanswer
 

skylight a écrit :

Sublime text ?

 

Vs code n'est pas devenu le standard gratuit  ?   :o

Message cité 1 fois

---------------
App Android NextGP - Calendrier, Notifications pour 12 sports meca : Playstore - TU
n°2348936
masklinn
í dag viðrar vel til loftárása
Posté le 21-03-2020 à 17:04:57  profilanswer
 

bixibu a écrit :

 

Vs code n'est pas devenu le standard gratuit  ?   :o


vscode sur un iBook G4? Même si c'était dispo en PPC (j'en suis pas persuadé), les G4 étaient limités à 1.5Go RAM [:petrus75]


Message édité par masklinn le 21-03-2020 à 17:06:15

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°2348938
bixibu
Ca ... c'est fait!
Posté le 21-03-2020 à 17:21:16  profilanswer
 

Ha oui d'accord effectivement :o


---------------
App Android NextGP - Calendrier, Notifications pour 12 sports meca : Playstore - TU
n°2349016
XaTriX
Posté le 22-03-2020 à 02:48:06  profilanswer
 

nerosso a écrit :

Salut à tous,
 
En ces temps de confinement j’ai remonté un environnement de dév Ruby et Jekyll sur un vieil iBook G4. Je fais quasiment tourner les dernières versions Ruby en 2.5.5 et Jekyll en 3.6.3 sur du matos de 15 ans!
 
Par contre je n’ai pas de bon éditeur de texte. Si quelqu’un a une licence Textmate 1 inutilisée je suis preneur (50€ sur le site macromates c’est trop cher pour mon usage).
 
Merci d’avance


 [:barthaliastoxik] à ce rythme la autant qu'on envoie un pc quoi :o


---------------
"Xat le punk à chien facho raciste. C'est complexe comme personnage." caudacien 05/10/2020
n°2349204
gzii
court-circuit
Posté le 23-03-2020 à 20:33:40  profilanswer
 

Bonsoir  
J'ai fait sur une page un menu avec le style position:fixed
Maintenant les liens vers les anchor sur ma page sont tout décalés (ils tombent plus bas, de la distance de l'épaisseur du menu) et je n'arrive pas à trouver le moyen de les recaler.
Il y a une pratique pour ça ?
Merci.

Message cité 1 fois
Message édité par gzii le 23-03-2020 à 20:34:28
n°2349222
fugacef
Posté le 23-03-2020 à 21:46:53  profilanswer
 

gzii a écrit :

Bonsoir
J'ai fait sur une page un menu avec le style position:fixed
Maintenant les liens vers les anchor sur ma page sont tout décalés (ils tombent plus bas, de la distance de l'épaisseur du menu) et je n'arrive pas à trouver le moyen de les recaler.
Il y a une pratique pour ça ?
Merci.


Fais un petit codepen ou fiddle pour montrer ton problème, ce sera plus parlant  :)

mood
Publicité
Posté le 23-03-2020 à 21:46:53  profilanswer
 

n°2349229
gzii
court-circuit
Posté le 23-03-2020 à 22:05:04  profilanswer
 

Ben c'est à dire que c'est un projet fictif, un exercice que j'ai eu sur un cours en ligne payant (codecademy), je ne sais pas si les ressources sont partageables même si j'ai tout écrit tout seul à part les specs (et utilisé les images données).
 
Je peux mettre mon code (qui doit être tout crade vu que je débute sur ça donc les conseils sont bienvenus) en revanche ici
 
Ce sont les 3 liens du début et j'ai fait de nombreuses modifs mais ça ne fonctionne toujours pas j'arrive sur le bon endroit mais plus bas de la largeur du menu qui est fixed.
 
index.html

Code :
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Tea Cozy</title>
  5. <link href="./resources/styles/style.css" rel="stylesheet" type="text/css">
  6. <meta charset="UTF-8">
  7. </head>
  8. <body>
  9. <nav>
  10.  <img src="./resources/images/img-tea-cozy-logo.png">
  11.  <ul>
  12.   <li><a href="#mission">Mission</a></li>
  13.   <li><a href="#month">Featured Tea</a></li>
  14.   <li><a href="#locations">Locations</a></li>
  15.  </ul>
  16. </nav>
  17. <main>
  18.  <div class="container">
  20.   <div id="mission">
  21.    <div id="missiontext">
  22.     <h2>Our Mission</h2>
  23.     <h4>Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch, Fair Trade, Organic Tea</h4>
  24.    </div>
  25.   </div>
  27.   <div id="month">
  28.    <h2>Tea of the Month</h2>
  29.    <h4>What's steeping at The Tea Cozy?</h4>
  30.    <div id="monthimgs">
  31.     <div id="monthitem">
  32.      <img src="./resources/images/img-berryblitz.jpg">
  33.      <h4>Fall Berry Blitz Tea</h4>
  34.     </div>
  35.     <div id="monthitem">
  36.      <img src="./resources/images/img-spiced-rum.jpg">
  37.      <h4>Spiced Rum Tea</h4>
  38.     </div>
  39.     <div id="monthitem">
  40.      <img src="./resources/images/img-donut.jpg">
  41.      <h4>Seasonal Donuts</h4>
  42.     </div>
  43.     <div id="monthitem">
  44.      <img src="./resources/images/img-myrtle-ave.jpg">
  45.      <h4>Myrtle Ave Tea</h4>
  46.     </div>
  47.     <div id="monthitem">
  48.      <img src="./resources/images/img-bedford-bizarre.jpg">
  49.      <h4>Bedford Bizarre Tea</h4>
  50.     </div>
  51.    </div>
  52.   </div>
  54.   <div id="locations">
  56.    <div id="locationsitems">
  57.     <h3>Downtown</h3>
  58.     <p>384 West 4th St</p>
  59.     <p>Suite 108</p>
  60.     <p>Portland, Maine</p>
  61.    </div>
  63.    <div id="locationsitems">
  64.     <h3>East Bayside</h3>
  65.     <p>3433 Phisherman's Avenue</p>
  66.     <p>(Northwest Corner)</p>
  67.     <p>Portland, Maine</p>
  68.    </div>
  70.    <div id="locationsitems">
  71.     <h3>Oakdale</h3>
  72.     <p>515 Crescent Avenue</p>
  73.     <p>Second Floor</p>
  74.     <p>Portland, Maine</p>
  75.    </div>
  77.   </div> <!-- locations -->
  78.   <div id="contact">
  79.    <h2>The Tea Cozy</h2>
  80.    <p>contact@theteacozy.com</p>
  81.    <p>917-555-8904</p>
  82.   </div>
  84.   <div id="copy">
  85.    <p>copyright The Tea Cozy 2017</p>
  86.   </div>
  87.  </div>
  88. </main>
  89. </body>
  90. </html>


 
style.css

Code :
  1. html {
  2. font-size: 16px;
  3. }
  5. body { font-family: Helvetica, sans-serif;
  6. color: seashell;
  7. background-color: black;
  8. opacity: 0.9;
  9. }
  11. nav {
  12. top: 0px;
  13. width: 100%;
  14. min-width: 1000px;
  15. margin: 0;
  16. padding: 0;
  17. height: 69px;
  18. position: fixed;
  19. border-bottom: 1px seashell solid;
  20. display: flex;
  21. justify-content: space-between;
  22. flex-wrap: wrap;
  23. align-items: center;
  24. align-content: center;
  25. z-index: 3;
  26. background-color: black;
  27. }
  29. nav img {
  30. height: 50px;
  31. margin-left: 10px;
  32. }
  34. nav ul { display: inline;
  35. }
  37. nav ul li {
  38. display: inline-block;
  39. text-decoration: underline;
  40. align-items: center;
  41. width: 140px;
  42. text-align: center;
  43. font-size: 1.3rem;
  44. }
  46. nav a {
  47. color: seashell;
  48. }
  50. main {
  51. display: relative;
  52. }
  53. main .container {
  54. /*position: relative;*/
  55. /*top: 62px;*/
  56. margin-top: 62px;
  57. }
  59. main {
  60. display: flex;
  61. }
  64. .container {
  65. width: 100%;
  66. display: flex;
  67. flex-flow: column;
  68. align-items: center;
  69. justify-content: center;
  70. margin:0;
  71. }
  73. #mission {
  75. height: 700px;
  76. background-image: url("../images/img-mission-background.jpg" );
  77. background-repeat: none;
  78. background-position: left;
  79. text-align: center;
  80. margin: 0 auto;
  81. padding: 0;
  82. display: flex;
  83. flex-flow: column;
  84. align-items: center;
  85. align-content: flex-end;
  86. width: 1200px;
  87. }
  89. #missiontext {
  90. background-color: black;
  91. margin: auto;
  92. width: 100%;
  93. width: 1200px;
  94. padding: 0;
  95. }
  97. h2, h3, h4 {
  98. text-align: center;
  99. }
  101. h2 {
  102. padding: 4px;
  103. margin: 0;
  104. }
  105. h4 {
  106. padding: 0;
  107. margin: 2px;
  108. }
  110. #month {
  111. position: relative;
  112. width: 1050px;
  113. display: flex;
  114. flex-flow: column;
  115. margin: 20px auto;
  116. }
  118. #monthimgs, #monthimgsend {
  119. position: relative;
  120. width: 100%;
  121. display: flex;
  122. flex-flow: row;
  123. flex-wrap: wrap;
  124. justify-content: center;
  125. padding: 0;
  126. }
  128. #monthitem {
  129. width: 300px;
  130. display: flex;
  131. flex-flow: column;
  132. margin: 3px 25px;
  133. }
  135. #monthitem img {
  136. width: 100%;
  137. height: 200px;
  138. }
  140. #monthitem h4 {
  141. margin: 10px auto;
  142. }
  144. #locations {
  145. width: 1200px;
  146. height: 500px;
  147. background-image: url("../images/img-locations-background.jpg" );
  148. background-repeat: none;
  149. background-position: center;
  150. margin: 10px auto;
  151. display: flex;
  152. flex-flow: row;
  153. justify-content: center;
  154. align-items: center;
  155. }
  157. #locationsitems {
  158. width: 300px;
  159. height: 300px;
  160. margin: 20px;
  161. background-color: black;
  162. display: flex;
  163. flex-flow: column;
  164. justify-content: center;
  165. align-items: center;
  166. opacity: 1;
  167. }
  169. #contact {
  170. height: 200px;
  171. width: 100%;
  172. display: flex;
  173. flex-flow: column;
  174. justify-content: space-around;
  175. align-items: center;
  176. }
  178. #copy {
  179. width: 100%;
  180. margin 20px;
  181. }


Message édité par gzii le 23-03-2020 à 22:09:41
n°2349243
ximothov
Posté le 23-03-2020 à 23:42:46  profilanswer
 

Il y a plein de solutions, google "header position fixed anchor" :jap:


---------------
http://www.youtube.com/profile?user=ximothov
n°2349245
gzii
court-circuit
Posté le 23-03-2020 à 23:53:16  profilanswer
 

Oui j'en ai testé plusieurs mais ça ne devait pas être les bonnes.

n°2349246
skylight
Made in France.
Posté le 24-03-2020 à 00:04:55  profilanswer
 

Le fait que ton nav soit en fixed veut dire qu'il sort du flux de positionnement de la page.
Tes ancres vont donc comme prévu se positionner en haut de ta fenêtre
Tu peux ruser en appliquant un padding-top de la hauteur de ton menu, et en appliquant également un margin-top négatif de la même hauteur, ou encore appliquer un padding-top à ton body, bref il y a plein de solutions.
Cherche "fixed nav anchors" sur le web, et essaie :jap:


Message édité par skylight le 24-03-2020 à 00:06:11
n°2349261
gzii
court-circuit
Posté le 24-03-2020 à 09:03:15  profilanswer
 

Ok merci Skylight. J'avais essayé la marge négative sans succès.
Je vais tenter ça.
On sort de ce que je devrais faire pour le projet (j'ai fait l'affichage comme demandé même si avec les tailles fixes c'est pas responsive), mais ce truc me titillait.
 
Edit: J'ai pas encore réussi. J'ai essayé le padding-top et margin-top sur le container de ma partie qui scrolle sans que ça bouge un poil (la mise en page reste bonne mais ça scrolle toujours un peu trop bas le haut de mon paragraphe est caché par le menu) mais j'ai peut-être oublié d'indiquer certains trucs en relative ou quoi.
Je tenterai encore en fin de journée.
 
Sinon il reste toujours la possibilité de mettre des éléments invisibles ou derrière avec le z-index sur lesquels on scrolle je suppose ? Mais c'est quand même moche :lol:


Message édité par gzii le 24-03-2020 à 09:13:53
n°2349444
isanaud
Posté le 25-03-2020 à 11:46:45  profilanswer
 

Je voudrais faire un mini site web qui permettrait à des utilisateurs authentifiés (filtre ldap) de poster un ou des fichiers pdf qui serait visionné sur un écran d'accueil.
Tout cela fonctionnerait sur un raspberry pi branché derrière l'écran.
 
Pour le mini site, je n'ai aucune compétence récente, j'ai fait quelques pages web au debut des années 2000, je me demandais s'il ne serait pas idéal de partir sur un framework...
Je coderais derrière en php.
Auriez vous des conseils ?  

Message cité 1 fois
n°2349483
flo850
moi je
Posté le 25-03-2020 à 13:32:29  profilanswer
 

tu poses un owncloud sur ton pi ?
https://www.raspberrypi-france.fr/s [...] pberry-pi/ + https://doc.owncloud.org/server/9.0 [...] _ldap.html


Message édité par flo850 le 25-03-2020 à 13:36:15

---------------

n°2349490
gelatine_v​elue
Posté le 25-03-2020 à 14:14:47  profilanswer
 

isanaud a écrit :

Je voudrais faire un mini site web qui permettrait à des utilisateurs authentifiés (filtre ldap) de poster un ou des fichiers pdf qui serait visionné sur un écran d'accueil.
Tout cela fonctionnerait sur un raspberry pi branché derrière l'écran.
 
Pour le mini site, je n'ai aucune compétence récente, j'ai fait quelques pages web au debut des années 2000, je me demandais s'il ne serait pas idéal de partir sur un framework...
Je coderais derrière en php.
Auriez vous des conseils ?  


 
Visionner du pdf sur une page web c'est un gros moment de lol. A ta place j'essaierais de faire un POC technique pour comprendre les pb de ce point précis avant toute chose.

Message cité 1 fois
n°2349492
isanaud
Posté le 25-03-2020 à 15:34:43  profilanswer
 

Je cherche une solution plus simple pour traiter le fichier.
Une fois les fichiers recus, ils sont concaténés  et le fichier généré est affiché sur l'écran.
 

n°2349493
isanaud
Posté le 25-03-2020 à 15:35:59  profilanswer
 

gelatine_velue a écrit :


 
Visionner du pdf sur une page web c'est un gros moment de lol. A ta place j'essaierais de faire un POC technique pour comprendre les pb de ce point précis avant toute chose.


l'écran d'accueil est une TV 55" dans le hall de l'école.

n°2349495
mechkurt
Posté le 25-03-2020 à 15:50:27  profilanswer
 

Je ne veux pas me faire l'avocat du diable mais il est plus facile de généré un pdf que de l'html pour un profane, et l'affichage des pdf est largement normalisé dans les navigateurs récent...


---------------
D3
n°2349499
isanaud
Posté le 25-03-2020 à 16:17:22  profilanswer
 

la partie pdf, j'ai déjà géré avec okular, c'st parfait.
 
pour le dépot de fichier je voudrais faire une sorte de formulaire decrit par exemple sur ce site : https://www.commentcamarche.net/faq [...] e-fichiers
 mais avec une mise en forme pas dégueulasse et une authentification via ldap.
 
Je pense qu'il faut que je parte d'un css .
 Je pars de très loin en techno web !

Message cité 1 fois
Message édité par isanaud le 25-03-2020 à 16:17:34
n°2350109
Jubijub
Parce que je le VD bien
Posté le 30-03-2020 à 00:28:38  profilanswer
 

https://frontstuff.io/in-defense-of-utility-first-css

 

Je connaissais pas, mai la c'est intéressant je trouve

Message cité 2 fois

---------------
Jubi Photos : Flickr - 500px
n°2350137
gzii
court-circuit
Posté le 30-03-2020 à 10:07:45  profilanswer
 

Jubijub a écrit :

https://frontstuff.io/in-defense-of-utility-first-css
 
Je connaissais pas, mai la c'est intéressant je trouve


Je ne sais pas, j'ai tout lu, mais ça me paraît lourd.
Je préfère pour le moment (mais peut-être parce que je débute là-dedans) écrire mes textes et utiliser des balises sémantiques et looker après,
et puis après je change souvent d'avis et je change l'aspect.
J'ai l'impression que j'irais plus vite à continuer à faire ainsi.
Et puis que dire des styles qui s'adaptent à la résolution etc. ?
 
Puis là la façon de répéter les éléments dans les styles me semble partiale, pourquoi ne pas définir tout ce qui est commun dans une seule règle ?


Message édité par gzii le 30-03-2020 à 10:09:26
n°2350139
flo850
moi je
Posté le 30-03-2020 à 10:20:41  profilanswer
 

Jubijub a écrit :

https://frontstuff.io/in-defense-of-utility-first-css
 
Je connaissais pas, mai la c'est intéressant je trouve


ça se défend, mais , à un moment je suis sûr de me retrouver avec font-16 qui est en fait un font-15 mais avec une police différente

Message cité 2 fois

---------------

n°2350140
gatsu35
Blablaté par Harko
Posté le 30-03-2020 à 10:28:20  profilanswer
 

flo850 a écrit :


ça se défend, mais , à un moment je suis sûr de me retrouver avec font-16 qui est en fait un font-15 mais avec une police différente


 
Ca se défend mais parfois ça se défend pas ce qu'il dit, il omet l'utilisation d'un RTE ou CMS et parfois ce genre de truc arrange pour alléger le code html.

Message cité 1 fois
n°2350251
Jubijub
Parce que je le VD bien
Posté le 31-03-2020 à 00:24:56  profilanswer
 

gatsu35 a écrit :

 

Ca se défend mais parfois ça se défend pas ce qu'il dit, il omet l'utilisation d'un RTE ou CMS et parfois ce genre de truc arrange pour alléger le code html.


C't'une femme :o

 
flo850 a écrit :


ça se défend, mais , à un moment je suis sûr de me retrouver avec font-16 qui est en fait un font-15 mais avec une police différente


Mon problème pour le moment c'est d'essayer de penser composant, et de finir par avoir des composants pareils mais en fait pas... J'ai du mal a lutter contre la prolifération de règles. Je sais qu'il faut se forcer à remonter les règles sur le container le plus haut possible pour qu'elles soient communes, mais j'ai du mal


---------------
Jubi Photos : Flickr - 500px
n°2350252
skylight
Made in France.
Posté le 31-03-2020 à 00:34:48  profilanswer
 

Perso quand je vois ça :

 
Code :
  1. <div class="background-light">
  2.   <h2 class="color-lime">Ezekiel 25:17</h2>
 

Je me dis au secours.
Les classes qui indiquent du style, c'est pas leur boulot, l'html c'est pas pour ça.

 

<div class="blog-article">
  <h2 class="blog-article-author">Ezekiel 25:17</h2>

 

Est déjà mieux, on qualifie par rapport au contenu, non par rapport au graphisme.
Si je veux faire changer le css par un webdesign, il n'a pas besoin de reprendre tout le code pour voir qui va où.
Et sinon oui j'essaie aussi d'avoir des composants. Mais dur d'avoir un composant parfait, donc pour me simplifier la vie, je me retrouve souvent avec des composants qui font presque la même chose, c'est pas tellement grave car c'est vite modifié, et surtout je sais qui fait quoi. (sachant qu'il y a plusieurs façons de taper dedans, selon les priorités, soit tu fais un .blog-article-author, soit tu fais un .blog-article > h2)

Message cité 2 fois
Message édité par skylight le 31-03-2020 à 00:36:30
n°2350255
Profil sup​primé
Posté le 31-03-2020 à 03:23:50  answer
 

skylight a écrit :

Perso quand je vois ça :

 
Code :
  1. <div class="background-light">
  2.   <h2 class="color-lime">Ezekiel 25:17</h2>
 

Je me dis au secours.
Les classes qui indiquent du style, c'est pas leur boulot, l'html c'est pas pour ça.

 


 

Dans ce cas, c'est moche mais il ne faut pas généraliser la règle. Tu peux très bien créer des classes variations (modifiers) pour définir un autre background-color ou encore une font-size.

 

Autre petit conseil, suivre la nomenclature BEM. Peut-être pas à 100% mais pitié mettez des underscores (_) pour séparer les mots dans une classe, ne serait-ce que pour copier coller avec un double clic. :jap:


Message édité par Profil supprimé le 31-03-2020 à 03:27:16
n°2350284
Jubijub
Parce que je le VD bien
Posté le 31-03-2020 à 10:38:58  profilanswer
 

Je connaissais aucune de ces approches (BEM, OOCSS, utility_first) ça a pas mal changé depuis la dernière fois que je me suis penché sur ces questions :) )

 

Le utility_first me semble une approche initiale : en gros tu sais pas, tu y vas super granulairement. De ce que dis l'article, tu peux ensuite transitionner vers plus d'abstraction parce que tu peux voir ce qui est commun. La question que je me pose est "est-ce que tu veux vraiment te taper le refactoring complet de ta CSS quand tu as finis"? Et je trouve aussi que ça tue toute notion de theming (si ta classe s'appelle orange et affiche en vert, c'est merdique :D)

 

Edit : j'ai regardé notre style guide, en gros ça préconise aucune de ces approches :D
https://google.github.io/styleguide [...] tyle_Rules


Message édité par Jubijub le 31-03-2020 à 10:45:12

---------------
Jubi Photos : Flickr - 500px
n°2350287
gzii
court-circuit
Posté le 31-03-2020 à 10:52:06  profilanswer
 

Intéressant Jubijub merci.
Pour moi qui débute là dedans c'est bien d'avoir de bonnes pratiques.
 
En tout cas ça me paraît beaucoup plus viable que le utility first de l'article.
C'est quand même pas difficile de factoriser petit à petit.


Message édité par gzii le 31-03-2020 à 10:55:08
n°2350299
SekYo
Posté le 31-03-2020 à 11:41:38  profilanswer
 

skylight a écrit :

Je me dis au secours.
Les classes qui indiquent du style, c'est pas leur boulot, l'html c'est pas pour ça.
[...]


Le mec plus haut a pondu un pavé qui répond en parti à cette remarque, lis le, il donne des arguments. Certains se tiennent tbh.

n°2350307
gzii
court-circuit
Posté le 31-03-2020 à 12:14:58  profilanswer
 

En tout cas il ne me semble pas avoir lu de réponse pour le responsive design.

Message cité 1 fois
n°2350308
David Bori​ng
Posté le 31-03-2020 à 12:50:45  profilanswer
 

gzii a écrit :

En tout cas il ne me semble pas avoir lu de réponse pour le responsive design.


Tu peux regarder la solution de TailWind, un utility-first CSS framework
https://tailwindcss.com/docs/responsive-design

n°2350319
gzii
court-circuit
Posté le 31-03-2020 à 14:49:42  profilanswer
 

Je reste peu convaincu, c'est comme si je reprenais un document word pour redéfinir paragraphe ou ligne par ligne au lieu de redéfinir le style.
 
Mes documents habituellement je ponds le contenu, et pour le look je vois après.
 
Après je verrai, il y a sans doute des cas où on a besoin d'un truc moins réutilisable et où ça serait plus efficace.

n°2350323
David Bori​ng
Posté le 31-03-2020 à 15:03:06  profilanswer
 

tu peux aussi écrire ainsi

Code :
  1. /* components/card.css */
  2. .card {
  3.   @apply p-4 bg-white shadow rounded;
  4. }

Message cité 2 fois
n°2350329
gzii
court-circuit
Posté le 31-03-2020 à 15:20:04  profilanswer
 

Ah oui OK merci.

n°2350342
Profil sup​primé
Posté le 31-03-2020 à 16:46:42  answer
 

David Boring a écrit :

tu peux aussi écrire ainsi

Code :
  1. /* components/card.css */
  2. .card {
  3.   @apply p-4 bg-white shadow rounded;
  4. }



 
C'est compatible avec rien @apply.

Message cité 1 fois
n°2350352
flo850
moi je
Posté le 31-03-2020 à 18:45:51  profilanswer
 
n°2350361
masklinn
í dag viðrar vel til loftárása
Posté le 31-03-2020 à 19:43:42  profilanswer
 


flo850 a écrit :

ouch : https://caniuse.com/#search=%40apply


Je présume que c'est pas le @apply CSS "natif", vu que ça travaille avec des variables CSS, et que les variables CSS commencent par --.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°2350365
GenyaB
Shit fucking game.
Posté le 31-03-2020 à 20:04:40  profilanswer
 

David Boring a écrit :

tu peux aussi écrire ainsi

Code :
  1. /* components/card.css */
  2. .card {
  3.   @apply p-4 bg-white shadow rounded;
  4. }



 
Quel est l’intérêt de faire ça ?  [:adnauseam:4]  
Il y a quoi d’autre que le background-color dans la classe bg-white par exemple ?

Message cité 1 fois
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  1431  1432  1433  ..  1449  1450  1451  1452  1453  1454
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
 

Sujets relatifs
blabla 3blabla 2
PUTAIN HARKO TU AS FERM2 BLABLA ![Beaucoup de blabla pour rien : post à effacer] Compiler .bat
variable1="blabla + variable2 +blala : c'est possible ??[PHP & regex] "blabla blabla file.ext?point=444 blabla" Recupérer 444
mail("celine@hotmail.com"," sujet","blabla"); pose une err ! Help[MySQL] WHERE 'blabla' compris dans le champ truc
[blabla@hosto] Le topic des vieux[PHP / BlaBla - limite]
Plus de sujets relatifs à : blabla@web

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.190 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR