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

 



 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  1427  1428  1429  1430  1431  1432
Page Suivante
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


---------------
I've never understood the compulsion to use Web technologies minus the Web's security and deployment models. It seems a bit like throwing the orange away and eating the peel. — @ justinschuh‬
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 ?

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

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

---------------
I've never understood the compulsion to use Web technologies minus the Web's security and deployment models. It seems a bit like throwing the orange away and eating the peel. — @ justinschuh‬
n°2348938
bixibu
Ca ... c'est fait!
Posté le 21-03-2020 à 17:21:16  profilanswer
 

Ha oui d'accord effectivement :o

n°2349016
XaTriX
Pain in the ass.
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


---------------
☢️ Now we are all sons of bitches ☣️
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">
  19.   <div id="mission">
  20.    <div id="missiontext">
  21.     <h2>Our Mission</h2>
  22.     <h4>Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch, Fair Trade, Organic Tea</h4>
  23.    </div>
  24.   </div>
  25.   <div id="month">
  26.    <h2>Tea of the Month</h2>
  27.    <h4>What's steeping at The Tea Cozy?</h4>
  28.    <div id="monthimgs">
  29.     <div id="monthitem">
  30.      <img src="./resources/images/img-berryblitz.jpg">
  31.      <h4>Fall Berry Blitz Tea</h4>
  32.     </div>
  33.     <div id="monthitem">
  34.      <img src="./resources/images/img-spiced-rum.jpg">
  35.      <h4>Spiced Rum Tea</h4>
  36.     </div>
  37.     <div id="monthitem">
  38.      <img src="./resources/images/img-donut.jpg">
  39.      <h4>Seasonal Donuts</h4>
  40.     </div>
  41.     <div id="monthitem">
  42.      <img src="./resources/images/img-myrtle-ave.jpg">
  43.      <h4>Myrtle Ave Tea</h4>
  44.     </div>
  45.     <div id="monthitem">
  46.      <img src="./resources/images/img-bedford-bizarre.jpg">
  47.      <h4>Bedford Bizarre Tea</h4>
  48.     </div>
  49.    </div>
  50.   </div>
  51.   <div id="locations">
  52.    <div id="locationsitems">
  53.     <h3>Downtown</h3>
  54.     <p>384 West 4th St</p>
  55.     <p>Suite 108</p>
  56.     <p>Portland, Maine</p>
  57.    </div>
  58.    <div id="locationsitems">
  59.     <h3>East Bayside</h3>
  60.     <p>3433 Phisherman's Avenue</p>
  61.     <p>(Northwest Corner)</p>
  62.     <p>Portland, Maine</p>
  63.    </div>
  64.    <div id="locationsitems">
  65.     <h3>Oakdale</h3>
  66.     <p>515 Crescent Avenue</p>
  67.     <p>Second Floor</p>
  68.     <p>Portland, Maine</p>
  69.    </div>
  70.   </div> <!-- locations -->
  71.   <div id="contact">
  72.    <h2>The Tea Cozy</h2>
  73.    <p>contact@theteacozy.com</p>
  74.    <p>917-555-8904</p>
  75.   </div>
  76.   <div id="copy">
  77.    <p>copyright The Tea Cozy 2017</p>
  78.   </div>
  79.  </div>
  80. </main>
  81. </body>
  82. </html>


 
style.css

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


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 ?  

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.


---------------
Vends des trucs sur Bdx
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 édité par isanaud le 25-03-2020 à 16:17:34
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  1427  1428  1429  1430  1431  1432
Page Suivante

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@prog] Omaha Beach : le topic dédié[PHP / BlaBla - limite]
Plus de sujets relatifs à : blabla@web


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR