http___blog.nediko.info_category_programming_javascript_1.xml
http___bakkersbonus.com_pixelstudiofx_.xml
1.1 6.1 7.1 8.1 11.1 12.1 14.1 15.1 16.1 16.2 16.3 16.4 16.5 17.1 21.1 22.1 22.2 22.3 22.4 24.1 25.1 26.1 31.1 36.1 37.1 38.1 38.2 38.3 38.4 39.1 40.1 41.1 42.1 42.2 43.1 44.1 45.1 45.2 46.1 47.1 47.2 48.1 48.2 49.1 50.1 50.2 51.1 51.2 51.3 52.1 52.2 52.3 52.4 52.5 53.1 53.2 54.1 55.1 55.2 56.1 56.2 57.1 57.2 58.1 58.2 59.1 60.1 61.1 61.2 61.3 62.1 63.1 64.1 65.1 66.1 67.1 68.1 70.1 71.1 72.1 73.1 74.1 75.1 75.2 75.3 75.4 75.5 75.6 75.7 76.1 77.1 78.1 79.1 80.1 81.1 82.1 82.2 82.3 83.1 83.2 84.1 85.1 86.1 87.1 87.2 87.3 88.1 89.1 90.1 91.1 92.1 94.1 94.2 94.3 94.4 95.1 95.2 96.1 98.1 98.2 98.3 100.1 100.2 100.3 101.1 102.1 103.1 105.1 105.2 106.1 108.1 109.1 109.2 110.1 111.1 112.1 113.1 113.2 114.1 114.2 114.3 115.1 116.1 117.1 118.1
parts = { Object.keys(parts).map((part) => parts[part].map((el, index) => parts[part][index] = el+1 console.log(parts); // Result: Category Archives: JavaScript SVG text as HTML background И що чак сега се сетих, че мога да ползвам SVG text като background?! И не само текст. Че даже мога да си го променям динамично през javascript! Така някои дизайни можеше да станат по-фън-шуй. По-добре късно от колкото без SVG. Едно примерче: Try it Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. function myFunction() { let txt = "SVG Txt"; let s = window.btoa(` document.querySelector("p").style.background = `url('data:image/svg+xml;base64,${s}') no-repeat top left`; Demo: text_as_background.html Simple Tile Calculator – прост калкулатор за редене на плочки Престои ми ремонт и имам нужда от нещо, което да ми смята бързо броя плочки или ламиниран паркет, като добавя фугите. За това си написах калкулатор на jacascript. Представлява обикновена web-страница. Във версия 002 на калкулатора са направени някои промени: - Кода е изцяло пренаписан, като вече е обектен, което ще ме улесни да прилагам нови методи на редене - Добавен е диагонален модел за редене на плочките - Добавен е генериран код за CAD-софтуера QCad Програмата работи с всички модерни браузери и мобилни устройства. Калкулатора може да се зареди онлайн от тук: Tile Calculator Изтегляне на калкулатора + source: Simple_Tile_Calculator-v.002.zip След разархивиране на архива може да се ползва само html-файла в основната директория. В папката source е развойната версия на калкулатора с scss-кода. Кратко видео, което показва моя начин на ползване на това тулче: Chrome Extension – how to. Кратък урок за създаване на Chrome добавка. Ще се опитам да опиша простичко, как се разработва прост extension add-on за Chrome. Понякога е много полезно да се работи с подобни скриптове, особено при скрапване на web-съдържание, когато конвенционалните методи не работят или изискват прекалено много усилия. За да се създаде подобен скрипт с потребителски интерфейс ще са ни необходими няколко файла: manifest.json – всяка добавка (extension) за Chrome (а и за другите браузери) съдържа подобен скрипт, който предоставя важна информация на браузера. Повече тук: Manifest File Format popup.html – стандартно наименование на файла с потребителския интерфейс, който се появява при клик с мишката върху добавката. Разбира се, можем да създадем добавка, която няма нужда от потребителски интерфейс, но в случая аз искам да имам. Името на този файл се посочва в manifest.json. popup.js – файл, който се зарежда чрез popup.html. Можем и да нямаме подобен файл и да поместим javascript кода направо в popup.html. Но тенденциите в модерното програмиране съветват да се диференцира всичко – стилове, скриптове, html. В моя случай popup.js е двигателя на Chrome добавката. Той посочва какво, кога и къде да се активира. getPagesSource.js – файл за инжектиране в web-страницата и извлича информацията от нея. Този файл се зарежда от popup.js. icon.png – някаква иконка, която да се показва в листата с добавките на Chrome. Нека създадем скрипт, който извлиза съдържанието на определени тагове, като използваме javascript функцията querySelectorAll(). Много приятна функция, която заменя в известна степен нуждата от XPath при web-скрапинга. Да започваме! Първо създаваме manifest.json, като описваме какво прави тая добавка: След това си правим потребителския интерфейс popup.html – бутончета, поленца, форми, стилове, каквото ни е кеф. В случая ще се огранича на минимума за моите нужди – текстово поле, бутон, слой за резултата: В по-горния скрипт се вижда, че зареждам popup.js. Неговото съдържание е следното: Чрез popup.js зарежда javascripta, който се инжектира в страницата – getPageContent.js: Това е. Сега остава да заредим добавката в Chrome. Това става като отворим More Tools -> Extensions. След това кликаме на бутона Load unpacked и избираме директорията с файловете на нашата добавка. На базата на тази добавка могат да се направят много други, тъй като съдържа базата за писане на добавки за Chrome. Сорс кода може да се изтегли от тук: Chrome_Extension-Simple.zip Кратко видео, което показва как може да се ползва добавката: Bootstrap and tinyMCE examples JavaScript обекно ориентирано програмиране – наследяване (пример) Един много прост пример за наследяване на клас в JavaScript. В случая имам клас Shape (форма), който ще разширя с клас за правоъгълник (Rectangle), който на свой ред ще разширя с клас за квадрат (Square). По-горния код е интересен, но тъй като съм го копирал и преработвал, без много да му вниквам, не е мисля, че е добър. Ето така го оптимизирах, след като попрочетох малко за ООП-то на JavaScript: За да стартирам кода използвам SublimeText2 с инсталирана приставка за стартиране на команди от шела Turtlestein, а за JavaScript интерпретатор използвам SpiderMonkey 1.8.5 for Windows. Simple JavaScript rich text format editor Прост, базов RTF редактор за сайт Дълго съм се чудил кой е най-подходящия JavaScript Wysiwyg редактор с най-много възможности за напасване към сайт. Ползвал съм NicEdit, TinyMCE и други, които сам съм писал, неподдържащи rich text format (RTF). Обаче напасването на тези редактори към различни дизайни е развибащо от към бачкане и тестване в различните браузери. Реших да почопля няколко такива редактора и да разбера кое е толкова загадъчно и сложно, за да се напише подобен редактор. Истината е тривиална и се казва – iFrame. Този таг се ползва в почти всички подобни редактори, точно заради поддръжката му на RTF. При събмитване на формата, цялото съдържание на iform се подава на textarea, който си седи удобно скрит. Това е моят редактор, без CSS-форматиране, като в примера добавям и опция за обработка на текста от базата данни, където присъства без тагове, с ексейпнати малко по-рискови символи. Съдръжанието на JavaScript файла: Сорс кода: wiswyg_by_ned.rar Demo нa кода. Калкулатор за пресмятане на течност за електронни цигари Greasemonkey scripts Ползвали ли сте Greasemonkey? Това е една изключително готина добавка за Firefox (вече и за други браузери, в Chrome 4 си я има по подразбиране), която доста улеснява живота. Greasemonkey ви позволява да промените начина по който изглежда или се държи дадена Web-страница, благодарение на малки парченца javaScript код. Greasemonkey може да се използва за персонализиране на редакторите във форумите. Как примерно да добавим бутончета към редактора за постове в Dbg: – да прави цвета на селектирания текст в синьо, а текста удебелен – да слага тагове за цитиран текст Ей го скрипта: Много готино е, че Frefox поддържа XPath! За разлика от лайното Internet Explorer (трябва да се забрани със закон и всеки потребител да подписва договор, че никога, за нищо на света няма да използва IE, ам наистина НИКОГА!). А XPath яко улеснява писането на JavaScript и неимоверно съкращава кода. Резултата може да се види на картинките по-долу. Оригинална лента: С добавените бутони: Скрипта може да се изтегли от тук: Добавяне на бутони към коментарите в DBG Между другото Greasemonkey може да автоматизира и въвеждането на информация в специални сайтове, като например онлайн игрите. Има една онлайн игра Dimiva.com, където трябва да въртиш някакво зомбирано колело и междувременно ти излизат някакви зомбирани реклами, които трябва да познаваш за какво са и да кликаш на radio-бутони под тях. Изобщо зомбирана ситуация. Използвам я само за примерен скрипт, който да маркира автоматично radio-бутоните. Спред картинката, която се зарежда, маркирам и съответния бутон. Картинките са с постоянни имена, което улеснява зомбираната ситуация. И скрипта: dimiva.com – radio clicker Ще покажа и още един пример, който обработва всички зададени тагове от дадена страница. Примерно искаме да сменим цвета на “син” на всички линкове в някой сайт. За да си спестя безмислено писане на код, отново ще използвам XPath. На сайта на филмовата база данни IMDB има много интересни класации и рейтинги на филми. Но при отварянето на някои излиза досаден банер, който те призовава да станеш ProUser. Примерна страница: http://pro.imdb.com/moviemeter/?d=tt_moviemeter_why Това е смешно… и естествено е редно да го разкараме: След като приложихме скрипта, получаваме една нормална страница: И още един скрипт за оналайн магазина SportsDirect, който скрива резултати с цена по-висока от избраната от нас. Примерно искаме да скрием всички стоки, които са с цена по-висока от 29 паунда. Файл за инсталиране: SportsDirect price filter Малко полезни линкове: http://userscripts.org/ – база данни с потребителски скриптове. Добро място за разучаване на кодирането с Greasemonkey. http://wiki.greasespot.net/ – мястото от където е добре да започнем document.evaluate – обяснение за опциите на document.evaluate JavaScript GUI – бързо, вкусно, лесно с GLUEScript Днес докато се ровех за интересни нови неща около JavaScript интепретатора на mozilla – SpiderMonkey попаднах на много интересна среда за програмиране GLUEScript, базирана на този интерпретатор. За графичния потребителски интерфейс (GUI) се използват wxWidgets. Възможността да се пишат GUI програми с JavaScript особено много ме гизкефи. JavaScript е доволно популярен и приложим език за програмиране. Информация в мрежата бол. Ето едно много просто приложение, което показва лекотата за писане с GLUEScript – температурен конвертор между Фаренхайд и Целзий: Запазваме програмата като converter_c_to_t.js и я изпълняваме през промпта или конзолата: Резултат: С WinRar можем да направим програмката изпълнимо exe, като включим всички необходими файлове: F_to_C_Converter.exe
1.1 2.1 3.1 4.1 4.2 5.1 6.1 7.1 8.1 9.1 10.1 11.1 12.1 13.1 14.1 15.1 16.1 17.1 18.1 19.1 20.1 21.1 22.1 23.1 24.1 25.1 26.1 27.1 28.1 29.1 30.1 30.2 31.1 32.1 33.1 33.2 34.1 35.1 36.1 36.2 36.3 37.1 38.1 39.1 39.2 40.1 41.1 42.1 43.1 43.2 44.1 45.1 46.1 47.1 48.1 49.1 50.1 51.1 52.1 53.1 54.1 55.1 56.1 57.1 58.1 59.1 60.1 61.1 61.2 61.3 62.1 63.1 64.1 65.1 66.1 66.2 67.1 68.1 69.1 70.1 71.1 72.1 73.1 74.1 75.1 76.1 77.1 78.1 79.1 80.1 81.1 81.2 82.1 83.1 84.1 85.1 86.1 87.1 88.1 89.1 90.1 91.1 92.1 93.1 94.1 95.1 95.2 95.3 95.4 96.1 97.1 98.1 99.1 100.1 101.1 102.1 103.1 103.2 103.3 103.4 104.1 105.1 106.1 107.1 108.1 109.1 110.1 111.1 111.2 111.3 111.4 112.1 113.1 114.1 115.1 116.1 117.1 118.1 119.1 120.1 121.1 122.1 123.1 124.1 125.1 125.2 125.3 125.4 126.1 127.1 128.1 129.1 130.1 131.1 132.1 133.1 133.2
Discover why 65,000+ eCovers Have been Created With Pixel Studio FX… Instantly Create Professional High Converting E-Covers In Seconds The Worlds Easiest Drag & Drop Tool For E-Covers Early Bird starting at 9 am. Get Pixel Studio FX 2.0 for the Lowest Price. Check It Out... - Cloud Based Technology – Easy to Use - Powerful and Professional E-covers In Seconds! - The Power of Pixel Studio FX - Training Videos designed to help you LEARN Pixel Studio FX in and out. - You’ll get Instant Access to over 250+ pre-made designs in over 23 niches. Three Simple Steps To Creating E-Covers The Most Powerful & Easiest To Use E-Cover Creator As a digital marketer for over 8+ years, one of the biggest “pain points” in my business has always been design, especially when it comes to creating a e-book, software, or kindle cover. There is a reason why companies like Apple spend over $11.6 Million Dollars a Year just to design the best packaging for their brand. Because the FIRST IMPRESSION MATTERS. With over 24 months of development and close to $150,000 in development, Pixel Studio FX is my technology that I am proud of, stand behind, and use in my business daily. In fact, we have many big name marketers, that you probably know, who love Pixel Studio FX and count on it for their designs. Because the FIRST IMPRESSION MATTERS. - Spend hours searching for the “right designer” on freelance sites - Spend $100 to $500 per design - Play the “waiting game” as you wait for the design to come back WRONG. - Get frustrated that you can’t get your vision on design. These problems are all problems of the past. Introducing: Pixel Studio FX 2.0 Yes, 2.0 because we’ve added more features, more templates, and created a platform based on user’s suggestions and comments. It's Bigger, Badder and loaded with tons of features! Cloud Based Technology – Easy to Use With over 24 months of development, Pixel Studio FX was designed with YOU in mind. Our easy to use interface is fully drag and drop, point and click. Powerful and Professional E-covers In Seconds! Design is always the “hardest” element in most online businesses. With over 250+ unique templates in over 23 niches, we’re giving you the tools to create the design that YOU want at the level of quality YOU expect. The Power of Pixel Studio FX Calling all digital marketers. Regardless if you’re an affiliate marketers, software creators, eCommerce, website owner, blogger, e-covers are important to your business. Pixel Studio FX will help you create the eye popping design YOU need in your business. Want to See Pixel Studio FX in Action? Create E-Covers in 60 Seconds or Less Cloud Based Software requires NOTHING to download. Internet Connection is all you need! Includes 3D Models – From software boxes, dvd’s, books, reports, magazine, hard back book and more! No Technical Skills, Coding, or Graphic Editing Required! Over 250+ Done For You Templates – created by our team of graphic experts in 23 different Niches. Save and Store – We know the importance of saving your projects. We’ve got over 50MB of storage space for each user! Introductory Pricing has NO monthly pricing. Over 14,000 built in stock images and icons. Versatile & Easy to Use HD interface features an editor that’s fully drag and drop. Unlimited Personal Use – Create as many doodle videos as you want! And YES - we UPGRADED all our 1.0 members for FREE to 2.0! Just 12 months ago, we opened Pixel Studio FX to the public for 7 days. 9,500 people rushed in to grab their copy. And because it’s important to service our users, as THEY are the reason why we’ve been able to become the leading technology for E-Cover creation in the marketplace. And we plan to continue this trend. We’ll continue to upgrade, optimize, and give our existing users upgrades for life, for FREE. So today, I invite you to join the 9,500 others and join Pixel Studio FX in confidence. Creating high converting designs in minutes! Special Early Bird Bonuses! When You Purchase Pixel Studio FX 2.0, You Also Get Instant Access To These Incredible Bonuses Early Bird Bonus #1: Private Skype Coaching/Mastermind Group Join Sam Bakker and other marketers as part of a VIP Skype Group. Communicate, connect and learn - it's the perfect group to get up to date information on whats happening in the JVzoo marketplace and which products you should get or shouldn't get. Join the current members when you get access to Pixel Studio FX LIMITED TO FIRST 100 ONLY 23 spots Left - 24/7 Skype Group Access - Communicate with others, get help, ask questions and learn - You'll find out which products are good which products are bad what we recommend for your business week to week - AND no question is a bad question. Ask away in this group - everyone is here to help Early Bird Bonus #2: Webinar With Sam Bakker Join Sam for 2 hours as he goes through his journey into Internet Marketing, how the industry landscape has changed over the last 5 years, and the secrets to help you dive into Internet Marketing this year quickly - Sit down with Sam for 2 hours to learn about what it takes to make money online - Sam will also show you how to make the best use of your white label products and how to immediately start selling your white label products - Sam will also reveal a very easy to implement strategy for immediately putting your White Label products to work for you - AND share how he consistently gets on top of leaderboards with an industry-averagely-small list Early Bird Bonus #3: Live 90 minute talk with Sam Bakker Early Bird Bonus #4: Giveaway Rights - Video Script Video Script Writing Software Application Early Bird Bonus #5: White Label Rights 16 Sharp & Blurry Video Backgrounds Bundle Use these moving background videos to create more engaging green screen videos - 16 Creative, High Quality European Background Motion Videos You Can Use In Your Marketing Videos - Full Rights To Use Each Of These Videos For Your Own Purposes - Use Them With Your Clients Or In Your Own Business - Scenes From Parks, Nature and City Scenes... In-Focus and Blurred; Something For Every Occasion Early Bird Bonus #6: Marketing Graphics Toolkit Version 4 A full set of graphics to add to your marketing arsenal this year Early Bird Bonus #7: Marketing Graphics Toolkit Version 5 Your complete all-in-one Marketing Graphics Pack - Drag and Drop Fb Tab Page Builder - 15 Stunning FB Page Templates - Viral Newsfeed RoboPoster Pre-Schedules Traffic - FB App "List Builder" Grabs Emails and Biographic Info - ECommerce, Affiliate, Product and Local Campaigns Early Bird Bonus #8: Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - Drag and Drop Fb Tab Page Builder - 15 Stunning FB Page Templates - Viral Newsfeed RoboPoster Pre-Schedules Traffic - FB App "List Builder" Grabs Emails and Biographic Info - ECommerce, Affiliate, Product and Local Campaigns Early Bird Bonus #9: Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - Drag and Drop Fb Tab Page Builder - 15 Stunning FB Page Templates - Viral Newsfeed RoboPoster Pre-Schedules Traffic - FB App "List Builder" Grabs Emails and Biographic Info - ECommerce, Affiliate, Product and Local Campaigns Early Bird Bonus #10: Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - Drag and Drop Fb Tab Page Builder - 15 Stunning FB Page Templates - Viral Newsfeed RoboPoster Pre-Schedules Traffic - FB App "List Builder" Grabs Emails and Biographic Info - ECommerce, Affiliate, Product and Local Campaigns Why You Need OTO#1 Priced at $37. Headline Here Description of the Main Product Here.. Purchase Front End & First One Time Offer To Qualify For These Special Bonuses Below Special OTO Bonus #1: Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - Drag and Drop Fb Tab Page Builder - 15 Stunning FB Page Templates - Viral Newsfeed RoboPoster Pre-Schedules Traffic - FB App "List Builder" Grabs Emails and Biographic Info - ECommerce, Affiliate, Product and Local Campaigns Special OTO Bonus #2: Product Description Once You Purchase Pixel Studio FX 2.0, Your Bonuses Will Be In Your Members Area, And You Will Also Be Able To Find Them In Your JVzoo Customer Portal Listed As "Sam Bakker Bonus". If you don't see this then please submit a ticket to http://sambakkersupport.com with your receipt and we will get your bonuses to you right away!