E\u011fer bir web geli\u015ftiricisiyseniz, muhtemelen HTML, CSS ve JavaScript dillerinde yaz\u0131lm\u0131\u015f a\u00e7\u0131k kaynakl\u0131 bir edit\u00f6r olan Brackets'e a\u015finas\u0131n\u0131zd\u0131r. Adobe Systems taraf\u0131ndan yarat\u0131lan Brackets, \u00f6ni\u015flemci deste\u011fi ve harika g\u00f6rsel ara\u00e7lar da dahil olmak \u00fczere kullan\u0131\u015fl\u0131 bir dizi \u00f6zellik sunar. Bu metin d\u00fczenleyiciden en iyi \u015fekilde yararlanmak i\u00e7in dikkate al\u0131nmas\u0131 gereken baz\u0131 uzant\u0131lar vard\u0131r. \u0130\u015fte mevcut en kullan\u0131\u015fl\u0131 Brackets uzant\u0131lar\u0131.<\/p>\n
There are many cases in which front end web developers need placeholder images. Thanks to Lorem Pixel, you don’t need to try to create a blank placeholder image. This extension allows you to insert a placeholder image of any size needed. One of the best things about Lorem Pixel is that you can select the category for the image. In addition, the placeholder images change whenever you reload the page. There is also a grayscale option that allows you to use black and white placeholder images only. After installing the extension, you will see the Lorem Pixel logo. When you click it, a settings box appears. You can then select the image size and the category that you prefer.<\/p>\n
Since Brackets doesn’t include a code folding option, you need to get one. Code Folding allows you to collapse large portions of your code into a single line effortlessly. In order to fold any nested tag, you just need to click on the down arrow located to the left of the parent tag. The same goes for Javascript and other formats. All you need to do is to click on the down arrow to the left of the parent element to fold all the nested statements into a single line. You can expand it by clicking on the + sign. You can easily see folded lines while focusing on the code because the line numbers of the folded lines are hidden.<\/p>\n
Brackets doesn’t have tabs but with the Documents Toolbar extension, it is possible to add this practical option to your Brackets experience. All the files in the “active” section of the sidebar appear as tabs in this extension. It is possible to hide the sidebar and use only the Documents Toolbar for a practical interface. You can install the extension and reload Brackets pressing F5.<\/p>\n
With Autoprefixer, you can save time and avoid hassle since it automatically adds vendor prefixes to your code. It doesn’t require configuration and it updates your prefixes whenever you save your code. Autoprefixer also allows you to choose code and auto prefix if preferred. You can use Autoprefixer by writing prefix-free code. The extension can automatically add prefixed code when you save it. In order to auto prefix some code selected, you need to choose the code and then Edit tab, followed by Auto prefix selection. It is also possible to add custom prefixes in its settings, going to the extension settings, then selecting Edit and Autoprefixer Settings. You can enable the Visual cascade option in the extension settings to get cascaded, prefixed code.<\/p>\n
This extension displays all TODO comments in an organized list format. It supports 5 tags by default: FIXME, CHANGES, NOTE, FUTURE and TODO. It is possible to mark comments as Done and in the view options you have the possibility of filtering comments by tags. Brackets Todo allows you to define custom colors for tags and your own tags as well, which gives you flexibility to create your own comments. You can also change the scope of Brackets Todo’s search, in case you need to keep track of multiple files. It is also possible to exclude certain files and folders, adding the path in the exclusion list. Brackets Todo offers a good variety of customization options.<\/p>\n
Bu d\u00fcz metin bi\u00e7imlendirme dili kolayca HTML'ye d\u00f6n\u00fc\u015ft\u00fcr\u00fclebilir. \u0130\u015flenmi\u015f Markdown'u metin s\u00fcr\u00fcm\u00fcn\u00fcn hemen alt\u0131nda verir ve iki se\u00e7enek aras\u0131nda se\u00e7im yapman\u0131za olanak tan\u0131r: Standart Markdown ve Github Flavored Markdown. Ayr\u0131ca \u00f6nizleme penceresi i\u00e7in mevcut \u00fc\u00e7 tema aras\u0131ndan se\u00e7im yapabilirsiniz: Koyu, A\u00e7\u0131k ve Klasik. Bu uzant\u0131 ayr\u0131ca bir kayd\u0131rma senkronizasyonu se\u00e7ene\u011fi ile birlikte gelir. Markdown \u00d6nizleme'yi edindikten sonra, bir .md veya .markdown dosyas\u0131n\u0131 a\u00e7abilirsiniz. \u00dczerinde M harfi ve a\u015fa\u011f\u0131y\u0131 g\u00f6steren bir ok bulunan bir d\u00fc\u011fme g\u00f6receksiniz. \u0130\u015flenmi\u015f Markdown'u g\u00f6rmek i\u00e7in bu d\u00fc\u011fmeye t\u0131klay\u0131n. Markdown \u00d6nizleme b\u00f6l\u00fcm\u00fcn\u00fcn sa\u011f \u00fcst k\u00f6\u015fesindeki di\u015fli simgesine t\u0131klayarak temay\u0131 de\u011fi\u015ftirebilir veya kayd\u0131rma senkronizasyonunu devre d\u0131\u015f\u0131 b\u0131rakabilirsiniz.<\/p>\n
Dosya simgelerini kullanarak kod d\u00fczenleyicinize \u00f6zel bir dokunu\u015f katabilirsiniz. Ayra\u00e7 Simgeleri ile, yan \u00e7ubukta listelenen her dosyaya dosya t\u00fcr\u00fcne g\u00f6re renkli simgeler ekleyebileceksiniz. Dosya t\u00fcrlerinin \u00e7o\u011fu i\u00e7in simgeler vard\u0131r ve Github sayfas\u0131ndan simge talep etmek m\u00fcmk\u00fcnd\u00fcr. Tek yapman\u0131z gereken uzant\u0131y\u0131 y\u00fcklemek ve F5 tu\u015funa basarak Brackets'i yeniden y\u00fcklemek. Kontrol etmeye de\u011fer bir ba\u015fka simge uzant\u0131s\u0131 da File Icons.<\/p>","protected":false},"excerpt":{"rendered":"
If you are a web developer, you are probably familiar with Brackets, an open-source editor written in HTML, CSS and JavaScript. Created by Adobe Systems, Brackets offers a convenient set of features including preprocessor support and great visual tools. In order to get the most out of this text editor, there are some extensions that …<\/p>","protected":false},"author":1,"featured_media":14620,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[928],"tags":[],"class_list":["post-14619","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-tips"],"yoast_head":"\n