uncleflo

profile picture

Some cool dude. Higher order of decision making. Absolute.

Registered since September 28th, 2017

Has a total of 3459 bookmarks.

Showing top Tags within 153 bookmarks

development   howto   information   guide   reference   administration   website   software   design   solution   linux   business   service   server   code   web   online   uk   tool   application   system   blog   list   data   tutorial   description   article   video   security   company   explanation   technology   windows   world   product   download   free   javascript   network   project   experience   lookup   london   performance   file   library   php   create   tools   research   build   programming   control   support   html   example   opensource   beautiful   learn   community   technical   image   music   computer   dance   database   share   browser   user   mobile   webdesign   feature   internet   platform   work   hardware   money   css   quality   install   3d   search   course   camera   access   standard   source   test   event   manage   developer   management   travel   phone   client   story   documentation   api   marketing   simple   script   question   review   google   youtube   fast   digital   communication   cheap   usa   setup   interface   content   app   advice   photography   program   account   professional   idea   process   device   live   study   startup   develop   installation   monitor   profile   buy   resource   market   customer   media   analysis   industry   flash   ubuntu   speed   social   inspiration   package   compare   js   framework   cloud   photo   university   graphics   personal  


Tag selected: javascript.

Clear all

Showing 153 results.

Looking up javascript tag. Showing 153 results. Clear

FREE and Simple Cookie Script

https://cookieinfoscript.com/

Saved by uncleflo on October 23rd, 2018.

Cookie Info Script is an easy solution to comply with the European Cookie Law. Make your own cookie information banner. No programming skills required. And yes, it is totally free. Cookie Info Script is a lightweight JavaScript for alerting users about the use of cookies on your website. It is designed to help you and your website to comply with the EU Cookie Law. Cookie Info Script is free, fast and painless.

cookie comply solution european law information programming skill development integrate administration free lightweight javascript user design europea painless script fast small eu software require


Github - yui / yuicompressor - YUI Compressor - The Yahoo! JavaScript and CSS Compressor

https://github.com/yui/yuicompressor/tree/master/src/org/mozilla/javascript

Saved by uncleflo on June 1st, 2018.

The YUI Compressor is a JavaScript compressor which, in addition to removing comments and white-spaces, obfuscates local variables using the smallest possible variable name. This obfuscation is safe, even when using constructs such as 'eval' or 'with' (although the compression is not optimal in those cases) Compared to jsmin, the average savings is around 20%. The YUI Compressor is also able to safely compress CSS files. The decision on which compressor is being used is made on the file extension (js or css)

yahoo compressor javascript js remove comment minify compress css commercial recommended development code administration


Quora - What is the best JS, CSS, HTML, and PHP minifier?

https://www.quora.com/What-is-the-best-JS-CSS-HTML-and-PHP-minifier

Saved by uncleflo on June 1st, 2018.

JavaScript: I’d rate Google’s Closure Compiler as the best, and UglifyJS second. There isn’t much data out there comparing them, especially the current or recent versions of them, but Closure gets lots of attention from talented people and its minification is guided by smart optimizations. In that sense, it’s a true compiler, doing things like dead code elimination and some restructuring. CSS: CSSO and CSS Nano are both good. CSSO was created by Yandex, and I’m generally impressed with Yandex’s talent. (They’re the Google of Russia, sort of.). HTML: As far as I know, there isn’t a good HTML minifier right now. WebMarkupMin might be good, but it’s new and I haven’t tested it. The most popular is HTML Minifier, but it’s buggy, poorly documented, and unsafe – it can easily break your website, and they’re strangely unwilling to fix their bugs (see this bug). A golang minifier deletes the `<html>` and `<head>` tags, which is fascinating. For some reason HTML minifiers seem to be in the hands of people who are willing to take alarming risks with HTML – it’s a weird bubble in the universe. We could really use a focused project to build a reference HTML minifier, and I’ve asked Cloudflare to open-source theirs (but I have no idea if they will).

javascript css html minify optimize howto performance compare lookup document quora discussion article list reference development


Google Developers - Closure Compiler

https://developers.google.com/closure/compiler/

Saved by uncleflo on June 1st, 2018.

The Closure Compiler is a tool for making JavaScript download and run faster. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls.

google compiler javascript js compile opensource language analyse remove code rewrite minimize syntax reference


GoJS - Interactive JavaScript Diagrams in HTML

https://gojs.net/latest/index.html

Saved by uncleflo on May 19th, 2018.

GoJS is a feature-rich JavaScript library for implementing custom interactive diagrams and complex visualizations across modern web browsers and platforms. GoJS makes constructing JavaScript diagrams of complex nodes, links, and groups easy with customizable templates and layouts. GoJS offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, tooltips, context menus, automatic layouts, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, and an extensible tool system for custom operations. GoJS is pure JavaScript, so users get interactivity without requiring round-trips to servers and without plugins. GoJS normally runs completely in the browser, rendering to an HTML5 Canvas element or SVG without any server-side requirements. GoJS does not depend on any JavaScript libraries or frameworks, so it should work with any HTML or JavaScript framework or with no framework at all. Build custom modeling environments and domain-specific visual languages using the powerful features of GoJS. Provide both a system editor and a read-only status monitor using shared code and templates. Simultaneously show alternative visualizations of the same data in different diagrams. Implement drill-down using expansion of subtrees and subgraphs or a detailed view in another diagram. Yet GoJS is remarkably simple for such a powerful and flexible system. Our thorough documentation introduces the basic concepts and demonstrate typical features that most apps want to offer. Nodes and links can be arbitrarily detailed according to the needs of the application. The API consists of only a few dozen important classes which encapsulate many useful features that interact with each other. There are many properties that permit simple customizations; some methods may be overridden for more complicated customizations.

gojs feature javascript library browser development diagram graphic interactive visualize platform construct node template layout html framework operation manage customize render


Fiddle to experiment with browser element offsets/sizes

http://jsfiddle.net/y8Y32/25/

Saved by uncleflo on May 9th, 2018.

Note how the browser reserves some space to the right of this paragraph, just enough to fit a scrollbar. This happens even though there is a decent amount of padding-right.

development code fiddle js jquery padding browser scroll javascript preview realtime tool margin element experiment crossbrowser compatible size position


You Might Not Need jQuery

http://youmightnotneedjquery.com/

Saved by uncleflo on May 9th, 2018.

jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with. At the very least, make sure you know what jQuery is doing for you, and what it's not. Some developers believe that jQuery is protecting us from a great demon of browser incompatibility when, in truth, post-IE8, browsers are pretty easy to deal with on their own.

jquery why reason javascript howto alternative development code browser library bandwidth dependency incompatible utility requirement advice server application speed execution


Stackoverflow - offsetTop vs. jQuery.offset().top

https://stackoverflow.com/questions/6777506/offsettop-vs-jquery-offset-top

Saved by uncleflo on May 9th, 2018.

I have read that offsetLeft and offsetTop do not work properly in all browsers. jQuery.offset() is supposed to provide an abstraction for this to provide the correct value xbrowser. What I am trying to do is get the coordinates of where an element was clicked relative to the top-left of the element. Problem is that jQuery.offset().top is actually giving me a decimal value in FFX 3.6 (in IE and Chrome, the two values match). http://jsfiddle.net/htCPp/ exhibits the issue. If you click the bottom image, jQuery.offset().top returns 327.5, but offsetTop returns 328. I would like to think that offset() is returning the correct value and I should use it because it will work across browsers. However, people obviously cannot click decimals of pixels. Is the proper way to determine the true offset to Math.Round() the offset that jQuery is returning? Should I use offsetTop instead, or some other method entirely?

offset top left position development code abstract browser coordinate element jquery js javascript pixel chrome ie firefox crossbrowser stackoverflow problem solution


How to adjust an iframe element’s height to fit its content

http://www.456bereastreet.com/archive/201112/how_to_adjust_an_iframe_elements_height_to_fit_its_content/

Saved by uncleflo on April 20th, 2018.

In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options. Sometimes the only way of incorporating data from a third party is by loading it in an iframe element. A few examples are financial reports, e-commerce applications, and ticket booking applications. Using an iframe is not ideal for many reasons, one of which is that it can make multiple sets of scrollbars appear on the page. Not only does it look ugly, it also makes the site less user-friendly. But there is a workaround.

display website iframe scrollbar howto code development js javascript content fit adjust element


www.crockford.com - jsmin.c

http://www.crockford.com/javascript/jsmin.c

Saved by uncleflo on April 12th, 2018.

JSMin is a filter which removes comments and unnecessary whitespace from JavaScript files. It typically reduces filesize by half, resulting in faster downloads. It also encourages a more expressive programming style because it eliminates the download cost of clean, literate self-documentation. What JSMin Does: JSMin is a filter that omits or modifies some characters. This does not change the behavior of the program that it is minifying. The result may be harder to debug. It will definitely be harder to read. JSMin first replaces carriage returns ('\r') with linefeeds ('\n'). It replaces all other control characters (including tab) with spaces. It replaces comments in the // form with linefeeds. It replaces comments in the /* */ form with spaces. All runs of spaces are replaced with a single space. All runs of linefeeds are replaced with a single linefeed.

javascript js compression compressor study program software c c++ development compile programming download minify replace


Class patterns

https://javascript.info/class-patterns

Saved by uncleflo on April 8th, 2018.

There’s a special syntax construct and a keyword class in JavaScript. But before studying it, we should consider that the term “class” comes from the theory of object-oriented programming. The definition is cited above, and it’s language-independent. In JavaScript there are several well-known programming patterns to make classes even without using the class keyword. And here we’ll talk about them first. The class construct will be described in the next chapter, but in JavaScript it’s a “syntax sugar” and an extension of one of the patterns that we’ll study here.

syntax class oop programming development howto tutorial example reference code object instance pattern discussion article learn course js javascript


3 ways to define a JavaScript class

https://www.phpied.com/3-ways-to-define-a-javascript-class/

Saved by uncleflo on April 8th, 2018.

JavaScript is a very flexible object-oriented language when it comes to syntax. In this article you can find three ways of defining and instantiating an object. Even if you have already picked your favorite way of doing it, it helps to know some alternatives in order to read other people's code. It's important to note that there are no classes in JavaScript. Functions can be used to somewhat simulate classes, but in general JavaScript is a class-less language. Everything is an object. And when it comes to inheritance, objects inherit from objects, not classes from classes as in the "class"-ical languages.

javascript js oop object oriented programming development howto class object language description reference instance inherit code blog article beautiful website


Creating and triggering events

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

Saved by uncleflo on April 7th, 2018.

This article demonstrates how to create and dispatch DOM events. Such events are commonly called synthetic events, as opposed to the events fired by the browser itself.

modern js javascript anti dom event browser demo development howto brief tutorial documentation mozilla dispatch


Create Bookmarklets - The Right Way

https://code.tutsplus.com/tutorials/create-bookmarklets-the-right-way--net-18154

Saved by uncleflo on March 8th, 2018.

Bookmarkets can be defined as mini applications masquerading as tiny snippets of JavaScript awesomeness that reside in your browser and provide additional functionalities to a web page. Today, we're going to look into creating bookmarklets from scratch and on the way, some best practices to follow. They're not for the nerdy, in fact, they're pretty user-centric. We're always looking at ways to enhance our browsing experience, be it widespread or little known. Bookmarklets, I used to think, belonged to the latter - the bastion of super nerds. Much to my chagrin, I discovered that I was completely wrong about the topic. They're not for the nerdy, in fact, they're pretty user-centric, implement a lot of pretty neat functionalities and, just as people predicted, it's become a core part of the way I interact with the browser -- and the internet. Today, I'd like to walk you through developing bookmarklets implementing some nifty bookmarks. Yes, bookmarks. We'll be building more than one, albeit quite tiny ones. Intrigued? Let's get started!

bookmark bookmarklet application snippet javascript js developer howto browser functionality add administration user experience reference artible blog


freeformatter.com - Free Online Tools For Developers

https://www.freeformatter.com/batch-formatter.html

Saved by uncleflo on February 7th, 2018.

Free Online Tools For Developers. I created this website to help developers by providing them with free online tools. These tools include several formatters, validators, code minifiers, string escapers, encoders and decoders, message digesters, web resources and more. I will add new tools on a regular basis, so be sure to add this site to your bookmarks. If you encounter a bug, I would very much appreciate that you send me an email (freeformatter@gmail.com) that explains the nature of your bug. Please include details like which browser version you're using and the steps to reproduce the bug. Other comments are welcome. Please "+1" and/or "Facebook Like" this site if you thought it was useful.

online tool developer development security hacking cracking website format validator formatter escaper minifier decoder resource minify css js javascript validate minimize escape browser bookmark batch administration


Apache Cordova

https://cordova.apache.org/

Saved by uncleflo on January 26th, 2018.

Cordova wraps your HTML/JavaScript app into a native container which can access the device functions of several platforms. These functions are exposed via a unified JavaScript API, allowing you to easily write one set of code to target nearly every phone or tablet on the market today and publish to their app stores. A diverse ecosystem of command line tools, JavaScript frameworks, and cloud services exist that augment Cordova

apache cordova html javascript development device function platform js api phone market framework cloud administration software sdk howto guide engine interface


Introducing Bootstrap Studio

https://bootstrapstudio.io/

Saved by uncleflo on December 28th, 2017.

Bootstrap Studio is a powerful desktop app for designing and prototyping websites. Bootstrap Studio is a an app for creating beautiful websites. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. It is built on top of the hugely popular Bootstrap framework, and exports clean and semantic HTML. The Interface. Bootstrap Studio has a beautiful and powerful interface, which is built around the simplicity of drag and drop. This makes it the perfect tool for prototyping and designing web pages and apps. Beautiful Built-in Components. Bootstrap Studio comes with a large number of pretty components for building responsive pages. We've got headers, footers, galleries, slideshows and even basic elements like spans and divs. See some of them below. Smart Drag & Drop. Bootstrap Studio knows which Bootstrap components can be nested in one another and gives you suggestions. It automatically generates beautiful HTML for you, which looks as if it was written by hand by an expert. Create Your Own Components. You can extract pieces of your designs as Custom Components, and have them ready to be dropped into any design you create. You can also export these components as files and share them. Online Library If you need a component which doesn't exist in our library, just click the Online tab in the Component Panel. There you will find thousands of components built and shared by the community. You can also upload your own. Linked Components. This is a powerful feature which allows you to synchronize components, so changing one will automatically change the other. This is especially useful for things like headers and footers which you need to update across pages. Realtime Preview. Bootstrap Studio has a powerful feature called Preview. With it, you can open your design in multiple web browsers and devices, and every change you make within the app will be shown instantaneously everywhere.

bootstrap studio online tool create innovate app responsive website framework demo purchase cloud service saas design prototype component drag and drop export clean html release features present interface develop designer development automatic expert suggest share realtime preview edit code css javascript js editor markup import advanced animation productivity theme brand manage


npm Orgs is powerful collaboration — for free

https://www.npmjs.com/

Saved by uncleflo on December 27th, 2017.

Build amazing things: npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways. What is npm? Use npm to install, share, and distribute code; manage dependencies in your projects; and share & receive feedback with others. What can you make with 475,000 building blocks? The npm registry hosts almost half a million packages of free, reusable code — the largest software registry in the world.

npm javascript manager software registry discover package reusable assemble install share distribute code dependencies management administration development receive feedback community world javascript js develop


Installing Node.js Tutorial: Windows

http://nodesource.com/blog/installing-nodejs-tutorial-windows/

Saved by uncleflo on December 27th, 2017.

As with any programming language, platform, or tool that doesn't come bundled with Windows, getting up and running with Node.js takes some initial setup before you can start hacking away. In my experience, though Node.js has a far better installation experience on Windows than virtually any other language, platform, or tool that I've tried to use - just run the installer, and you're good to go. In this quick tutorial, we'll take a look at how to get Node.js installed on Windows. Once we've completed the entirety of the tutorial, you'll be ready to take the next step with Node.js. This guide covers installing Node.js on the following versions of Windows: Windows 7, Windows 8, Windows 8.1, and Windows 10. These are the versions that are consistently tested and supported by the Node.js build process at the time of writing.

node javascript js windows programming development platform tool install installation experience installer tutorial howto guide quick download free setup version manage administration es6 ecmascript server


How to Install Node.js® and NPM on Windows

http://blog.teamtreehouse.com/install-node-js-npm-windows

Saved by uncleflo on December 27th, 2017.

JavaScript is quickly becoming the go-to language for web developers. Front-end web developers use JavaScript to add user interface enhancements, add interactivity, and talk to back-end web services using AJAX. Web developers who work on the server-side are also flocking to JavaScript because of the efficiencies and speed offered by JavaScript’s event-driven, non-blocking nature. In fact, concentrating on JavaScript as your language of choice offers the opportunity to master a single language while still being able to develop “full-stack” web applications. The key to this server-side JavaScript revolution is Node.js® — a version of Chrome’s V8 JavaScript runtime engine — which makes it possible to run JavaScript on the server-side. Node.js is also used for developing desktop applications and for deploying tools that make developing web sites simpler. For example, by installing Node.js® on your desktop machine, you can quickly convert CoffeeScript to JavaScript, SASS to CSS, and shrink the size of your HTML, JavaScript and graphic files. Using NPM — a tool that makes installing and managing Node modules — it’s quite easy to add many useful tools to your web development toolkit. In a previous article, I wrote about how to install Node.js® and, it’s companion, NPM on a Mac. Fortunately, for Windows users, the Node.js® installation process is a lot easier than how I recommend installing Node.js® on a Mac.

javascript npm node windows language frontend web development developer administration installation software chrome engine server program package howto steps download free website prompt restart computer test


Bootstrap v4-alpha: Components: Card columns

http://v4-alpha.getbootstrap.com/components/card/#card-columns

Saved by uncleflo on December 27th, 2017.

Cards can be organized into Masonry-like columns with just CSS by wrapping them in .card-columns. Cards are built with CSS column properties instead of flexbox for easier alignment. Cards are ordered from top to bottom and left to right. Heads up! Your mileage with card columns may vary. To prevent cards breaking across columns, we must set them to display: inline-block as column-break-inside: avoid isn’t a bulletproof solution yet.

bootstrap javascript js css class card content container display flexbox howto lookup development website customize masonry wrap properties align order nice layout flow search list


Tout JavaScript.com se relance en 2017

http://www.toutjavascript.com/main/index.php3

Saved by uncleflo on December 27th, 2017.

Lancé en 1999, TJS était en sommeil depuis 2010 ! Pour les 18 ans du site, j'ai décidé de reprendre en main le site. Je me suis attaqué à une légère refonte graphique avec un peu de responsive design pour les 7% d'utilisateurs sur mobiles et tablettes. J'ai procédé surtout à un ménage sévère et impitoyable des contenus : Les scripts sont tous supprimés. La FAQ a été purgée. La référence du langage s'enrichit progressivement. Un émulateur de la console navigateur facilite la compréhension. Les tutos sont aussi en cours de relecture et de correction.

reference js javascript lookup objects tutorials french forum progressive script


NOTY

http://ned.im/noty/

Saved by uncleflo on June 30th, 2017.

NOTY is a notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. Features: Dependency-free, Web Push Notifications with Service Worker support - v3.1.0-beta, UMD, Named queue system, Has 11 layouts, 5 notification styles, 5+ themes, Custom container (inline notifications), Confirm notifications, TTL with timeout option, Progress bar indicator for timed notifications, Supports css animations, animate.css, mojs, bounce.js, velocity and other animation libraries, 2 close options: click, button, API & Callbacks, Custom templating, Document visibility control (blur, focus)

notification js javascript library website service push dialog support development code implement html beautiful complete useful


Operational Transformation

http://operational-transformation.github.io/

Saved by uncleflo on June 23rd, 2017.

Software that lets you edit a shared document together with others over the internet can be really useful if you’re working in a team, especially a distributed one. Nowadays, there is a lot of web-based software for simultaneous collaborative editing, no matter if you’re working on rich-text documents, spreadsheets, presentations or source code. Let’s take a moment to define more precisely what we mean with the term realtime collaborative editing. What we want is that multiple people working at different computers can make changes to a document hosted on a server at any time. These changes are synchronized immediately with the other peers, in contrast to version control systems like Git, where one usually works on a feature all by oneself and eventually merges the changes back to the project. No client should have to communicate with the server or any other client before making a change. In particular, there is no need to acquire a lock from the server to make an edit and concurrent edits can occur. After all changes have been synchronized, every client should see the exact same document. It turns out that implementing this kind of real-time collaboration is far from trivial. The most common solution responds to the name Operational Transformation (usually abbreviated OT). It originated from a research paper published in 1989 but got more recently popularized by Google Wave. Today, it powers many collaborative editors such as.

operational-transformation collaboration github document share synchronize article write writer developer development library define simultaneous software edit other information reference core js javascript browser


WebSocket.org - Echo Test

https://www.websocket.org/echo.html

Saved by uncleflo on October 21st, 2016.

The first section of this page will let you do an HTML5 WebSocket test against the echo server. The second section walks you through creating a WebSocket application yourself. You can also inspect WebSocket messages using your browser.

websocket internet web socket test simple demonstration code html javascript js howto browser client server learn explanation guide