background preloader

Sublime Text 2 pour le dev web : config, trucs et astuces

Sublime Text 2 pour le dev web : config, trucs et astuces
Pourquoi cet article ? J'écris cet article parce qu'autant ST peut être extrêmement puissant et confortable, autant son installation par défaut (ST « nu », si vous voulez) n'en laisse pas paraître grand chose… La sidebar est totalement dénuée d'options utiles au clic droit, on n'a pas de transpose, etc. Et même ses fonctions natives puissantes, comme le Go To Anything, la Command Palette ou les Layouts, sont souvent bien peu utilisés, ou sous-employés. L'idée est donc de mettre en place ici une config « musclée », et de vous fournir également des liens vers des ressources externes de qualité sur ST lui-même, au travers notamment de screencasts, qui constituent toujours une des meilleures approches pour découvrir un éditeur, car l'aspect visuel et animé est important ici. À partir de zéro Note importante : si vous avez déjà ST d'installé et de personnalisé, il peut être préférable de sauvegarder vos réglages et paquets. Installation Vous pouvez télécharger ST depuis son site officiel. Related:  Sublime text 2

free-programming-books/free-programming-books.md at master · vhf/free-programming-books Installation - Package Control Simple The simplest method of installation is through the Sublime Text console. The console is accessed via the ctrl+` shortcut or the menu. Once open, paste the appropriate Python code for your version of Sublime Text into the console. Sublime Text 3Sublime Text 2 import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh ! This code creates the Installed Packages folder for you (if necessary), and then downloads the Package Control.sublime-package into it. Warning: Please do not redistribute the install code via another website. Manual

Sublime Text 2 Tips and Tricks (Updated) Sublime Text 2 is one of the fastest and most incredible code editors to be released in a long time! With a community and plugin ecosystem as passionate as this one, it just might be impossible for any other editor to catch up. I'll show you my favorite tips and tricks today. Sublime Text 2 is currently available for all major platforms: OS X, Linux and Windows. 1 - Bleeding Edge Versions Sublime is in active development. Download a dev build of Sublime 2 here. 2 - Get a Better Icon Update: here is a better icon. In its defense, Sublime Text 2 is still in a beta state. To integrate it, you need to replace the existing "Sublime Text 2.icns" file with this new one. Please take note of the fact that, if you're using the frequently updated development version of Sublime Text, with each update, the icon will be removed. 3 - Access the Command Palette Similar to TextMate, we can use Sublime's command palette by accessing the Tools menu, or by pressing Shift + Command + P, on the Mac. 8 - Alignment

Tutoriels Les liens présents sur cette page mènent à un grand nombre de tutoriaux et d'outils pédagagiques. Que vous soyez débutant ou expérimenté, vous pourrez trouver ici de précieuses ressources sur les meilleurs pratiques du développement web. Ces ressources sont écrites par des entreprises visionnaires et des développeurs qui ont adoptés des normes ouvertes et de bonnes pratiques en développement web qui fournissent ou autorisent la traduction de ces informations, au travers de licences libres tel que celle de Creative Commons. Étiquettes et contributeurs liés au document Contributeurs à cette page :mdnwebdocs-bot, W1773ND, tmpbci, xvw, rjeannot, CarlosAvim, SphinxKnight, CarterMason4, marecord, JeffD, badgohan, teoli, Oliviermoz, Bat, Wlad-Hawaii, nelsonkam, Antwan_Did, PageotD, Mutijima, hs0ucy, Shaker, Asaphus, tomsihap, anthonybt, laurent-thuy, Info, chris.bourdieu, AnthonyMaton, naar, Nesseria

Cheat Sheet Download cheat sheet as printable PDF A5 Syntax Child: > nav>ul>li Sibling: + div+p+bq Climb-up: ^ div+div>p>span+em^bq div+div>p>span+em^^bq Grouping: () div>(header>ul>li*2>a)+footer>p (div>dl>(dt+dd)*3)+footer>p Multiplication: * ul>li*5 Item numbering: $ ul>li.item$*5 h$[title=item$]{Header $}*3 <h1 title="item1">Header 1</h1><h2 title="item2">Header 2</h2><h3 title="item3">Header 3</h3> ul>li.item$$$*5 ul>li.item$@-*5 ul>li.item$@3*5 ID and CLASS attributes #header .title form#search.wide p.class1.class2.class3 Custom attributes p[title="Hello world"] td[rowspan=2 colspan=3 title] [a='value1' b="value2"] Text: {} a{Click me} <a href="">Click me</a> p>{Click }+a{here}+{ to continue} <p>Click <a href="">here</a> to continue</p> Implicit tag names .class em>.class ul>.class table>.row>.col All unknown abbreviations will be transformed to tag, e.g. foo → <foo></foo>. Alias of html:5 <! a a:link a:mail abbr acronym, acr base basefont br frame hr bdo bdo:r bdo:l col link link:css link:print link:favicon link:touch link:rss link:atom meta meta:utf img c

Sublime Text 2 more sublime with a drop of Dropbox · andrew.hedges.name January 19, 2012, 9:19 pm · 12 comments · Filed under: Coda, Web Development Among its many great features, one of the cool things about ST2 is the licensing terms. Buy a license and you can use it on as many machines as you like. ST2 is great out of the, uh, download (we need a new metaphor here, people), but packages go a long way towards extending its functionality. Enter Dropbox. In case you live under a rock, Dropbox is incredibly simple, reliable software that syncs a folder or folders between multiple computers. The following steps (which are for OS X, please add how to do this on Windows & Linux if you know how!) When you’re done, you should end up with something like this. That should do it. For good measure, here are the packages I have installed. Package Control (start here and use it to install the rest)AlignmentChangeQuotesDocBlockrGitGoto-CSS-DeclarationHyperlinkHelperInc-Dec-ValueRegReplaceSFTPSideBarGitStringEncodesublime-csspecificsublime-jslintToggleQuotesTrailingSpaces

RedMonk janvier 2018 : Go semble déjà essoufflé et Swift rattrape Objective-C alors que Kotlin est en pleine ascension dans le classement Le 7 mars, RedMonk a publié son classement de popularité des langages de programmation pour le premier trimestre 2018. Avant d'aller plus loin, précisons que le classement RedMonk est l'une des initiatives les plus connues visant à présenter les « meilleurs » langages de programmation ou langages les plus « populaires », avec l'index Tiobe, PyPL ou encore le classement annuel de l'Institute of Electrical and Electronics Engineers (IEEE). Et comme chacune de ces initiatives, le classement RedMonk a ses limites. Pour information, RedMonk combine les données de GitHub et Stack Overflow : GitHub Archive qui fournit un enregistrement de tous les événements publics sur GitHub permet d'avoir les langages utilisés pour chaque projet, et l'outil d'exploration de données de Stack Overflow permet d'extraire le nombre de tags associés à un langage donné. Il faut aussi noter que sur GitHub, RedMonk ne prend pas en compte les forks. Le langage Go de Google est-il déjà essoufflé ? Source : RedMonk

Best Sublime Text Packages for WordPress Development Sublime Text 2 has become my favourite editor for many reasons. It is a great editor out of the box, however there are a few packages that can really make it fly. The ones I mention in this post are especially target towards WordPress development. First I suggest you download the Package Control package which will give you a better interface for adding and managing plugins. To install packages with the Package Control Package, click CTRL+SHIFT+P, then type Package Control: Install Package. Sublime 2 WordPress Package Sublime Text 2 WordPress Package is a collection of WordPress snippets and autocompletions for Sublime Text 2. SublimeXDebug Simple client to connect with XDebug. One thing I haven’t gotten to work as smoothly as I had with Komodo IDE, is debugging via Xdebug. PhpTidy This is a Sublime Text 2 plugin allowing you to format your PHP code. Search WordPress Codex As the name suggests, Search WordPress Codex lets you search the WP Codex from within the editor. DocBlockr SublimeHTMLTidy

Related: