Rechercher dans la communauté
Affichage des résultats pour les étiquettes 'css'.
4 résultats trouvés
-
Hello !👋 Nous recherchons des développeurs pour rejoindre notre équipe afin de créer des choses incroyables ensemble. Nous sommes une équipe solide et passionnée qui aime travailler sur des projets stimulants. Si vous êtes un développeur à la recherche d'un endroit pour grandir et apprendre, nous serions ravis de vous avoir dans notre équipe. 😎 Nous recherchons des développeurs qui maîtrisent divers langages de programmation et qui sont également passionnés par l'apprentissage de nouvelles technologies. Si vous êtes quelqu'un qui cherche toujours à améliorer vos compétences, nous serions ravis de vous avoir dans notre équipe. Si vous êtes intéressé à vous joindre à notre équipe, veuillez nous faire parvenir sur notre discord ou sur le discord personnel de Maxouuuuu.#7316 et nous vous répondrons dans les plus brefs délais. Merci de votre intérêt et nous espérons avoir de vos nouvelles bientôt. ✨ - Mon Site internet : https://maxime-guinard.com/ - Notre site internet : https://devsource.fr/ - Mon Github : https://github.com/MaximeGuinard - Mon Instagram : https://www.instagram.com/maxime.guinard.seo/ - Ma chaine Youtube : https://www.youtube.com/channel/UCqi-qDVHx2yp3-rdOM1NXaA - Mon Serveur Discord de développement et SEO/SEA : https://discord.gg/K2uUHdf - Mon Serveur Multigaming : https://discord.gg/KyzhMZUzUX
-
Salut a tous, Voici un tuto expliquant comment créer son propre serveur CS:S/CSGO en utilisant le tool SteamCMD, remplaçant du célèbre HLDSUpdateTool. Requirements SteamCMD: http://media.steampowered.com/installer/steamcmd.zip Etapes ■Placez SteamCMD dans un dossier de votre choix (je vous conseille de lui créer un dossier car il va créer des fichiers quand vous le lancerez). ■Bien maintenant pour le lancer, il va falloir exécuter une commande via un fichier .bat. Copier ceci dans un bloc note: (Pour CSS) steamcmd.exe +force_install_dir c:\srcds\css\ +login anonymous +app_update 232330 validate +quit (Pour CSGO) steamcmd.exe +force_install_dir c:\srcds\csgo\ +login anonymous +app_update 740 validate +quit Explication: steam.exe => lance le tool. +force_install_dir c:\srcds\css => spécifie dans quel dossier on installe le serveur (vous pouvez changer d'endroit) +login anonymous => on se connecte a la base de donnée en anonyme. (vous pouvez vous connecter avec votre compte) +app_update 232330 valide => on télécharge les fichiers serveur CSS +quit => ferme automatiquement la console a la fin de l'installation même topo pour CSGO sauf que j'ai changé le nom du dossier en "csgo" et l'ID de l'application qui est 740 ■Enregistrez sous cette ligne dans un bloc note, donnez lui un nom et modifiez l'extention en .bat. Placez le fichier obtenu dans le même dossier que SteamCMD. ■Double cliquez sur le fichier que vous venez de créer, et laissez faire. Une console va s'ouvrir et va télécharger tout le nécessaire: Une fois connectée a la base de donnée steam, le téléchargement du serveur commencera: ■Attendez que le téléchargement finisse (quand la console se fermera) ■Maintenant, il faut configurer votre serveur avant de le lancer. Pour cela, il va falloir créer un fichier server.cfg. voici un modèle: (C'est pour CSS) Pensez à éditer les lignes qui vous intéresse, genre le nom du serveur etc etc... // --------------------------------------------------------- // Fichier de Configuration Serveur Source // --------------------------------------------------------- // Fichier server.cfg générer par Game Host Manager // Fichier générer le : 21/07/2013 à 09:07:34 // --------------------------------------------------------- // Site Web : [url=http://www.TutoProd.fr]www.TutoProd.fr[/url] - Contact : [email protected] // --------------------------------------------------------- echo Fichier Server.cfg Counter Strike Source // --------------------------------------------------------- // INFORMATIONS SERVEUR ET MOTS DE PASSE // --------------------------------------------------------- // Changez sur 1 si vous souhaitez un serveur LAN (local) : sv_lan 0 // Changez la valeur en fonction de votre région : // 0=US East coast, 1=US West coast, 2= South America, 3=Europe, 4=Asia, // 5=Australia, 6=Middle East, 7=Africa and 255=world. sv_region 3 // Adresse e-mail de l'administrateur sv_contact "[email protected]" // Attribuez un nom à votre serveur : hostname "Serveur Css" // Rcon password (mot de passe du contrôle à distance) : rcon_password "Mot de passe Rcon" // Si vous souhaitez restreindre l’accès à votre serveur,indiquez le mot de passe sv_password "" // --------------------------------------------------------- // CONFIGURATION DU GAMEPLAY DU SERVEUR // --------------------------------------------------------- // Indique le temps d’achat en minute maximum : mp_buytime 1 // Indique le montant maximum d’argent disponible, maximum = 16000 mp_startmoney 16000 // Indique le temps en seconde avant que la bombe n’explose : mp_c4timer 30 // Autorise les grenades aveuglantes ou non : mp_flashlight 1 // Activer les dommage lors de chute. mp_falldamage 1 // Indique le nombre d’otage maximum tué avant que le joueur soit déconnecté. 0 = désactive mp_hostagepenalty 0 // --------------------------------------------------------- // CONFIGURATION DU TEMPS, DES MATCHS ET PARTIES // --------------------------------------------------------- // Durée en minutes avent le changement de map. 0 = Illimité mp_timelimit 30 // Nombre de round que doit gagner une team pour mettre fin à la map. 0 = Désactiver mp_winlimit 0 // Nombre maximum de round avant la fin de la map. 0 = Désactiver mp_maxrounds 0 // Indique la durée maximale d'un round. 0 = Illimité mp_roundtime 3 // Durée du freeze au début de chaque round. 0 = Pas de freeztime mp_freezetime 3 // Force l'équilibrage des équipes à la connexion mp_autoteambalance 0 // Différence d'effectif autorisé entre les deux team. 0 = Désactiver mp_limitteams 0 // --------------------------------------------------------- // FF & TEAMKILL & IDLE // --------------------------------------------------------- // Permet de tirer sur les joueurs de son équipe. mp_friendlyfire 1 // Active ou désactive le slay d'un team-killer au prochain round. mp_tkpunish 0 // Kick les joueurs Afk et les Team Killers mp_autokick 0 // Si un joueur tk au debut du rond pendant le temps définit en secondes, il sera kicker. 0 = Désactiver mp_spawnprotectiontime 10 // Déconnecte un joueur si il n'envoie pas de paquets depuis xx secondes. sv_timeout 40 // Limite les possibilités de vue en spectateur (0: tous - 1: team - 2: Premiére personne) mp_forcecamera 0 // Autorise les spectateurs. mp_allowspectators 1 // --------------------------------------------------------- // CONFIGURATIONS DES RATES // --------------------------------------------------------- // *** Si vous avez des problèmes de lag, vous pouvez modifier ces paramètres *** // Si vous savez ce que vous faites // Connection Bas Débit 128k (Tick ~33) : rate 6500 cl_rate 6500 cl_cmdrate 40 cl_updaterate 30 // Connection Adsl 512k (Tick ~66) : rate 9999 cl_rate 9999 cl_cmdrate 60 cl_updaterate 50 // Connection Adsl 2MO (Tick ~66) : rate 15000 cl_rate 15000 cl_cmdrate 80 cl_updaterate 60 // Connection Adsl 4MO (Tick ~100) : rate 20000 cl_rate 20000 cl_cmdrate 100 cl_updaterate 80 // Connection Adsl 8MO (Tick 100) : rate 25000 cl_rate 25000 cl_cmdrate 101 cl_updaterate 101 // Taux max de bande passante autorisé sur le serveur. 0 = Illimité, max = 20000 sv_maxrate 20000 // Taux mini de bande passante autorisé sur le serveur, 0 = Illimité, 4000 = Mini recomander sv_minrate 0 // Mises à jour maximum par seconde que le serveur va permettre, max 101 sv_maxupdaterate 66 // Nombre maximum de Fps fps_max 600 // --------------------------------------------------------- // GESTIONS DES TELECHARGEMENTS // --------------------------------------------------------- // Permettre aux clients de télécharger des fichiers. Coché = Oui sv_allowdownload 1 // Permettre aux clients d'uploader des fichiers (sparays) sv_allowupload 1 // Redirection des téléchargements. // sv_downloadurl // --------------------------------------------------------- // DECLARATION DES FICHIERS DE CONFIGURATION A EXECUTER // --------------------------------------------------------- // Chargement du fichier ban exec banned_users.cfg // bot.cfg exec bot.cfg // exec nom_du_fichier.cfg // --------------------------------------------------------- // DIVERS VARIABLES DE CONFIGURATIONS LISER LES COMMENTAIRES // --------------------------------------------------------- // *** Si vous savez ce que vous faites, vous pouvez modifier ces paramètres *** // Crée un fichier log. log on // Activer les communication vocales. sv_voiceenable 1 // Active ou désactive la possibilité de ce parler au micro entre les deux équipes. sv_alltalk 1 // Gravité. Defaut 800 sv_gravity 800 // Autorise les fonctions spéciales (cheat) du serveur. sv_cheats 0 // Indique si les joueurs peuvent passer le serveur en mode pause. sv_pausable 0 // Indique le temps en secondes pendant lequel les joueurs peuvent parler à la fin d'une map. mp_chattime 10 // Si autre chose que 0, le jeu redémarre dans x secondes lorsque la comande et executer. mp_restartgame 0 // --------------------------------------------------------- // CONFIGURATION DU MODE SURF // --------------------------------------------------------- // Configuration de l'accélération des joueurs. Defaut = 5 sv_accelerate 5 // Configuration de l'accélération des joueurs dans les air (sur une rampe) Defaut = 10 Surf = 800 sv_airaccelerate 10 echo Fichier Server.cfg Correctement Charger ! ■Copier tout ce bordel dans un bloc note et enregistrer le sous en server.cfg, puis placez-le dans "srcds\css\cstrike\cfg" ou "srcds\csgo\cfg" pour csgo ■Bien! votre serveur est maintenant configuré, il faut le lancer via une commande! copier ceci dans un bloc note (encore) (Pour CSS) srcds.exe -console -game cstrike +map de_dust2 -maxplayers 16 -tickrate 66 -autoupdate (Pour CSGO) srcds -game csgo -console -usercon +game_type 0 +game_mode 0 +mapgroup mg_active +map de_dust2 Explication: srcds.exe => on exécute srcds.exe -console => on affiche une console -game cstrike => le jeu est css +map de_dust2 => on lance la map de_dust2 -maxplayers 16 => easy 2 understand -tickrate 66 => Le nombre de fois par seconde que le serveur update les infos à tous les clients -autoupdate => le serveur se met a jour tout seul à chaque lancement. Note: Pour CSGO, il y a plusieurs autres options (notamment pour charger tel ou tel mode de jeu), renseignez-vous sur la page steam ou sur le net. ■Enregistrez sous, mettez le nom que vous voulez et changez l’extension en .bat comme notre premier fichier au début du tuto. Placez-le dans le même dossier que srcds.exe soit "srcds\css". (ou srcds\csgo) ■Double cliquez sur le fichier que vous venez de créer: une console va apparaitre et va démarrer votre serveur: ■Félicitation, votre serveur est créé! Pour le rejoindre, lancez CS:S (ou CSGO), allez dans la partie "LAN" et vous devriez voir votre serveur. Vous pouvez également le rejoindre au mettant dans la console: connect votreiplocale ou connect localhost Votre serveur est actuellement local, personne ne peut le rejoindre appart les gens connectés a votre réseau. Pour le mettez en ligne, il vous suffit d'ouvrir les ports NAT suivant dans votre routeur une fois fait, donnez votre ip internet a vos potes (http://www.mon-ip.com/) , rajoutez le port 27015 et voila, vos potes peuvent se connecter.
-
Qu’est-ce qu’un préprocesseur ? En informatique, un préprocesseur est un programme qui procède à des transformations sur un code source, avant l'étape de traduction proprement dite (compilation ou interprétation). Les préprocesseurs sont des exemples typiques de langages spécialisés. Selon le niveau de leur analyse du texte source, on distingue des préprocesseurs lexicaux et des préprocesseurs syntaxiques. Lequel utilisé pour le CSS ? Dans ce topic je vais vous présenter SASS qui est celui que j’utilise le plus. Néanmoins il en existe d’autre tel que LESS ou encore Stylus. Pour SASS, voici une petite description: SASS (Syntactically Awesome Stylesheets) est un langage de génération dynamique de feuilles de style ou encore un métalangage de feuilles de style en cascade (CSS). Pour celui-ci ils existent 2 syntaxes, une syntaxe nommée « syntaxe indentée » et une autre nommé « SCSS » qui est proche de CSS. Il peut être étoffé avec Compass (pratique pour les préfixes des différents navigateurs). Pour les deux autres que je ne connais pas, je vous laisse vous documentez. Installation Pour installer SASS vous allez avoir besoin de Ruby que l’on trouve pour windows à ce lien autrement pour Linux ou encore OS X vous pouvez utiliser le système de gestion des paquets que vous préférez. Une fois installé assurez-vous d’avoir l’exécutable au sein de votre variable d’environnement PATH puis exécuté au sein de l’invité de commande : gem update –system gem install compass Et voilà on va pouvoir commencer un nouveau projet, en guise de démonstration on va réaliser une grille CSS sans notion responsive. Démonstration SASS Pour commencer nous allons créer un dossier dans lequel nous allons ouvrir un invité de commande et exécuter ceci : compass init compass watch Puis nous allons supprimer les fichiers ie.scss ainsi que print.scss, de même nous allons créer le fichier _grid.scss. Au sein du fichier screen.scss nous allons supprimer tout son contenu pour le remplacer par : @import "compass"; * {@include box-sizing(border-box);} body {margin: ; padding: ; font-family: sans-serif;} @import "grid"; Explication pour ce bout de code : - @import signifie que nous allons utiliser un fichier annexe à celui que nous éditons, pour le fichier ‘compass’ rien n’est à créer puisque c’est un fichier de la librairie tandis que pour le fichier ‘grid’ vous aurez remarqué qu’il fait référence au fichier que nous avons créé peu de temps avant. - @include fais référence à une ‘fonction’ propre à compass (cela nous évite de préfixé les règles CSS) Le plus gros du travail se situe au sein de _grid.scss , commençons par initialiser quelque variable pour cela rien de compliqué : $columns : 12!default ; $gutter : 20px!default ; L’attribut !default appliqué sur les variables nous permet de pouvoir modifier la valeur de celle-ci avant l’import du fichier autrement cette variable prendra la valeur 12 par défaut. Par la suite nous allons créer une classe qui sera une classe réservé pour un héritage. %grid { float: left; position: relative; min-height: 1px; padding: $gutter * 0.5; } Et pour finir voici ce que nous allons aimer, voir même chérir (it’s a trap!): notre itération. @for $i from 1 through $container { .grid-#{$i} { @extend %grid; width: $i / $container * 100%; } } Bon on commence avec du lourd, le nom de la variable qui va de 1 à 12 dans notre exemple. Rien de bien compliqué, si vous connaissez un peu tout type de langage on s’y retrouve puis viens #{$i}, celui-ci nous permet de faire un echo (php), un println (java), etc… Ensuite viens l’extension à la classe que nous avons créer précédemment puis un calcul tout bête que même ma petite cousine de primaire saurais faire :x Je vais m’attarder un peu au niveau de l’héritage, avec celle-ci, ce qui va se passer c’est que tout les classes relative à notre grille tel que .grid-1, .grid-2 vont avoir la même position, le même padding, la même hauteur minimum de ce fait ce qu’il va se passer c’est que SASS va regrouper tout les noms de classes au sein de la même règle, pour être plus clair voici ce qui va se passer: .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float: left; position: relative; min-height: 1px; padding: 1px; } Si certains éléments méritent un peu plus de précision, je vous laisse m'en informer et je ferais ce qui doit être fait PS: Merci @Gameuse Skitty pour avoir fait un relecture
-
Je ne peux vous faire qu’une liste exhaustive d’éditeur de texte que j’utilise personnellement pour développer en HTML/CSS/JS néanmoins ceux-ci peuvent être utilisé pour beaucoup de langage. Pour l’ensemble de cette liste je vais prendre le temps de détailler en gros les fonctionnalités. Beaucoup d’entre eux dispose à peu près des mêmes. - Atom (Github) D’après un article de developpez.com, je cite : Après ce long texte qui vous a surement ennuyé, je ne peux que vous donnez un lien vers le site de l'éditeur ici et vous conseillez quelques extensions plutôt utile : - Emmet de emmetio - Minimap de atom-minimap - Symbols-tree-view de xndcn - Brackets (Adobe) Brackets est un éditeur open-source pour le web design et le développement sur des technologies Web telles que HTML, CSS et JavaScript. Le projet a été créé et est maintenu par Adobe. Il a été d'abord le projet qui servait de base à Adobe Edge Code, mais les projets ont fusionné, ce qui a permis à Brackets d'intégrer de nouvelles fonctionnalités liées au Creative Cloud. L'éditeur supporte l'ajout d'extensions qui peuvent ajouter des fonctionnalités à celui-ci. Celles-ci peuvent être développées dans Brackets lui-même avec HTML, CSS et JavaScript, étant donné qu'il est écrit avec ces trois langages. Il est également possible de développer des thèmes. De même il possède une extension nommé Extract permettant de copier du CSS immédiatement depuis un fichier PSD ou AI, à condition d’avoir une licence pour ces logiciels graphique. Cet éditeur de texte disposent des mêmes extensions que celui dont j’ai parlé précédemment et pour finir voici un lien vers le site de l'éditeur ici. - Sublime Text (Jon Skinner) Plutôt que reprendre ce qui a déjà été dit je préfère vous laissez relire la description d’Atom qui inclue quelque mot au sujet de cet éditeur. Concernant cet éditeur, le point négatif est qu’il est payant, environ 70$, néanmoins il comporte comme les autres un gestionnaire d’extension pour permettre une installation de ceux-ci plus aisée. Si vous êtes intéressé par celui-ci, voici le lien du site internet de l’éditeur. D’un point de vue personnel je vous recommanderai l’éditeur Atom qui est extrêmement personnalisable, néanmoins les deux autres restent tout de même plutôt performant et ergonomique. D'une autre part je vais vous donner quelques autres éditeurs qui commencent à se faire vieux tel que Notepad++ ou encore Emacs. Naturellement certain préféreraient un IDE pour travailler sur un logiciel complet, dans ce cas je peux vous conseiller WebStorm, PHPStorm ou NetBeans.