ონლაინ CSS რედაქტორი
ონლაინ CSS რედაქტორი - ინსტრუმენტი მარტივი CSS კოდის რედაქტირებისთვის. ახლა შეგიძლიათ CSS ფაილების რედაქტირება CSS წესების დიდი ცოდნის გარეშე. უბრალოდ მიუთითეთ და დააწკაპუნეთ, შეცვალეთ სლაიდერები და დაადასტურეთ Viconan რობოტი. ასეთ რანგში მთელ რობოტს ეშინია, თავი აარიდოს მინიმალურ ზუსილას.
სამი საუკეთესო ონლაინ CSS რედაქტორი:
CSS კოდის რედაქტირება - დასაკეცი დიზაინის მისაღწევად, განსაკუთრებით მაშინ, როდესაც ფაილები დიდებული და დამაბნეველი ხდება. ზოგიერთ შემთხვევაში, ჩვენ გვჭირდება მხოლოდ მცირე ფრაგმენტი კოდის გასავრცელებლად საბნის გარეშე ან შესყიდვის შაბლონით. ყველა ვებ ოსტატი არ არის CSS ექსპერტი. ასე რომ, ეს ინსტრუმენტი დაგეხმარებათ ვიკონატის რობოტში ამ ნავიჩოკის რაიმე განსაკუთრებული ცოდნის გარეშე. თუ გსურთ დაგვეხმაროთ Firefox-ისთვის Firebug დანამატისთვის დამატებითი დახმარების დამატებაში, ჩვენ არ გამოვიყენებთ მას ინსტრუმენტად. დღეს მინდა გითხრათ სპეციალური ინსტრუმენტის - ონლაინ CSS რედაქტორის შესახებ.
Yak vіn pratsyu?
CSS ფაილის რედაქტირება და მისი შენახვა
ჩვენ შეგვიძლია დაბლოკოთ ის და ვიპრობუვატიოთ ჩარჩოს გარეშე ვერსიაონლაინ CSS რედაქტორი. რედაქტორის მთავარი პანელი დაყოფილია სამ მთავარ ფანჯარად. URL პანელი, keruvannya და vіkno პანელი ფრონტალური მზერა... mi-ს კოლექციით შეიყვანეთ საიტის URL. რედაქტორი აჩვენებს ყველა CSS ფაილს, რომელიც გამოჩნდება გვერდზე. როგორც კი ფაილი გამოჩნდება, CSS ფაილში ყველა ცვლილება გამოჩნდება keruvanny პანელში და შემდეგ გამოჩნდება ეკრანზე წინა ხედის წინ. თქვენ ასევე შეგიძლიათ ნახოთ გვერდი 9 სხვადასხვა ბრაუზერში. ხაზი წინა ხედის წინ არის ნაჩვენები სხვა ბრაუზერები, ასე რომ, საშუალებას გაძლევთ გაუმკლავდეთ ერთი css ფაილის დაბნეულობას ბრაუზერების გამოყენებით. როგორც კი დაასრულებთ რედაქტირებას, შეგიძლიათ დაზოგოთ ფული ინტეგრირებული FTP კლიენტის დამატებითი დახმარებისთვის, სერვერისკენ მიმავალ გზაზე ჩაკეტვით.
WYSIWYG CSS რედაქტირება
რედაქტორის ვიზუალური ავტორიტეტი
აქ არის მოვა stylizerapp დესკტოპის რედაქტორის შესახებ, მაგრამ მისი დამატება აუცილებელია, ის არ არის ონლაინ, რომ ნახოთ ელემენტის სახელი.
ონლაინ CSS რედაქტორი არის დიდი უნიკალური ძალა, რაც აქამდე არასდროს ყოფილა. საუკეთესო და ყველაზე ეფექტური ფუნქციები არის Bullseye-ის ფასი. Bullseye ხელსაწყოს გამოყენებით, შეგიძლიათ მაუსის კურსორი გადახედვის რეჟიმში გადაიტანოთ ვებ მხარის კონკრეტულ ელემენტზე და ინსტრუმენტი გაჩვენებთ CSS-კოდების სერიას keruvanny პანელში, როგორც ელემენტის გენერირება. Steak out ფუნქცია მეორე მხარის გაძარცვის მიზნით. დაამატეთ მწკრივი CSS კოდში, ხოლო ხელსაწყო გადახედვის რეჟიმში, რათა ნახოთ ელემენტი გვერდზე, რომელიც არის კოდის დამატებითი მწკრივის მითითება. თქვენ შეგიძლიათ შეცვალოთ ისეთი ატრიბუტები, როგორიცაა enter, ველები და შრიფტის ზომა. ცვლილებები დაუყოვნებლივ გამოჩნდება წინა ხედის პანელზე.
ჩვენი პირადი ძალა და ხელსაწყოები
ონლაინ CSS რედაქტორი იღებს უძლურ ენერგიას და ხელსაწყოებს. რაღაც მნიშვნელოვანი და მნიშვნელოვანი: ფერების პალიტრა არჩევანის არჩევის შესაძლებლობისთვის, ხუმრობა, რომელიც ცვლის ტექსტს CSS ფაილში, ხაზი პოზიციონირებისა და ცვლილებისთვის, ხაზი უფრო ზუსტი პოზიციონირებისთვის, უფრო ზუსტი პოზიციონირებისთვის
ცეი სწორედ ის ინსტრუმენტია, რომელიც მდიდარია იმით, რისი გაკეთებაც შეგიძლია. განსაკუთრებით არ დააკისროთ CSS გურუ საკუთარ თავს. ვიზუალური და WYSIWYG ინსტრუმენტი. თქვენ მიერ შეტანილი ცვლილებების შედეგი შეიძლება გაკეთდეს დაუყოვნებლივ ამ ეკრანზე. მზად არის მისი შესამოწმებლად, ასე რომ, ეს არის უსაფრთხოების უნიკალური პროგრამა მის ოჯახში და განსაკუთრებით მე მაინც გირჩევთ მას. მე თვითონ ვარ ვიკარისტი იოგი Joomla-ს შაბლონების შექმნისა და რედაქტირებისთვის. შეგიძლიათ სცადოთ ამ დამოუკიდებელი სიძლიერის დემო ვერსია, რისთვისაც გჭირდებათ ასეთი ინსტრუმენტი.
საათის დასრულებამდე ვებსაიტმა უნდა გაიაროს მთელი რიგი საფეხურები: დიზაინი, გვერდის განლაგების გაშვება, შინაარსი, საიტის შენარჩუნება და პროგრამული ბაზისი. ვებ დიზაინი ან ვიზუალურად გაფორმებული გვერდები - საიტის განვითარების სამი ეტაპიდან ერთ-ერთი, განლაგების მსგავსი მეგობრები... საიტის სტრუქტურის პროექციის პროცესი, ნავიგაცია ზედმეტად მარტივია, ისე რომ ვებ დიზაინის მეთოდით მას არ მოაკლდეს ვიზუალური გამოცდილება, არამედ კომფორტი კორისტორებისთვის.
პროგრამებს, რომლებსაც ვებ დიზაინერები იყენებენ განლაგების ერთი საათის განმავლობაში, ეწოდება HTML რედაქტორები. ასეთი რედაქტორების ორი ტიპი არსებობს:
- Vizualny, scho პრაქტიკა პრინციპით "Otrimuush te, scho bachish" - WYSIWYG (რას ხედავ, ისაა რასაც ღებულობ). WYSIWYG რობოტებით, მასალას უყურებენ ისე, როგორც არის რედაქტირების პროცესში.
- არარეალური (ტექსტები). ასეთი რედაქტორების კოდი დამოუკიდებლად უნდა დაიწეროს, რის გამოც ისინი საყვედურს იყენებენ ინსტრუმენტებს, ძირითადად, პროფესიონალ ვებ დიზაინერებს, რომლებსაც შეუძლიათ ცვლილებების ვარიანტების გამოყენება.
რედაქტორიც დაშლილია, რადგან აღიარებს რობოტიკის პრინციპის შეურაცხყოფას. ყველაზე ლამაზი HTML რედაქტორის ვიბრაცია მნიშვნელოვანია - ერთი კარგია გასაყიდად, ერთი დაშლილი პროვინციული კომპანიების მიერ, მესამე არის პროფესიონალი ვებ დიზაინერებისთვის და მეოთხედი ხელმისაწვდომია ფასით. Yakisnykh პროგრამებიმდიდარი, სუნი აღიქმება, როგორც ფუნქციონალური და ვიმაგიუებთ მრავალმხრივ მომზადებას.
Yaky ნათელი რედაქტორი
ავტოსტოპები ტექსტის რედაქტორები vpevneni, კოდის დაყენება შეგიძლიათ მხოლოდ ხელით და პროგრამული უზრუნველყოფა უფრო სწრაფი იქნება ვიზუალისთვის. საიტები, რომლებიც მიჰყვებიან მზა შაბლონებს, იგივე ტიპისაა, მაგრამ სუნი შეიძლება არ იყოს სწორი დასაწყებად და გასაშვებად. თუ არასაკეცი საიტია საჭირო ტესტირებისთვის ან პერსონალური საიტის ორი მხარე, WYSIWYG ვარიანტი იდეალურია.
განლაგებისა და ზღაპრების მომზადება პროფესიონალებისთვის არ არის საჭირო ისე, როგორც არის, რადგან მაღალი კლასის დიზაინერს არ სჭირდებოდა შაბლონები და შაბლონები, არამედ ხელახალი ფენა - ლექსიკა. ტიმ, თუ გსურთ თქვენი საიტის ნახვა HTML-ის საფუძვლიანი დანერგვის გარეშე, ტექსტის რედაქტორები არ არის საჭირო, მაგრამ ვებ დიზაინერისთვის ვიზუალური რედაქტორები კიდევ უფრო პრიმიტიულია.
Chim კარგი WYSIWYG რედაქტორები არიან
ვიზუალური კონსტრუქტორები ან ვიზუალური HTML რედაქტორები ონლაინ არის შეუცვლელი ინსტრუმენტი, რომელიც საშუალებას გაძლევთ ჩასვათ ელემენტები და ობიექტები ტექსტში. გვერდის ნაწილი, თუ როგორ უნდა ვიძიოთ შურისძიება ტექსტზე, ცხრილებზე და პატარებზე HTML-კოდით სპეციალისტების ძალაუფლებისთვის და ვიზუალური რედაქტორი სწავლობს კოდის გახსნის აუცილებლობას. ვებმასტერი წაშლის ტექსტის მხარეს დასრულებულ მაყურებელს. მე მაქვს სიტყვის ტექსტური რედაქტორი Microsoft Word-ის WYSIWYG გაგება.
ინსტრუმენტთა პანელზე ყველაფერი საჭიროა აკრეფისა და რედაქტირებისთვის: ღილაკები გაცვლის ბუფერისთვის, ფაილზე ჩვენება, შრიფტები და ტექსტის დიზაინი, ცხრილების, სურათების და ზომით მდიდარი ფორმების ჩასმა. HTML კოდის უარყოფისთვის აუცილებელია ღილაკის ჩამორთმევა, რათა მოხდეს კოდის რედაქტირება, კოპირება და საიტზე გადატანა. WYSIWYG რედაქტორი საშუალებას მისცემს მოკლე საათის განმავლობაში აღადგინოს უარის თქმის შედეგი და დაამატოთ ბმულები ვებ რესურსზე.
ვიზუალური რედაქტორი შეიძლება გაორმაგდეს ტეგებით ტექსტი HTML- ვებდიზაინერების რობოტს მოვუყვები.
სტატისტიკაში წარმოდგენილია ყველაზე ფუნქციონალური მოქმედებები CSS რედაქტორი კოდში for front-end rozrobnik_v. ვოლოდიუჩი ისეთი ფუნქციებით, როგორიცაა სინტაქსის მიცემა, რეალური საათის რეჟიმის დათვალიერება, ამ სახის რედაქტირების გაძლიერება და სერვისები, შეიძლება გახდეს სასწაულებრივი ვიბრატორი ვებ რობოქსისთვის სწორედ ბრაუზერის ფანჯარაში.
ონლაინ კოდის რედაქტორი
1. CodePen
მოიგეთ მოთხოვნა HTML, CSS და JavaScript-ისთვის და შესანიშნავი წინასწარი პროცესორებისთვის. ჰამლი, მარკდაუნი, სლიმი და ჯეიდი ადაპტირებენ, იაკ HTML წინასწარი პროცესორები... CSS-ისთვის გამოიყენეთ Less, SCSS, Sass და Stylus. JavaScript-ისთვის მხარდაჭერილია CoffeeScript, TypeScript, LiveScript და Babel.
თუმცა, CodePen-ის განვითარების სიდიადე დიდია. ეს საშუალებას გაძლევთ ადვილად იცოდეთ ამ კონდახის დემო ვერსია, რომელიც გახსნილია დამატებითი დისტრიბუტორების მიერ.
CodePen Pro უზრუნველყოფს ძილის რეჟიმს, რომელიც საშუალებას გაძლევთ დაამატოთ დამატებითი კოდი რეალურ საათობრივ რეჟიმში. ასევე პროფესორის რეჟიმი, რომლის დახმარებითაც სტუდენტთა ჯგუფს შეუძლია გამოგყვეს, თუ ახსნით კოდს, ან შეგიძლიათ მათთან ერთად გადაწეროთ ჩატში.
2. JSFiddle
კიდევ ერთი პოპულარული ონლაინ CSS რედაქტორი... მე წარმატებულად ვამოწმებ სიას, რომ მივაღწიო შემდეგ დონეს და მე ვიქნები პირველი, ვინც ვაჩვენებ CodePen-ს. JSFiddle არის მარტივი ონლაინ რედაქტორი კოდისთვის, რომელსაც აქვს არა-ბოქსის სპილენძის რედაქტორები, ტექსტური და ხმოვანი ჩატი. თქვენ არ გჭირდებათ ხელახლა სტრუქტურირება, ასე რომ თქვენ შეგიძლიათ გამოიყენოთ სოციალური რობოტის ფუნქცია.
JSFiddle ასევე ამუშავებს SCSS და CoffeeScript-ს. JSFiddle-ის დახმარებით, საჭიროა მხოლოდ კოდის გამოსწორება ან დემო ვერსიის გაფართოება.
3. ცოცხალი ქსოვა
ონლაინ CSS რედაქტორი, რომელიც ეფუძნება წინა ხედის ფუნქციებს რეალურ დროში. Liveweave შური იძიოს კონტექსტურ მოთხოვნებზე HTML5, CSS3, JavaScript და JQuery კოდის უკან. Win ასევე საშუალებას გაძლევთ დაამატოთ თქვენი პროექტი თქვენს არქივში ხელით.
Liveweave-ს აქვს მარტივი წვდომა ბიბლიოთეკის ახალ პროექტებზე, როგორიცაა JQuery, AndgularJS, Bootstrap და ა.შ. Win ასევე არის ხაზის ინსტრუმენტი, რომელიც დაგეხმარებათ განავითაროთ საპასუხო ვებ დიზაინი. Liveweave გამოუშვებს ფუნქციას " გუნდი up"მე მაქვს ბევრი შესაძლებლობა, მაგრამ ასევე სპეციალური რედაქტირების რეჟიმი JSFiddle-ში".
4. პლანკერი
ფასი ინტერნეტ-სულიერება ( იაკ და CodePen) კოდის ფესვისთვის, სოციალური რობოტებისა და იდეების გაცვლისთვის ვებ განვითარების სფეროში. სერვისი - ონლაინ რედაქტორი მკაფიო წყაროს კოდით MIT ლიცენზიით. დაბრუნების კოდიპლანკერიშეგიძლიათ იპოვოთ GitHub-ზე.
რედაქტორი CSS სტილებიონლაინ საშუალებას გაძლევთ დაამატოთ რამდენიმე ფაილი სამუშაო ზონაში, ასევე გჭირდებათ შაბლონები სწრაფი გაშვებაპროექტი.
5. JS Bin
ეს შუა გზაა ჯავასკრიპტის კოდით მძინარე რობოტებისთვის. Vaughn მოიცავს რამდენიმე წინასწარი პროცესორის მხარდაჭერას, როგორიცაა SCSS, Less, CoffeeScript, Jade და სხვა. კონსოლი ასევე ხელმისაწვდომია კოდის გასაუმჯობესებლად და გადასაწერად, რადგან კონსოლის ფუნქციაა Გუგლ ქრომი Firefox-ისთვის.
JS Bin ასევე უზრუნველყოფს ინტერაქტიულ რეჟიმს root კოდის თარგმანის ჩასაწერად, იქნება ეს მონაწილეთა ნებისმიერი რაოდენობა. მთელი რეჟიმი ხელმისაწვდომია კოშტოვნოს გარეშე რეგისტრირებული და ანონიმური კორისტუვაჩივისთვის.
6. CSS Deck
მთელი CSS რედაქტორი ცოტა უფრო მარტივი, ნაკლები ინსტრუმენტებია. გამარჯვებულთა ძირითად ფუნქციებში შედის კომენტარების ფუნქცია. Spilné vikoristannya და vbudovannya დემო ვერსიები ასევე შეგიძლიათ ნახოთ CSS Deck-დან.
7.kodtest
kodtest სასარგებლოა, თუ რობოტს სჭირდება კოდის შეცვლა უახლესი განვითარების ეკრანებზე. მთელი ინსტრუმენტი საშუალებას გაძლევთ სწრაფად გადაიტანოთ მითითებული ეკრანის ზომების წინა მხარე.
ონლაინ რედაქტორების დემონსტრირება კოდში
ქვემოთ მოცემულია დემო ვერსია, რომელიც გამოქვეყნებულია ჩემს მიერ CodePen-ზე. შეგიძლიათ გადართოთ ჩანართები, გადახედოთ HTML, CSS და JS-კოდებს. ექსპერიმენტებისთვის, საბადოზე ფიგურების შესაცვლელად " შედეგი».
გაოცებული დემო
ვისნოვოკი
ონლაინ CSS რედაქტორიშეიძლება გამოყენებულ იქნას საქმიანი მიზნებისთვის. მაგალითად, აუცილებელია პროექტების გავრცელება კლიენტის დემო ვერსიის საჩვენებლად.
კოდის ვებ რედაქტორი ასევე შესაფერისია საკურთხევლის მიზნებისთვის, რათა სუნმა არ მოატყუოს დაინსტალირებული და ხელმისაწვდომი ყველა ტიპის დანართიდან.
Yaksho vi є a rozrobnik, დაწერეთ კომენტარებში თქვენი საყვარელი ონლაინ კოდის რედაქტორის შესახებ.
სტატიის თარგმანი 7 უფასო ონლაინ კოდის რედაქტორი Front-End ვებ განვითარებისთვის»მეგობრული გუნდის მიერ მომზადებული პროექტისთვის Sitebuying A-დან Z-მდე.
Yak დილერში, ცხადია, არის თქვენი მთავარი სამუშაო ინსტრუმენტი, რომელიც საშუალებას მოგცემთ სწრაფად გადაიყვანოთ იდეა კოდში: ტექსტური რედაქტორი. ყოველ საათში და ახლა ჩვენ გვაქვს წვდომა უფასო ონლაინ ტექსტურ რედაქტორებზე, ასე რომ ჩვენ შეგვიძლია დაგეხმაროთ გახსნათ თქვენი საკუთარი კოდი ნებისმიერი კომპიუტერიდან, რომელსაც შეუძლია ინტერნეტში წვდომა. სტატისტიკაში 10 ასეთი რედაქტორია.
ემი რედაქტორი
შეიქმნა 2007 წელს პეტრ კრონტორადის მიერ, Amy Editor არის დანამატი რედაქტორი Mac სტილის ინტერფეისით. Amy Editor-ს აქვს უამრავი ყავისფერი ვარიანტი, როგორიცაა სტრიქონების ნუმერაცია, მოცემული სინტაქსი, ბმულები 20 მოძრაობზე მეტი, საძინებელი არის გამარჯვებული და სხვა.JSBin
Yak შეიძლება დასახელდეს სახელით, JSBin ონლაინ რედაქტორი, რომელიც ძირითადად ფოკუსირებულია Javascript-ზე. მეჩვენება, რომ ეს არის მარტივი და მკაფიო ინტერფეისი. შეიძლება თუ არა კოდი აპროტესტებს დამატებით ფუნქციას "Pereglyad" და შემდეგ ექსპორტირებული იყოს ფაილში.JSBin-ს აქვს კარგი პუნჩი, მათ, რომლებსაც შეუძლიათ პოპულარული Javascript-ის იმპორტირება, როგორიცაა jQuery ან Mootools, ასე რომ თქვენ შეგიძლიათ შეამოწმოთ დანამატები უპრობლემოდ.
»Http://jsbin.com
Bespin, აქტიური HTML5 ჯადოქარი, არის Mozilla Labs-ის ახალი პროექტი. Tsey duzhe დამღლელი რედაქტორი დიდი opts_y. ვიქტორიანული რედაქტორისთვის აუცილებელია რეგიონალური ჩანაწერის გახსნა. უხეში პატივისცემისთვის, Bespin შეიძლება გამოყენებულ იქნას ნებისმიერ ვებ პროექტში დასამატებლად და ჩასართავად, ჩვენ ვაპატიებთ სათაურში ორი ფაილის დამატებას. 
»Https://bespin.mozilla.com
Kodingen არის კიდევ ერთი გასაოცარი ონლაინ რედაქტორი, ალბათ ერთ-ერთი ყველაზე მოწინავე სიაში. Win შეიძლება იყოს vikoristany yak აღდგენის გარეშე, ასე რომ თქვენ შეგიძლიათ გააკეთოთ დაუვიწყარი ჩანაწერი და vikoristovuvati დამატებითი შესაძლებლობები, როგორიცაა SVN საცავი, რობოტის საძინებელი და ა.შ.
მთელ რედაქტორს აქვს შაბლონები ძირითადი პროგრამირების ენისთვის, რომელიც უზრუნველყოფს სინტაქსს, რიგების ნუმერაციას და სხვა ყველაფერს. Სცადე!
»Http://kodingen.com
EditPad, რედაქტორის წინა მხარეს, სტატისტიკის ზედა ნაწილში, მარტივი და მინიმალისტური. სინტაქსის დაწესების გარეშე, პროექტის მიერ კერუვანნიას შესაძლებლობის გარეშე... ეს მხოლოდ სპეციალური მხარეა ტექსტის შესატანად ზედმეტების გარეშე. მე არ ვარ განსაკუთრებით ამ ტიპის „ონლაინ ჩასაწერი ბლოკის“ ფანი, რომლითაც შეგიძლიათ ბევრი ნერვები დაიშუროთ ყველა მანქანაზე.
"Http://www.editpad.org
TypeIt არ არის კოდის რედაქტორი, მაგრამ ვიბრირებ მათთვის, ვინც აქ სტატუსამდე მიდის. Tse zruchna utilitta, yak yesє სწრაფი წვდომაამისთვის სპეციალური სიმბოლოები, როგორიცაა ფრანგული ასოები. ვიზუალურად საჭირო საიტი თქვენი ვიბრანომისთვის, რადგან ხშირად განიხილავთ მულტიმედია პროექტებს. 
"Http://www.typeit.org
PractiCode არის მარტივი კოდის რედაქტორი. Є რამდენიმე ფუნქცია (ხელსაყრელია CSS, HTML და VbScript-ისთვის), მაგრამ იდეალურია სწრაფი დარტყმა"ბრუდნი" კოდი. 
"Http://www.landofcode.com/online-code-editor.php
9ne
9ne არის შესანიშნავი ონლაინ რედაქტორი, რომელიც დაფუძნებულია GNU Emacs-ზე. 9ne-მ დაამატა Emacs-ის ბევრი ძირითადი ფუნქცია და ერთდროულად ადაპტირდება XML და JavaScript სინტაქსთან.
"Http://robrohan.com/projects/9ne/
jsvi
აირჩიეთ ჩემი ერთ-ერთი საყვარელი რედაქტორი ბოლო რამდენიმე საათის განმავლობაში. Რისთვის? ამიტომაც ვარ დამღლელი, ჭკვიანი და თქვენ შეგიძლიათ იცოდეთ yo skrіz: GNU / Linix სადისტრიბუციო ნაკრები, Mac, ვებ სერვერი... ახლა ასევე შემიძლია ვიცოდე Vi ონლაინ ჩემს JSVI რეინკარნაციაში. VI-ის ფუნქციონირების უმეტესი ნაწილი განხორციელდა მთელ ონლაინ ვერსიაში.
"Http://gpl.internetconnection.net/vi/
როგორც ჩვენთვის სახელი, HTMLedit არის tse (კიდევ უფრო მარტივი) HTML რედაქტორი, რომელიც შეიძლება გამოყენებულ იქნას სწრაფი და ბინძური კოდირებისთვის. პროტესტი, სწორედ ჩვენთვის გვაქვს საპროცენტო თანხა, სიის ქულების მიხედვით. 
"Http://htmledit.squarefree.com/
გინახავთ ოდესმე საკუთარი თავი zbozhevolilimi, რომელიც ახვევს კოდს ჭუჭყიან ნივთებს? თუ ასეა, მაშინ თქვენ დაჯილდოვდებით DarkCopy-ით. მარტივი რედაქტორი ფუნქციონალობის გაერთიანებით, თუმცა, ბნელი, შეუმჩნეველი ინტერფეისი, ასე რომ თქვენ შეგიძლიათ კონცენტრირება მოახდინოთ მხოლოდ ყველაზე მნიშვნელოვანზე: zrobiti tse. 
»Http://darkcopy.com
SimpleText.ws შეიძლება ძალიან კარგად გამოიყურებოდეს სტილით ძველი ვაშლი, მაგრამ ასევე დამღლელი რამ, რაც საშუალებას მოგცემთ ატვირთოთ, გადახაზოთ და ჩამოტვირთოთ ტექსტური ფაილები თქვენს ვებ სერვერზე. მნიშვნელოვანია, რომ შეგეძლოთ რედაქტორის მორგება თქვენს ადგილზე, თუ გსურთ, შეგიძლიათ გამოიყენოთ Google Apps Engine. Tsey სახელმძღვანელო უფრო გამოსადეგია. 
ბავშვების გადახედვა კომპიუტერული პროგრამებიპროგრამებზე, რომლებიც განლაგებულია ჩარჩოში, დაწინაურებულ. მან არ გამოტოვა შუა გადაცემის ტენდენციები და განვითარება, რაც, პრინციპში, ლოგიკურია. სინამდვილეში, ეს არ არის ყველაზე ლამაზად დაცული კოდი ინტერნეტში, რაც განსაკუთრებით ღირებულია. საშობაო საჩუქრის შესახებ წაიკითხეთ კორიანის სერვისისახელით CodePen (Codepen) - HTML, CSS, JavaScript კოდის ერთ-ერთი ულამაზესი ვიზუალური ონლაინ რედაქტორი.
ინსტრუმენტი კიდევ უფრო სახიფათო და ეფექტურია, ისევე როგორც ვიკორისტოვის მიერ შემუშავებული დღიურებში განლაგების დემონსტრირებისთვის: ამის შესახებ სტატიაში, ჰორიზონტალური მენიუს შესახებ. ქვემოთ დეტალურად მოგიყვებით Codepen-ის მახასიათებლებზე, ასევე პრაქტიკისთვის გადავხედავ ამ ონლაინ რედაქტორის კოდს.
CodePen-ის ძირითადი მახასიათებლები და ფუნქციები
მაშინვე ეს ნიშნავს, რომ სერვისს არ სურს პროგრამის მთელი მრავალფეროვნება. დიახ, მნიშვნელოვანია დავალების შესრულება ონლაინ გადაწყვეტისთვის, უფრო ლამაზად, ასეთ შემთხვევებში სპეციალური პროგრამული უზრუნველყოფის გამოყენებისას ტიპის, Phpstorm და სხვა. Codepen ონლაინ შეკვეთებისთვის ინტერნეტში და ფრენაში HTML განლაგება, კასკადური სტილის ცხრილები CSS + JavaScript, ყველაზე ხშირია მთავარ საიტებზე გაჭედვა. სამი მათგანი საკმარისად მარტივია, რათა უზრუნველყოს, რომ სერვისი არ არის საჭირო პროფესიონალური ცენტრისგან.
პრინციპში, CodePen-ის სიმძლავრე ხშირად ჰგავს სხვადასხვა კოდის რედაქტორს, რადგან ძალიან სახალისოა თამაში თქვენს რობოტებთან: შეგიძლიათ შეასწოროთ ის Notepad ++-ით, Sublime Text-ით და შეგიძლიათ დაასრულოთ დასაკეცი, მაგ. ვებშტორმი. რა თქმა უნდა, მე არ ვსაუბრობ პროგრამული უზრუნველყოფის ყველა ჩიპის ასლზე, არამედ იმაზე ძირითადი ფუნქციებიკოდის წერა. თუმცა, ამავდროულად CSS/HTML მონაცემებიდან გამორჩეულად გამორჩეულია ონლაინ რედაქტორი, რომელიც გაჩვენებთ რას ჰქვია კონკურენტი. მე ვნახე 4 ძირითადი ასპექტი.
1. ხელმისაწვდომობა
ნებისმიერი ფრაგმენტის გატეხილი კოდის ონლაინ რეჟიმში გამოქვეყნება საშუალებას გაძლევთ გაავრცელოთ ისინი სხვა კორისტუვაჩებთან. უბრალოდ გაგზავნეთ შეტყობინება იმ მხარეს, რომ ნახოთ. თქვენ ასევე შეგიძლიათ დაამატოთ პროექტები სერვისებში, ნებისმიერ საიტზე, როგორიცაა კონდახი.
გარდა ამისა, თქვენ გექნებათ წვდომა თქვენს განლაგებაზე, ან შეძლებთ ნავიგაციას სპეციალური კომპიუტერიმიუწვდომელი მიზეზების გამო. ყველა საჭირო ინფორმაცია აღებულია ზღარბიდან.
2. რობოტიკის სიმარტივე და კოდის ონლაინ ხელახალი წაკითხვა
გამოავლინა ვირტუალური სერვერი Codepen გაძლევთ შესაძლებლობას დაათვალიეროთ კოდი ინდივიდუალურად აპლიკაციის შედეგიდან. თქვენ არ გაქვთ ამის სერვერის დაყენების აზრი დამატებითი პროგრამებიზე ლოკალური კომპიუტერი... მათთვის, ვინც ადვილად ხვდება ვიქტორიანთან, არ არის მნიშვნელოვანი, ვარიანტი ვიზუალური რედაქტორიდან ონლაინ კოდამდე არ საჭიროებს დამატებით ფულს. ასეთი პიდჰიდი კიდევ უფრო სასარგებლოა.
3. პროფესიონალური იარაღები
CodePen-ის შემქმნელები მზად იქნებიან მოგცენ საუკეთესო შედეგი. შექმნილ სამსახურში არის ორიოდე წიკავიჩის გამოსვლა, ასევე დაფასებული ფაჰივტების მიერ:
- css-ისთვის რედაქტორი საშუალებას გაძლევთ აირჩიოთ ბიბლიოთეკები Normalize.css ან Reset.css. თქვენ ასევე შეგიძლიათ ჩართოთ -prefix-free / Autoprefixer.
- Є ინტეგრაცია CSSLint-თან, რომელიც შეცვლის დაწერილის სისწორეს.
- Pidtrimka Emmet და Vim Binding ცხელი კლავიშებით და ჩიპებით დაჩქარებული კოდირებისთვის.
- დანია არის ვიზუალური ონლაინ HTML CSS რედაქტორი და JavaScript სწორად წინასწარ პროცესორებით: HAML, Markdown, Slim HTML-ისთვის, სტილები - Sass და SCSS, პლუს CoffeeScript JS-ისთვის.
და ეს ყველაფერი კომპიუტერებზე დამატებითი პროგრამული უსაფრთხოების ინსტალაციის გარეშე!
4. ადგილზე სულიერება
CodePen-ის კიდევ ერთი მოჩვენება ის არის, რომ არსებობს უამრავი დამატებითი პროგრამა, რომელიც დარეგისტრირებულია იქ. საიტი უკვე დიდი ხანია გახდა მაიდანი სპეციალური ღონისძიებების საუკეთესო ხარისხით განვითარებისთვის. ზოგიერთ შემთხვევაში, შეგიძლიათ წაიკითხოთ ის დიდი როზვინენი როზრობნიკიდან ან ბოდიშიდან.
რესურსს აქვს სოციალური ფუნქციებიც: შეტყობინებები, მოწონებები, კომენტარები. Є იპოვნეთ ვარიანტები თემატური ჩანაწერებისთვის. დაიწყეთ თქვენი პროექტები ტეგებით, ასე რომ ხალხი იქნება ისეთივე მარტივი, როგორც შუკატი თქვენი სნიპეტი. კონდახის ხელმისაწვდომობა რიზნიხ ზავდანიეს გამოსავალი საშუალებას მოგვცემს გავიგოთ ვებ ბაზრის ძირითადი ფაქტობრივი მიმართულებები. ანალოგიურად, განხორციელება შეიძლება. შეხედეთ іnshikh პროგრამების რობოტებს nachnennya chi samonavchannya-სთვის.
ზემოაღნიშნული სია არ არის პრეტენზია, როგორც სახელმძღვანელო; საიტზე არის მთელი რიგი ფუნქციები. პროტესტის ნიშნად, ვფიქრობ, ვაპირებ ჩემი ადგილობრივი კონკურენტების წინაშე ვაჩვენო ონლაინ CSS რედაქტორისა და HTML კოდის ძირითადი უპირატესობები.
Yak koristuvatsya Codepen
ბობ რობოტებისთვის თავქარიანიაუცილებელია "ახალი კალმის" ვიბრაცია, ახალი პროექტის გახსნის შემდეგ (აქ მას კალამი ჰქვია). თქვენ უნდა დაიწყოთ მარაგის დაცლა, რომელიც შეინახება 4 ვიკონზე.
სამუშაო სივრცის პირველი სამი ფანჯარა ემსახურება HTML, CSS და JavaScript კოდის დასაწერად. რედაქტორის ქვემოთ, გთხოვთ, მიუთითოთ პროექტის განხორციელების საბოლოო შედეგი. საშუალო კურსის გამოსახულების კონფიგურაცია შეიძლება შეიცვალოს თქვენს საკუთარ გამოკვლევაზე, მაგალითად, რისკის შესამცირებლად.
Nalashtuvannyah-ში (გადაცემის პიქტოგრამა) є ვიბრაცია HTML-ისთვის, CSS-ისთვის და რაზეც ისაუბრეს. JS-სთვის ხელმისაწვდომია ბიბლიოთეკების ინსტალაცია, რომელიც დაკავშირებულია, მაგალითად, JQuery. კანის პროექტის ინდივიდუალური რეგულირება ონლაინ რედაქტორი HTML კოდი არის მოწითალო ინსტრუმენტი.
ასევე, კოდირებისას, არ უნდა დაგვავიწყდეს, მაგრამ CodePen-ში ყველა URL მისამართი არის აბსოლუტური (არ არის გამოკვეთილი), რათა ისინი იგზავნება იმავე რესურსის მისამართზე.
გაყოფილი კონდახის გამოსაქვეყნებლად, გვერდის ქვედა მარჯვენა მხარეს არის 3 ღილაკი:
- გაზიარება - გაზიარება სოციალური ზღურბლები(FB,