diff --git a/.brackets.json b/.brackets.json index 87a628e30b7..02e9bc8fa6b 100644 --- a/.brackets.json +++ b/.brackets.json @@ -2,15 +2,33 @@ "jslint.options": { "vars": true, "plusplus": true, + "browser": false, "devel": true, "nomen": true, + "indent": 4, "maxerr": 50, - "es5": true + "es5": true, + "predef": [ + "brackets", + + "require", + "define", + "$", + + "window", + "setTimeout", + "clearTimeout", + + "ArrayBuffer", + "XMLHttpRequest", + "Uint32Array", + "WebSocket" + ] }, "defaultExtension": "js", "language": { "javascript": { - "linting.prefer": ["JSLint", "JSHint"], + "linting.prefer": ["ESLint", "JSLint"], "linting.usePreferredOnly": true } }, diff --git a/.eslintrc.json b/.eslintrc.json new file mode 100644 index 00000000000..2a896ea5262 --- /dev/null +++ b/.eslintrc.json @@ -0,0 +1,72 @@ +{ + "rules": { + "no-bitwise": 0, + "curly": 2, + "eqeqeq": 2, + "guard-for-in": 0, + "wrap-iife": [2, "outside"], + "no-use-before-define": 0, + "new-cap": [0, { + "capIsNewExceptions": [ + "$.Deferred", + "$.Event", + "CodeMirror.Pos", + "Immutable.Map", + "Immutable.List", + "JSLINT" + ]}], + "no-caller": 2, + "no-empty": 0, + "no-new": 2, + "no-invalid-regexp": 2, + "no-control-regex": 2, + "no-regex-spaces": 2, + "no-undef": 2, + "strict": 2, + "no-unused-vars": [0, {"vars": "all", "args": "none"}], + "semi": 2, + + "no-iterator": 2, + "no-loop-func": 2, + "no-multi-str": 2, + "no-fallthrough": 2, + "no-proto": 2, + "no-script-url": 1, + "no-shadow": 0, + "no-shadow-restricted-names": 2, + "no-new-func": 2, + "no-new-wrappers": 2, + "no-new-require": 2, + "new-parens": 2, + "no-new-object": 2, + "no-invalid-this": 0, + "indent": [0, 4], + + "valid-jsdoc": 0, + "valid-typeof": 2, + + "no-trailing-spaces": 0, + "eol-last": 0, + "max-len": [1, 120] + }, + "globals": { + "brackets": false, + + "require": false, + "define": false, + "$": false, + + "window": false, + "console": false, + "setTimeout": false, + "clearTimeout": false, + + "ArrayBuffer": false, + "XMLHttpRequest": false, + "Uint32Array": false, + "WebSocket": false + }, + "env": { + "browser": true + } +} diff --git a/.gitignore b/.gitignore index 38ef5f7c8b2..de604846f90 100644 --- a/.gitignore +++ b/.gitignore @@ -9,6 +9,12 @@ Thumbs.db # ignore node_modules created by seldomly used documentation updating tool /src/extensions/extra/MDNDocs/tools/scrape-mdn/node_modules +# ignore node_modules inside src +/src/node_modules + +# ignore files copied from node_modules to src/thirdparty +/src/thirdparty/CodeMirror +/src/thirdparty/less.min.js # ignore compiled files /dist @@ -23,11 +29,15 @@ Thumbs.db /src/extensions/disabled +# ignore .disabled file for default extensions +/src/extensions/default/*/.disabled + #OSX .DS_Store files .DS_Store # unit test working directory /test/results +/test/temp # Netbeans /nbproject diff --git a/.gitmodules b/.gitmodules index e33b876c434..31c2c5e3676 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,18 +1,9 @@ -[submodule "src/thirdparty/CodeMirror"] - path = src/thirdparty/CodeMirror - url = https://github.com/adobe/CodeMirror2.git [submodule "src/thirdparty/path-utils"] path = src/thirdparty/path-utils url = https://github.com/jblas/path-utils.git [submodule "src/thirdparty/mustache"] path = src/thirdparty/mustache url = https://github.com/janl/mustache.js.git -[submodule "src/extensions/default/JavaScriptCodeHints/thirdparty/tern"] - path = src/extensions/default/JavaScriptCodeHints/thirdparty/tern - url = https://github.com/marijnh/tern.git -[submodule "src/extensions/default/JavaScriptCodeHints/thirdparty/acorn"] - path = src/extensions/default/JavaScriptCodeHints/thirdparty/acorn - url = https://github.com/marijnh/acorn.git [submodule "src/thirdparty/requirejs"] path = src/thirdparty/requirejs url = https://github.com/jrburke/requirejs.git diff --git a/.jshintrc b/.jshintrc deleted file mode 100644 index 7916402f071..00000000000 --- a/.jshintrc +++ /dev/null @@ -1,70 +0,0 @@ -{ - "bitwise" : true, - "curly" : true, - "eqeqeq" : true, - "forin" : true, - "immed" : true, - "latedef" : true, - "newcap" : true, - "noarg" : true, - "noempty" : true, - "nonew" : true, - "plusplus" : false, - "regexp" : true, - "undef" : true, - "strict" : true, - "unused" : "vars", - - "asi" : false, - "boss" : false, - "debug" : false, - "eqnull" : false, - "es5" : false, - "esnext" : false, - "evil" : false, - "expr" : false, - "funcscope" : false, - "globalstrict" : false, - "iterator" : false, - "lastsemic" : false, - "laxbreak" : false, - "laxcomma" : false, - "loopfunc" : false, - "multistr" : false, - "onecase" : false, - "proto" : false, - "regexdash" : false, - "scripturl" : false, - "shadow" : false, - "sub" : false, - "supernew" : false, - "validthis" : false, - - "browser" : false, - "couch" : false, - "devel" : true, - "dojo" : false, - "jquery" : false, - "mootools" : false, - "node" : false, - "nonstandard" : false, - "prototypejs" : false, - "rhino" : false, - "wsh" : false, - - "maxerr" : 100, - "indent" : 4, - "globals" : { - "window": false, - "document": false, - "setTimeout": false, - "require": false, - "define": false, - "brackets": false, - "$": false, - "PathUtils": false, - "window": false, - "navigator": false, - "Mustache": false - } -} diff --git a/.travis.yml b/.travis.yml index 73901bd5a9a..68b5b228f50 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,7 +1,7 @@ language: node_js +sudo: false # use container-based Travis infrastructure node_js: -- '4.3' -sudo: false + - "6" before_script: - npm install -g grunt-cli script: grunt build-browser-compressed diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md new file mode 100644 index 00000000000..620998fda66 --- /dev/null +++ b/CODE_OF_CONDUCT.md @@ -0,0 +1,74 @@ +# Contributor Covenant Code of Conduct + +## Our Pledge + +In the interest of fostering an open and welcoming environment, we as +contributors and maintainers pledge to making participation in our project and +our community a harassment-free experience for everyone, regardless of age, body +size, disability, ethnicity, gender identity and expression, level of experience, +nationality, personal appearance, race, religion, or sexual identity and +orientation. + +## Our Standards + +Examples of behavior that contributes to creating a positive environment +include: + +* Using welcoming and inclusive language +* Being respectful of differing viewpoints and experiences +* Gracefully accepting constructive criticism +* Focusing on what is best for the community +* Showing empathy towards other community members + +Examples of unacceptable behavior by participants include: + +* The use of sexualized language or imagery and unwelcome sexual attention or +advances +* Trolling, insulting/derogatory comments, and personal or political attacks +* Public or private harassment +* Publishing others' private information, such as a physical or electronic + address, without explicit permission +* Other conduct which could reasonably be considered inappropriate in a + professional setting + +## Our Responsibilities + +Project maintainers are responsible for clarifying the standards of acceptable +behavior and are expected to take appropriate and fair corrective action in +response to any instances of unacceptable behavior. + +Project maintainers have the right and responsibility to remove, edit, or +reject comments, commits, code, wiki edits, issues, and other contributions +that are not aligned to this Code of Conduct, or to ban temporarily or +permanently any contributor for other behaviors that they deem inappropriate, +threatening, offensive, or harmful. + +## Scope + +This Code of Conduct applies both within project spaces and in public spaces +when an individual is representing the project or its community. Examples of +representing a project or community include using an official project e-mail +address, posting via an official social media account, or acting as an appointed +representative at an online or offline event. Representation of a project may be +further defined and clarified by project maintainers. + +## Enforcement + +Instances of abusive, harassing, or otherwise unacceptable behavior may be +reported by contacting the project team at [admin@brackets.io](mailto:admin@brackets.io). All +complaints will be reviewed and investigated and will result in a response that +is deemed necessary and appropriate to the circumstances. The project team is +obligated to maintain confidentiality with regard to the reporter of an incident. +Further details of specific enforcement policies may be posted separately. + +Project maintainers who do not follow or enforce the Code of Conduct in good +faith may face temporary or permanent repercussions as determined by other +members of the project's leadership. + +## Attribution + +This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, +available at [http://contributor-covenant.org/version/1/4][version] + +[homepage]: http://contributor-covenant.org +[version]: http://contributor-covenant.org/version/1/4/ \ No newline at end of file diff --git a/Gruntfile.js b/Gruntfile.js index edf24988456..2c55b10bc5a 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,5 +1,5 @@ /* - * Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved. + * Copyright (c) 2013 - present Adobe Systems Incorporated. All rights reserved. * * Permission is hereby granted, free of charge, to any person obtaining a * copy of this software and associated documentation files (the "Software"), @@ -20,7 +20,10 @@ * DEALINGS IN THE SOFTWARE. * */ -/*global module, require*/ + +/*eslint-env node */ +/*jslint node: true */ +'use strict'; // Brackets specific config vars var habitat = require('habitat'); @@ -33,13 +36,27 @@ var GIT_BRANCH = env.get("BRAMBLE_MAIN_BRANCH") || "bramble"; var GIT_REMOTE = env.get("BRAMBLE_MAIN_REMOTE") || "upstream"; module.exports = function (grunt) { - 'use strict'; - var autoprefixer = require('autoprefixer-core'); var swPrecache = require('sw-precache'); // load dependencies - require('load-grunt-tasks')(grunt, {pattern: ['grunt-contrib-*', 'grunt-targethtml', 'grunt-usemin', 'grunt-cleanempty', 'grunt-npm', 'grunt-git', 'grunt-update-submodules', 'grunt-exec']}); + require('load-grunt-tasks')(grunt, { + pattern: [ + 'grunt-*', + '!grunt-cli', + '!grunt-lib-phantomjs', + '!grunt-template-jasmine-requirejs', + 'grunt-contrib-*', + 'grunt-targethtml', + 'grunt-usemin', + 'grunt-cleanempty', + 'grunt-npm', + 'grunt-git', + 'grunt-update-submodules', + 'grunt-exec' + ] + }); + grunt.loadTasks('tasks'); // Project configuration. @@ -71,18 +88,15 @@ module.exports = function (grunt) { 'xorigin.js', 'dependencies.js', 'thirdparty/requirejs/require.js', - 'LiveDevelopment/MultiBrowserImpl/transports/**/*.js', - 'LiveDevelopment/MultiBrowserImpl/launchers/**/*.js', /* extensions and CodeMirror modes */ '!extensions/default/*/unittests.js', 'extensions/default/*/**/*.js', '!extensions/extra/*/unittests.js', 'extensions/extra/*/**/*.js', + '!extensions/**/node_modules/**/*.js', + '!extensions/**/test/**/*.js', '!**/unittest-files/**', - '!extensions/default/JavaScriptCodeHints/thirdparty/*/test/**/*', - '!extensions/default/**/node_modules/**/*', - '!extensions/extra/**/node_modules/**/*', 'thirdparty/CodeMirror/addon/{,*/}*.js', 'thirdparty/CodeMirror/keymap/{,*/}*.js', 'thirdparty/CodeMirror/lib/{,*/}*.js', @@ -123,8 +137,6 @@ module.exports = function (grunt) { 'thirdparty/slowparse/locale/*', 'thirdparty/github-markdown.css', 'LiveDevelopment/launch.html', - 'LiveDevelopment/MultiBrowserImpl/transports/**', - 'LiveDevelopment/MultiBrowserImpl/launchers/**', 'hosted.*' ] }, @@ -173,6 +185,31 @@ module.exports = function (grunt) { src: ['jsTreeTheme.css', 'fonts/{,*/}*.*', 'images/*', 'brackets.min.css*', 'bramble_overrides.css'] } ] + }, + thirdparty: { + files: [ + { + expand: true, + dest: 'src/thirdparty/CodeMirror', + cwd: 'src/node_modules/codemirror', + src: [ + 'addon/{,*/}*', + 'keymap/{,*/}*', + 'lib/{,*/}*', + 'mode/{,*/}*', + 'theme/{,*/}*', + ] + }, + { + expand: true, + flatten: true, + dest: 'src/thirdparty', + cwd: 'src/node_modules', + src: [ + 'less/dist/less.min.js' + ] + } + ] } }, cleanempty: { @@ -302,6 +339,11 @@ module.exports = function (grunt) { '!src/extensions/**/unittest-files/**/*.js', '!src/extensions/**/thirdparty/**/*.js', '!src/extensions/dev/**', + '!src/extensions/extra/brackets-cdn-suggestions/**', + '!src/extensions/extra/HTMLHinter/**', + '!src/extensions/extra/MDNDocs/**', + '!src/bramble/thirdparty/EventEmitter/**', + '!src/bramble/thirdparty/MessageChannel/**', '!src/extensions/disabled/**', '!**/node_modules/**/*.js', '!src/**/*-min.js', @@ -333,19 +375,19 @@ module.exports = function (grunt) { watch: { all : { files: ['**/*', '!**/node_modules/**'], - tasks: ['jshint'] + tasks: ['eslint'] }, grunt : { files: ['<%= meta.grunt %>', 'tasks/**/*'], - tasks: ['jshint:grunt'] + tasks: ['eslint:grunt'] }, src : { files: ['<%= meta.src %>', 'src/**/*'], - tasks: ['jshint:src'] + tasks: ['eslint:src'] }, test : { files: ['<%= meta.test %>', 'test/**/*'], - tasks: ['jshint:test'] + tasks: ['eslint:test'] } }, /* FIXME (jasonsanjose): how to handle extension tests */ @@ -359,16 +401,12 @@ module.exports = function (grunt) { specs : '<%= meta.specs %>', /* Keep in sync with test/SpecRunner.html dependencies */ vendor : [ - 'test/polyfills.js', /* For reference to why this polyfill is needed see Issue #7951. The need for this should go away once the version of phantomjs gets upgraded to 2.0 */ + // For reference to why this polyfill is needed see Issue #7951. + // The need for this should go away once the version of phantomjs gets upgraded to 2.0 + 'test/polyfills.js', + 'src/thirdparty/jquery-2.1.3.min.js', - 'src/thirdparty/CodeMirror/lib/codemirror.js', - 'src/thirdparty/CodeMirror/lib/util/dialog.js', - 'src/thirdparty/CodeMirror/lib/util/searchcursor.js', - 'src/thirdparty/CodeMirror/addon/edit/closetag.js', - 'src/thirdparty/CodeMirror/addon/selection/active-line.js', - 'src/thirdparty/mustache/mustache.js', - 'src/thirdparty/path-utils/path-utils.min', - 'src/thirdparty/less-1.7.5.min.js' + 'src/thirdparty/less.min.js' ], helpers : [ 'test/spec/PhantomHelper.js' @@ -391,29 +429,12 @@ module.exports = function (grunt) { 'jasmine_node': { projectRoot: 'src/extensibility/node/spec/' }, - jshint: { - all: [ - '<%= meta.grunt %>', - '<%= meta.src %>', - '<%= meta.test %>', - '!src/extensions/extra/**', - '!src/bramble/thirdparty/**', - '!src/nls/**' - ], + eslint: { grunt: '<%= meta.grunt %>', - src: [ - '<%= meta.src %>', - // These modules include lots of third-party code, so we skip them - '!src/extensions/default/HTMLHinter/slowparse/**', - '!src/extensions/default/HTMLHinter/tooltipsy.source.js', - '!src/extensions/extra/**', - '!src/bramble/thirdparty/**', - '!src/nls/**' - ], + src: '<%= meta.src %>', test: '<%= meta.test %>', - /* use strict options to mimic JSLINT until we migrate to JSHINT in Brackets */ options: { - jshintrc: '.jshintrc' + quiet: true } }, shell: { @@ -495,30 +516,6 @@ module.exports = function (grunt) { } }, - // Reduce the size of Tern.js def files by stripping !doc and !url fields, - // Which seem to be unused in Brackets. Turn something like this: - // - // "assign": { - // "!type": "fn(url: string)", - // "!url": "https://developer.mozilla.org/en/docs/DOM/window.location", - // "!doc": "Load the document at the provided URL." - // } - // - // into this: - // - // "assign": { - // "!type": "fn(url: string)" - // } - replace: { - ternDefs: { - src: ['src/extensions/default/JavaScriptCodeHints/thirdparty/tern/defs/*.json'], - dest: 'dist/extensions/default/JavaScriptCodeHints/thirdparty/tern/defs/', - replacements: [{ - from: /,?\n\s*"!url":[^\n]+\n(\s*"!doc":[^\n]+\n)?/g, - to: '' - }] - } - }, exec: { localize: 'node scripts/properties2js', 'localize-dist': 'node scripts/properties2js dist', @@ -535,9 +532,6 @@ module.exports = function (grunt) { // Load postcss grunt.loadNpmTasks('grunt-postcss'); - // Load text-replace - grunt.loadNpmTasks('grunt-text-replace'); - // Bramble-task: smartCheckout // Checks out to the branch provided as a target. // Takes: @@ -610,11 +604,11 @@ module.exports = function (grunt) { }); // task: install - grunt.registerTask('install', ['write-config', 'less']); + grunt.registerTask('install', ['write-config', 'less', 'npm-install-source']); // task: test - grunt.registerTask('test', ['jshint:all', 'jasmine']); -// grunt.registerTask('test', ['jshint:all', 'jasmine', 'jasmine_node']); + grunt.registerTask('test', ['eslint', 'jasmine', 'nls-check']); +// grunt.registerTask('test', ['eslint', 'jasmine', 'jasmine_node', 'nls-check']); // task: set-release // Update version number in package.json and rewrite src/config.json @@ -622,7 +616,7 @@ module.exports = function (grunt) { // task: build grunt.registerTask('build', [ - 'jshint:src', + 'eslint:src', 'clean', 'less', 'postcss', @@ -634,7 +628,9 @@ module.exports = function (grunt) { 'concat', /*'cssmin',*/ /*'uglify',*/ - 'copy', + 'copy:dist', + /* XXXBramble: we skip this, since we don't use any of the node_modules in Bramble. + 'npm-install', */ 'cleanempty', 'usemin', 'build-config' @@ -643,7 +639,6 @@ module.exports = function (grunt) { // task: build dist/ for browser grunt.registerTask('build-browser', [ 'build', - 'replace:ternDefs', 'requirejs:iframe', 'exec:localize-dist', 'uglify' diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md new file mode 100644 index 00000000000..3e4397396b0 --- /dev/null +++ b/ISSUE_TEMPLATE.md @@ -0,0 +1,27 @@ +### Prerequisites + +* [ ] Can you reproduce the problem with `Debug -> Reload Without Extensions`? +* [ ] Did you perform a cursory search to see if your bug or enhancement is already reported? +* [ ] Did you read the [Troubleshooting guide](https://github.com/adobe/brackets/wiki/Troubleshooting)? + +For more information on how to write a good bug report read [here](https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue) +For more information on how to contribute read [here](https://github.com/adobe/brackets/blob/master/CONTRIBUTING.md) + +### Description + +[Description of the bug or feature] + +### Steps to Reproduce + +1. [First Step] +2. [Second Step] +3. [and so on...] + +**Expected behavior:** [What you expected to happen] + +**Actual behavior:** [What actually happened] + +### Versions + +Please include the OS and what version of the OS you're running. +Please include the version of Brackets. You can find it under `Help -> About Brackets` (Windows and Linux) or `Brackets -> About Brackets` (macOS) diff --git a/LICENSE b/LICENSE index ce67075f3ff..c56840100d4 100644 --- a/LICENSE +++ b/LICENSE @@ -1,4 +1,4 @@ -Copyright (c) 2012-2015 Adobe Systems Incorporated. All rights reserved. +Copyright (c) 2012 - present Adobe Systems Incorporated. All rights reserved. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), diff --git a/build.json b/build.json new file mode 100644 index 00000000000..35883b8483a --- /dev/null +++ b/build.json @@ -0,0 +1,5 @@ +{ + "version": "1.9.0-0", + "title" : "Brackets 1.9 ", + "desciption" : "This is a Brackets pre-release build" +} \ No newline at end of file diff --git a/package.json b/package.json index c59931529e7..c18b4106d3d 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { - "name": "Brackets", - "version": "1.4.0-0", - "apiVersion": "1.4.0", + "name": "bramble", + "version": "1.9.0-0", + "apiVersion": "1.9.0", "homepage": "https://mozillathimblelivepreview.net/bramble/staging/dist/hosted.html", "issues": { "url": "http://github.com/mozilla/brackets/issues" @@ -13,35 +13,45 @@ "SHA": "" }, "dependencies": { + "anymatch": "1.3.0", "autoprefixer-core": "5.1.8", "aws-sdk": "^2.2.9", + "chokidar": "1.6.0", + "lodash": "4.15.0", + "glob": "7.0.6", "grunt": "0.4.5", "grunt-cli": "0.1.9", + "jasmine-node": "1.11.0", + "jshint": "2.1.4", + "grunt-jasmine-node": "0.1.0", + "phantomjs": "1.9.18", + "grunt-lib-phantomjs": "0.3.0", + "grunt-eslint": "18.1.0", + "grunt-contrib-watch": "0.4.3", + "grunt-contrib-jasmine": "0.4.2", + "grunt-template-jasmine-requirejs": "0.1.0", + "grunt-contrib-cssmin": "0.6.0", "grunt-contrib-clean": "0.4.1", "grunt-contrib-concat": "0.3.0", - "grunt-contrib-compress": "git://github.com/sedge/grunt-contrib-compress.git#fix-gruntjs#61", + "grunt-contrib-compress": "^1.4.1", "grunt-contrib-copy": "0.4.1", - "grunt-contrib-cssmin": "0.6.0", "grunt-contrib-htmlmin": "0.1.3", "grunt-contrib-jshint": "0.6.0", - "grunt-contrib-less": "0.8.2", "grunt-exec": "0.4.6", "grunt-postcss": "0.3.0", + "grunt-contrib-less": "1.4.0", "grunt-contrib-requirejs": "0.4.1", - "grunt-contrib-uglify": "0.2.0", - "grunt-contrib-watch": "0.4.3", + "grunt-contrib-uglify": "2.1.0", "grunt-git": "^0.3.4", "grunt-npm": "git://github.com/sedge/grunt-npm.git#branchcheck", "grunt-shell": "^1.1.2", "grunt-targethtml": "0.2.6", - "grunt-template-jasmine-requirejs": "0.1.0", "grunt-text-replace": "^0.4.0", "grunt-update-submodules": "^0.4.1", "grunt-usemin": "0.1.11", "habitat": "^3.1.2", - "jshint": "2.1.4", - "load-grunt-tasks": "0.2.0", - "q": "0.9.2", + "load-grunt-tasks": "3.5.0", + "q": "1.4.1", "semver": "^4.1.0", "xmldoc": "^0.1.2", "grunt-cleanempty": "1.0.3" diff --git a/samples/bg/Getting Started/index.html b/samples/bg/Getting Started/index.html new file mode 100644 index 00000000000..699e54856d3 --- /dev/null +++ b/samples/bg/Getting Started/index.html @@ -0,0 +1,208 @@ + + + + + + + ПЪРВИ СТЪПКИ С BRACKETS + + + + + +

ПЪРВИ СТЪПКИ С BRACKETS

+

Това е Вашето ръководство!

+ + + +

+ Добре дошли в Brackets, модерен редактор за код с отворен код, който разбира от уеб дизайн. Това е лек, + но мощен редактор за код, който слива визуалните инструменти с редактора, така че да получавате достатъчно + помощ, когато сте в нужда. +

+ + +

+ Brackets е един различен вид редактор. + Brackets има някои уникални функционалности, като бързо редактиране, преглед на живо и други, които може да не + откриете в други редактори. Brackets е написан на JavaScript, HTML и CSS. Това означава, че повечето от хората, + които използват Brackets имат уменията и да го променят и подобряват. Всъщност, ние самите използваме Brackets + всеки ден, за да градим Brackets. За да научите повече относно ключовите функционалности, продължавайте да четете. +

+ + + +

Проектите в Brackets

+

+ За да редактирате своя код в Brackets, трябва да отворите папката, съдържаща файловете Ви. + Brackets смята текущо отворената папка за „проект“; функционалностите като подсказки за кода, преглед на живо и + бързо редактиране работят само с файловете в текущо отворената папка. +

+ + + След като приключите с разглеждането на този примерен проект и искате да редактирате собствен код, можете да + използвате падащото меню в лявата странична лента, за да превключвате между папките. В момента там е избрано + „Getting Started“ — това е папката, съдържаща файла, който разглеждате в момента. Щракнете върху падащото меню и + изберете „Отваряне на папка…“, за да отворите своя собствена папка. + Можете да използвате това падащо меню, за да се връщате обратно към папките, които сте отворили по-рано, + включително този примерен проект. + + + +

Бързо редактиране на CSS и JavaScript

+

+ Без повече превключване между документи и забравяне къде сте били последно. Когато редактирате HTML, използвайте + комбинацията Cmd/Ctrl + E, за да отворите бърз редактор на място, който показва използвания CSS. + Променете CSS кода, натиснете ESC и се връщате към редактирането на HTML, или просто оставете + CSS правилата отворени и те ще станат част от редактора Ви за HTML. Ако натиснете ESC извън + вмъкнатия бърз редактор, всички такива ще се скрият. Бързото редактиране разпознава и правила, описани чрез + LESS и SCSS, включително и вложени правила. +

+ + + Искате да го видите в действие? Поставете курсора върху елемента по-горе и натиснете + Cmd/Ctrl + E. Би трябвало да се появи бърз редактор за CSS, показващ CSS правилото, което + се прилага към този елемент. Бързото редактиране може да работи също и за класове и идентификатори. + Можете дори да го използвате с Вашите файлове с LESS и SCSS. + + Можете да създавате правила по същия начин. Щракнете върху един от елементите по-гори и + натиснете Cmd/Ctrl + E. В момента няма правила за тях, но можете да натиснете бутона + „Ново правило“ и да добавите ново правило за . + + + + Снимка на екрана, показваща бързото редактиране на CSS + + +

+ Можете да използвате същата клавишна комбинация, за да редактирате и други неща — например функции на + JavaScript, цветове и времеви функции за анимации; ние постоянно добавяме още. +

+

+ За сега редакторите на място не могат да се влагат един в друг, така че можете да използвате бързото + редактиране само когато курсорът е в „пълния“ редактор. +

+ + +

Преглеждайте промените в HTML и CSS на живо в браузъра

+

+ Нали знаете как години наред си играем на „запазване и презареждане“? Играта, в която правите + промяна в редактора си, натискате „запазване“, превключвате към браузъра и натискате „презареждане“, + за да видите резултата? + С Brackets, няма да ви се налага да я играете повече. +

+

+ Brackets ще отвори жива връзка с браузъра Ви и ще му праща промените в HTML и CSS кода + докато пишете! Може би вече правите нещо подобно с различни инструменти, работещи в браузъра, но с Brackets + няма да има нужда да копирате готовия код обратно в редактора. Кодът Ви работи в браузъра, но + живее в редактора! +

+ +

Осветява на HTML елементи и CSS правила на живо

+

+ С Brackets е лесно да видите как промените Ви в HTML и CSS ще променят страницата. Когато курсорът + е върху CSS правило, Brackets ще осветява всички елементи, върху които то влияе, в браузъра. Също + така, докато редактирате файл с HTML, Brackets ще осветява съответстващите елементи в браузъра. +

+ + + Ако имате Google Chrome, може да опитате това. Щракнете иконката на светкавица в горния десен + ъгъл на прозореца на Brackets или натиснете Cmd/Ctrl + Alt + P. Когато прегледът на живо + е включен за даден HTML документ, всички свързани CSS документи могат да бъдат редактирани в реално време. + Иконката ще смени цвета си от сив на златист, когато Brackets установи връзка с браузъра Ви. + + Сега поставете курсора си върху елемента по-горе. Забележете синия контур, + който се появява около изображението в Chrome. Сега натиснете Cmd/Ctrl + E, за да + отворите CSS правилата. Опитайте да промените размера на рамката от 10 на 20 пиксела или + променете цвета на фона от „transparent“ на „hotpink“. Ако Brackets и браузърът Ви работят + един до друг, ще видите как промените Ви автоматично се виждат в браузъра. Яко, нали? + + +

+ Засега Brackets поддържа преглед на живо само за HTML и CSS. И все пак, в текущото издание, промените във + файловете с код на JavaScript се презареждат автоматично при запазване на файла. В момента работим върху + поддръжката на преглед на живо и за JavaScript. Прегледът на живо работи само с Google Chrome, но се надяваме + да поддържаме всички основни браузъри в бъдеще. +

+ +

Бърз преглед

+

+ Онези от нас, които не могат да запомнят съответствието между цветовете, изразени чрез шестнадесетични + числа и стойности ЧЗС, Brackets прави лесна и бърза проверката на това кой цвят се използва. Както в CSS, + така и в HTML, можете просто да посочите дадена цветова стойност или преливка, и Brackets ще Ви покаже как + изглежда този цвят или преливка автоматично. Същото важи и за изображенията: просто посочете връзката към + изображението в редактора и ще се появи миниатюрен изглед на това изображение. +

+ + + За да опитате бързия преглед сами, поставете курсора върху елемента в началото на този + документ и натиснете Cmd/Ctrl + E, за да отворите бързия редактор на CSS. Сега просто посочете + някоя стойност за цвят. Можете да видите това и при преливките, като отворите бърз редактор за + елемента и посочите някоя от стойностите за фона. За да опитате прегледа на изображения, + поставете курсора върху снимката на екрана, която може да намерите по-нагоре в този документ. + + +

Имате нужда от повече? Опитайте някое разширение!

+

+ Освен всички приятни функционалности, вградени в Brackets, нашата огромна и постоянно нарастваща + общност от разработчици на разширения е създала стотици такива, които добавят полезни и удобни функционалности. + Ако има нещо, от което се нуждаете, но не намирате в Brackets, много вероятно е някой вече да е създал + разширение за това. За да разгледате или претърсите списъка от налични разширения натиснете + Файл > Управител на разширения… и изберете раздела „Налични“. Когато намерите това, + което искате, просто натиснете бутона „Инсталиране“ до него. +

+ + +

Включете се

+

+ Brackets е проект с отворен код. Разработчици от цял свят допринасят, за да изградим заедно + един по-добър редактор за код. Много други създават разширения, които увеличават възможностите + на Brackets. Кажете ни какво мислите, споделете идеите си или направо се включете в проекта! +

+ + + + + \ No newline at end of file diff --git a/samples/bg/Getting Started/main.css b/samples/bg/Getting Started/main.css new file mode 100644 index 00000000000..dd4ef6c937a --- /dev/null +++ b/samples/bg/Getting Started/main.css @@ -0,0 +1,60 @@ +html { + background: #e6e9e9; + background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%); + -webkit-font-smoothing: antialiased; +} + +body { + background: #fff; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); + color: #545454; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.5; + margin: 0 auto; + max-width: 800px; + padding: 2em 2em 4em; +} + +h1, h2, h3, h4, h5, h6 { + color: #222; + font-weight: 600; + line-height: 1.3; +} + +h2 { + margin-top: 1.3em; +} + +a { + color: #0083e8; +} + +b, strong { + font-weight: 600; +} + +samp { + display: none; +} + +img { + animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; + background: transparent; + border: 10px solid rgba(0, 0, 0, 0.12); + border-radius: 4px; + display: block; + margin: 1.3em auto; + max-width: 95%; +} + +@keyframes colorize { + 0% { + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + } + 100% { + -webkit-filter: grayscale(0%); + filter: grayscale(0%); + } +} \ No newline at end of file diff --git a/samples/bg/Getting Started/screenshots/quick-edit.png b/samples/bg/Getting Started/screenshots/quick-edit.png new file mode 100644 index 00000000000..f986c39ce46 Binary files /dev/null and b/samples/bg/Getting Started/screenshots/quick-edit.png differ diff --git a/samples/cs/Getting Started/index.html b/samples/cs/Getting Started/index.html new file mode 100644 index 00000000000..aa94c8a74a7 --- /dev/null +++ b/samples/cs/Getting Started/index.html @@ -0,0 +1,209 @@ + + + + + + + ZAČÍNÁME S BRACKETS + + + + + +

ZAČÍNÁME S BRACKETS

+

Tohle je váš průvodce!

+ + + +

+ Vítejte v Brackets, moderním open-source editoru kódu, který rozumí webdesignu. Odlehčeném, + a přesto výkonném editoru kódu, který prolíná textový editor s vizuálními nástroji, takže dostanete + správné množství pomoci, kdy budete chtít. +

+ + +

+ Brackets je jiný druh editoru. + Brackets obsahuje některé unikátní prvky, jako rychlou úpravu, živý náhled a další, které v jiných + editorech pravděpodobně nenajdete. Navíc je Brackets napsán v JavaScriptu, HTML a CSS. To znamená, + že mnoho z nás používajících Brackets má znalosti potřebné k úpravě nebo rozšíření editoru. My sami + používáme Brackets neustále k vývoji Brackets. Čtěte dál, pokud se chcete dozvědět více o tom, + jak používat některé klíčové funkce editoru. +

+ + + +

Projekty v Brackets

+

+ Abyste mohli editovat vlastní kód pomocí Brackets, stačí jenom otevřít složku obsahující vaše soubory. + Brackets považuje aktuálně otevřenou složku za „projekt“; funkce, jako např. nápovědy kódu, živý náhled + nebo rychlou úpravu, pak používá jenom u souborů uvnitř aktuálně otevřené složky. +

+ + + Jakmile budete připraveni odejít z tohoto ukázkového projektu a editovat vlastní kód, můžete použít + rozbalovací nabídku v levém bočním panelu ke změně složek. Rozbalovací nabídka právě teď ukazuje + „Getting Started“ - to je složka obsahující soubor, který právě teď prohlížíte. Klikněte na rozbalovací + nabídku a vyberte „Otevřít složku…“ k otevření vaší vlastní složky. + Rozbalovací nabídku můžete použít také později k přechodu zpátky do složek, které jste otevřeli dříve, + včetně tohoto ukázkového projektu. + + + +

Rychlá úprava pro CSS a JavaScript

+

+ Žádné další přepínání mezi dokumenty a ztrácení souvislostí. Když editujete HTML, použijte klávesovou + zkratku Cmd/Ctrl + E k otevření rychle vloženého editoru, který zobrazí veškeré související + CSS. Proveďte drobnou úpravu ve vašem CSS, stiskněte ESC a jste zpátky v editaci HTML, + nebo prostě nechte CSS předpisy otevřené, čímž se stanou součástí vašeho HTML editoru. Pokud stisknete + ESC mimo rychle vložený editor, skryjí se tyto editory všechny. Rychlá úprava najde také + předpisy definované v LESS a SCSS souborech, včetně těch vnořených. +

+ + + Chcete to vidět v akci? Umístěte kurzor na značku výše a stiskněte + Cmd/Ctrl + E. Pod danou značkou by se měla objevit rychlá úprava CSS, zobrazující související + CSS předpis. Rychlá úprava funguje také v atributech class a id. Stejně tak ji můžete využít ve vašich + LESS a SCSS souborech. + + Stejným způsobem můžete vytvořit i předpisy nové. Klikněte na jednu ze značek výše + a stiskněte Cmd/Ctrl + E. Zatím tu žádné předpisy nejsou, ale můžete kliknout na tlačítko + Nový předpis, čímž přidáte nový předpis pro . + + + + Snímek obrazovky zobrazující rychlou úpravu CSS + + +

+ Stejnou klávesovou zkratku můžete použít i k editaci jiných věcí - např. funkcí v JavaScriptu, barev + nebo funkcí pro načasování animací - a pořád přidáváme další a další. +

+

+ Vložené editory prozatím nemohou být vnořené, rychlou úpravu tedy můžete použít pouze pokud je kurzor + uvnitř „plnohodnotného“ editoru. +

+ + +

Zobrazte změny v HTML a CSS živě v prohlížeči

+

+ Znáte ten tanec „uložitaobnovit“, který předvádíme řadu let? Takový ten, kdy provedete změny ve vašem + editoru, uložíte je, přepnete na prohlížeč a obnovíte stránku, abyste nakonec viděli výsledek? S Brackets + se tomuhle tanci můžete vyhnout. +

+

+ Brackets otevře živé spojení s vaším prohlížečem a posílá změny v HTML a CSS během psaní! Možná + už dnes děláte něco podobného s nástroji v prohlížečích, ale s Brackets není potřeba kopírovat výsledný + kód a vkládat jej zpátky do editoru. Váš kód běží uvnitř prohlížeče, ale žije ve vašem editoru! +

+ +

Živé zvýraznění HTML prvků a CSS předpisů

+

+ Díky Brackets jednoduše uvidíte, jak vaše změny v HTML a CSS ovlivní stránku. Pokud umístíte kurzor + na CSS předpis, Brackets zvýrazní všechny zasažené prvky v prohlížeči. Podobně i při editaci HTML souboru + Brackets zvýrazní odpovídající HTML prvky v prohlížeči. +

+ + + Pokud máte nainstalovaný Google Chrome, můžete si to vyzkoušet sami. Klikněte na ikonu blesku v pravém + horním rohu vašeho okna Brackets nebo stiskněte Cmd/Ctrl + Alt + P. Pokud je pro HTML + dokumenty povolen živý náhled, veškeré připojené CSS dokumenty mohou být editovány v reálném čase. Ikona + se změní z šedé na zlatou pokud Brackets naváže spojení s vaším prohlížečem. + + Nyní umístěte kurzor na značku výše. Všimněte si modrého zvýraznění, které se objeví + v Google Chrome kolem obrázku. Dále použijte Cmd/Ctrl + E k otevření definovaných CSS + předpisů. Zkuste změnit šířku rámečku z 10px na 20px nebo změnit barvu pozadí z „transparent“ + na „hotpink“. Pokud běží Brackets a váš prohlížeč vedle sebe, uvidíte, jak se vaše změny okamžitě projeví + ve vašem prohlížeči. Úžasné, že? + + +

+ Brackets v současnosti podporuje živý náhled pouze pro HTML a CSS. V aktuální verzi jsou změny + v JavaScriptových souborech alespoň automaticky načteny, jakmile je uložíte. Aktuálně pracujeme právě + na podpoře živého náhledu pro JavaScript. Živé náhledy jsou také možné jenom s prohlížečem Google Chrome, + ale doufáme, že tuto funkci v budoucnu přineseme do všech hlavních prohlížečů. +

+ +

Rychlý náhled

+

+ Pro ty z vás, kteří si ještě nezapamatovali ekvivalenty barev pro HEX nebo RGB hodnoty, Brackets rychle + a jednoduše zobrazí, jaká barva je právě používána. Jak v CSS, tak v HTML prostě najeďte na jakoukoliv + barevnou hodnotu nebo barevný přechod a Brackets automaticky zobrazí náhled dané barvy nebo daného + barevného přechodu. To samé platí pro obrázky: jednoduše najeďte na odkaz obrázku v editoru Brackets + a ten zobrazí malý náhled daného obrázku. +

+ + + Pokud si rychlý náhled chcete vyzkoušet sami, umístěte kurzor na značku výše v tomto + dokumentu a stiskněte Cmd/Ctrl + E k otevření rychlého editoru CSS. Nyní jednoduše najeďte + na kteroukoliv barevnou hodnotu v CSS. Také náhled barevných přechodů můžete vidět v akci otevřením + rychlého editoru CSS na značce a najetím na kteroukoliv hodnotu background-image. + K vyzkoušení náhledu obrázku umístěte kurzor na snímek obrazovky vložený výše v tomto dokumentu. + + +

Potřebujete něco jiného? Zkuste doplněk!

+

+ Navíc ke všemu skvělému, co je zabudované do Brackets, ještě naše rozsáhlá a rostoucí komunita vývojářů + doplňků vyvinula stovky doplňků přidávající další užitečné funkce. Pokud je tu něco, co potřebujete, + ale Brackets to nenabízí, s největší pravděpodobností už pro to někdo vytvořil doplněk. K procházení + nebo prohledání seznamu dostupných doplňků vyberte Soubor > Správce doplňků… a klikněte + na záložku „Dostupné“. Až naleznete doplněk, který hledáte, prostě klikněte na tlačítko „Instalovat“ + vedle něj. +

+ + +

Zapojte se

+

+ Brackets je open-source projekt. Weboví vývojáři z celého světa se podílejí na vývoji a vylepšování + editoru. Mnoho dalších vyvíjí doplňky, které rozšiřují možnosti Brackets. Dejte nám vědět, co si myslíte, + sdílejte své nápady nebo se přímo podílejte na projektu. +

+ + + + + + + \ No newline at end of file diff --git a/samples/cs/Getting Started/main.css b/samples/cs/Getting Started/main.css new file mode 100644 index 00000000000..dd4ef6c937a --- /dev/null +++ b/samples/cs/Getting Started/main.css @@ -0,0 +1,60 @@ +html { + background: #e6e9e9; + background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%); + -webkit-font-smoothing: antialiased; +} + +body { + background: #fff; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); + color: #545454; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.5; + margin: 0 auto; + max-width: 800px; + padding: 2em 2em 4em; +} + +h1, h2, h3, h4, h5, h6 { + color: #222; + font-weight: 600; + line-height: 1.3; +} + +h2 { + margin-top: 1.3em; +} + +a { + color: #0083e8; +} + +b, strong { + font-weight: 600; +} + +samp { + display: none; +} + +img { + animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; + background: transparent; + border: 10px solid rgba(0, 0, 0, 0.12); + border-radius: 4px; + display: block; + margin: 1.3em auto; + max-width: 95%; +} + +@keyframes colorize { + 0% { + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + } + 100% { + -webkit-filter: grayscale(0%); + filter: grayscale(0%); + } +} \ No newline at end of file diff --git a/samples/cs/Getting Started/screenshots/quick-edit.png b/samples/cs/Getting Started/screenshots/quick-edit.png new file mode 100644 index 00000000000..8ee7a257334 Binary files /dev/null and b/samples/cs/Getting Started/screenshots/quick-edit.png differ diff --git a/samples/da/Kom godt i gang/index.html b/samples/da/Kom godt i gang/index.html index 2e555c4e07c..a7c8533f701 100644 --- a/samples/da/Kom godt i gang/index.html +++ b/samples/da/Kom godt i gang/index.html @@ -19,7 +19,7 @@

Dette er din guide!

Velkommen til dette tidlige smugkig på Brackets, en ny open-source editor til den næste generation af - nettet. Vi er stærke tilhængere af standarder og ønsker at skabe bedre værktøjer til JavaScript, HTML, CSS + nettet. Vi er stærke tilhængere af standarder og ønsker at skabe bedre værktøjer til JavaScript, HTML, CSS og andre åbne web teknologier. Dette er vores ydmyge begyndelse.

@@ -136,7 +136,7 @@

Har du brug for noget andet? Prøv en udvidelse!

Som tilføjelse til alle de gode sager der er indbygget i Brackets, har vores store og voksende samfund af udviklere skabt over hundrede udvidelser, som tilføjer nyttig funktionalitet. Hvis der er noget du har brug for, som Brackets ikke tilbyder, er det ret sandsynligt at nogen har lavet en udvidelse til - det. For at gennemse eller søge i listen af tilgængelige udvidelser, vælg Filer > Udvidelses-håndtering + det. For at gennemse eller søge i listen af tilgængelige udvidelser, vælg Filer > Udvidelses-håndtering og klik på fanen "Udvalg". Når du har fundet en udvidelse du kunne tænke dig, klikker du blot på knappen "Installér" ud for den.

@@ -184,4 +184,4 @@

Bliv involveret

[:::::::::::::: ::::::::::::::] [[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]] ---> +--> \ No newline at end of file diff --git a/samples/da/Kom godt i gang/main.css b/samples/da/Kom godt i gang/main.css index 68ae0ac800c..dd4ef6c937a 100644 --- a/samples/da/Kom godt i gang/main.css +++ b/samples/da/Kom godt i gang/main.css @@ -1,26 +1,25 @@ html { - background-color: #e6e9e9; - background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); - background-image: linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); + background: #e6e9e9; + background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%); -webkit-font-smoothing: antialiased; } body { - margin: 0 auto; - padding: 2em 2em 4em; - max-width: 800px; + background: #fff; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); + color: #545454; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; - line-height: 1.5em; - color: #545454; - background-color: #ffffff; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); + line-height: 1.5; + margin: 0 auto; + max-width: 800px; + padding: 2em 2em 4em; } h1, h2, h3, h4, h5, h6 { color: #222; font-weight: 600; - line-height: 1.3em; + line-height: 1.3; } h2 { @@ -28,7 +27,7 @@ h2 { } a { - color: #0083e8; + color: #0083e8; } b, strong { @@ -40,7 +39,6 @@ samp { } img { - -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; background: transparent; border: 10px solid rgba(0, 0, 0, 0.12); @@ -50,20 +48,13 @@ img { max-width: 95%; } -@-webkit-keyframes colorize { - 0% { - -webkit-filter: grayscale(100%); - } - 100% { - -webkit-filter: grayscale(0%); - } -} - @keyframes colorize { 0% { + -webkit-filter: grayscale(100%); filter: grayscale(100%); } 100% { + -webkit-filter: grayscale(0%); filter: grayscale(0%); } -} +} \ No newline at end of file diff --git a/samples/da/Kom godt i gang/screenshots/quick-edit.png b/samples/da/Kom godt i gang/screenshots/quick-edit.png index 911d70c8266..97710aabceb 100644 Binary files a/samples/da/Kom godt i gang/screenshots/quick-edit.png and b/samples/da/Kom godt i gang/screenshots/quick-edit.png differ diff --git a/samples/de/Erste Schritte/index.html b/samples/de/Erste Schritte/index.html index ee40011d1ef..ad157aea3d5 100644 --- a/samples/de/Erste Schritte/index.html +++ b/samples/de/Erste Schritte/index.html @@ -33,7 +33,6 @@

Dies ist Ihre Anleitung!

und CSS geschrieben. Das heißt, dass die meisten Brackets-Nutzer dazu in der Lage sind, den Editor selbst zu verändern und zu erweitern. Tatsächlich nutzen wir Brackets täglich, um Brackets zu verbessern. Lesen Sie weiter, um mehr über die Nutzung der Hauptfeatures zu erfahren. -

-Tag oben und drücken Sie Cmd/Strg + E. Sie sollten einen Editor zum Schnellen Bearbeiten von CSS erscheinen sehen, - der die geltenden CSS-Regeln anzeigt. Das Schnelle Bearbeiten funktioniert genauso in Klassen- und + der die geltenden CSS-Regeln anzeigt. Das Schnelle Bearbeiten funktioniert genauso in Klassen- und ID-Attributen. Sie können es zudem in LESS- und SCSS-Dateien nutzen. Sie können auf die selbe Weise neue Regeln erstellen. Klicken Sie in einen der -Tags weiter @@ -167,7 +166,7 @@

Sie benötigen etwas anderes? Probieren Sie es mit einer Erweiterung!

Erweiterungs-Entwickler hunderte Erweiterungen erstellt, die nützliche Funktionen bringen. Wenn Sie etwas brauchen, was es nicht in Brackets gibt, ist es sehr wahrscheinlich, dass bereits jemand eine Erweiterung dafür geschrieben hat. Um die Liste der verfügbaren Erweiterungen zu durchstöbern - oder zu durchsuchen nutzen Sie Datei > Erweiterungs-Verwaltung und klicken auf + oder zu durchsuchen nutzen Sie Datei > Erweiterungs-Verwaltung und klicken auf den Tab "Verfügbar". Wenn Sie eine Erweiterung finden, die Sie nutzen wollen, klicken Sie einfach auf den "Installieren"-Button daneben.

@@ -216,4 +215,4 @@

Machen Sie mit

[:::::::::::::: ::::::::::::::] [[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]] ---> +--> \ No newline at end of file diff --git a/samples/de/Erste Schritte/main.css b/samples/de/Erste Schritte/main.css index c4791a40aca..dd4ef6c937a 100644 --- a/samples/de/Erste Schritte/main.css +++ b/samples/de/Erste Schritte/main.css @@ -1,26 +1,25 @@ html { - background-color: #e6e9e9; - background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); - background-image: linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); + background: #e6e9e9; + background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%); -webkit-font-smoothing: antialiased; } body { - margin: 0 auto; - padding: 2em 2em 4em; - max-width: 800px; + background: #fff; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); + color: #545454; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; - line-height: 1.5em; - color: #545454; - background-color: #ffffff; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); + line-height: 1.5; + margin: 0 auto; + max-width: 800px; + padding: 2em 2em 4em; } h1, h2, h3, h4, h5, h6 { color: #222; font-weight: 600; - line-height: 1.3em; + line-height: 1.3; } h2 { @@ -40,7 +39,6 @@ samp { } img { - -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; background: transparent; border: 10px solid rgba(0, 0, 0, 0.12); @@ -50,20 +48,13 @@ img { max-width: 95%; } -@-webkit-keyframes colorize { - 0% { - -webkit-filter: grayscale(100%); - } - 100% { - -webkit-filter: grayscale(0%); - } -} - @keyframes colorize { 0% { + -webkit-filter: grayscale(100%); filter: grayscale(100%); } 100% { + -webkit-filter: grayscale(0%); filter: grayscale(0%); } -} +} \ No newline at end of file diff --git a/samples/el/Getting Started/index.html b/samples/el/Getting Started/index.html index c8313c1b45a..cf330014b3b 100644 --- a/samples/el/Getting Started/index.html +++ b/samples/el/Getting Started/index.html @@ -19,7 +19,7 @@

Αυτός είναι ο οδηγός σας!

Καλώς ήρθατε σε μια πρώιμη προεπισκόπηση του Brackets, ένας νέος επεξεργαστής κειμένου ανοιχτού-κώδικα για τη νέα γενιά του - διαδικτύου. Είμαστε μεγάλοι οπαδοί των προτύπων και θέλουμε να φτιάξουμε καλύτερα εργαλεία για JavaScript, HTML και CSS + διαδικτύου. Είμαστε μεγάλοι οπαδοί των προτύπων και θέλουμε να φτιάξουμε καλύτερα εργαλεία για JavaScript, HTML και CSS και σχετικές ανοιχτές τεχνολογίες του διαδικτύου. Αυτό είναι το ταπεινό μας ξεκίνημα.

@@ -94,7 +94,7 @@

Ζωντανή επισήμανση στοιχείων HTML και κανό

- Αν έχεις εγκατεστημένο τον Google Chrome, μπορείς να το δοκιμάσεις μόνο σου. Κάνε κλικ στο εικονίδιο της αστραπής + Αν έχεις εγκατεστημένο τον Google Chrome, μπορείς να το δοκιμάσεις μόνο σου. Κάνε κλικ στο εικονίδιο της αστραπής στην πάνω δεξιά γωνία του παραθύρου του Brackets ή πατήστε Cmd/Ctrl + Alt + P. Όταν το Live Preview ενεργοποιηθεί σε ένα έγγραφο HTML, όλα τα συνδεόμενα αρχεία CSS μπορούν να επεξεργασθούν σε πραγματικό χρόνο. Το εικονίδιο θα αλλάξει από γκρι σε χρυσό όταν το Brackets δημιουργήσει την σύνδεση με τον browser. @@ -135,7 +135,7 @@

Χρειάζεστε κάτι άλλο; Δοκιμάστε μία επέκτ Εκτός από όλα τα καλά που έχει το Brackets, η μεγάλη και αυξανόμενη κοινότητα των developers επεκτάσεων έχει φτιάξει πάνω από εκατό επεκτάσεις που προσθέτουν χρήσιμες λειτουργίες. Αν υπάρχει κάτι που χρειάζεστε και το Brackets δεν το προσφέρει, είναι πολύ πιθανό κάποιος να έχει φτιάξει μία επέκταση - για αυτό. Για να περιηγηθήτε ή να ψάξετε τη λίστα των διαθέσιμων επεκτάσεων, πηγαίντε Αρχείο > Διαχειρηστής + για αυτό. Για να περιηγηθήτε ή να ψάξετε τη λίστα των διαθέσιμων επεκτάσεων, πηγαίντε Αρχείο > Διαχειρηστής Επεκτάσεων και κάντε κλικ στην καρτέλα «Διαθέσιμες». Όταν βρείτε μια επέκταση που θέλετε, απλά κάντε κλικ στο κουμπί της εγκτάστασης δίπλα του.

@@ -145,9 +145,9 @@

Χρειάζεστε κάτι άλλο; Δοκιμάστε μία επέκτ -->

Συμμετάσχετε

- Το Brackets είναι ένα project ανοιχτού κώδικα. Web developers από όλον τον κόσμο συνεισφέρουν για να φτιάξουν + Το Brackets είναι ένα project ανοιχτού κώδικα. Web developers από όλον τον κόσμο συνεισφέρουν για να φτιάξουν έναν καλύτερο επεξεργαστή κώδικα. Πολλοί περισσότεροι φτιάχνουν επεκτάσεις που επεκτείνουν τις δυνατότητες του Brackets. - Πείτε μας τι πιστεύετε, μοιραστείτε τις ιδέες σας ή συνεισφέρετε άμεσα στο + Πείτε μας τι πιστεύετε, μοιραστείτε τις ιδέες σας ή συνεισφέρετε άμεσα στο project.