uncleflo

profile picture

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

Registered since September 28th, 2017

Has a total of 3555 bookmarks.

Showing top Tags within 61 bookmarks

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


Tag selected: js.

Clear all

Showing 61 results.

Looking up js tag. Showing 61 results. Clear

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


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


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


GitHub - Vine.js

https://github.com/arextar/Vine

Saved by uncleflo on May 9th, 2018.

A small JavaScript library for events. 1.6KB (about .9k gzipped), Can be used with or without the DOM, Goal: <2KB, Cross-browser, Easily embedded and used in libraries, usable stand-alone. Tested in: Chrome 11, IE 8, FF 4, Opera 11.

js utility library browser dom chrome embed howto small event administration snippet tool application github download install development


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


You Don't Need jQuery!

https://blog.garstasio.com/you-dont-need-jquery/events/#next

Saved by uncleflo on April 7th, 2018.

Free yourself from the chains of jQuery by embracing and understanding the modern Web API and discovering various directed libraries to help you fill in the gaps. In this fifth installment of “You Don’t Need jQuery (anymore)”, I’m going to talk about dealing with events in the browser without jQuery. As always, each section will cover the jQuery approach, followed by a solution using the native Web API instead. After reading this post on events, you should be confident enough to deal with events in your own project without using jQuery. As I’ve mentioned (many times) before, this blog is not about bad-mouthing jQuery. jQuery is, without a doubt, ubiquitous in the world of web development. In the earlier days of web development, jQuery was required to smooth out the significant implementation differences and bugs found in various browsers when dealing with the DOM and the Web API as a whole. Also, the Web API was quite primitive at the time, in some respects, and jQuery helped to make development a bit more intuitive.

jquery js alternative development modern web api browser howto replace solution demo reference description anti need event library events dispatch add eventlistener listener implementation code example


Removing Elements from JavaScript Arrays

https://blog.mariusschulz.com/2016/07/16/removing-elements-from-javascript-arrays

Saved by uncleflo on April 7th, 2018.

The JavaScript standard library is notoriously small. In fact, it is so small that the Array prototype doesn't even define a method for removing a specific element from an array. Because there's no such built-in method, developers have to create their own version if they want to remove a specific array element.

js library array howto development element developer specific remove website beautiful nice method wonderful personal blog curriculum


Data URIs

https://css-tricks.com/data-uris/

Saved by uncleflo on March 28th, 2018.

Did you know that you don't have to link to an external image file when using an <img> element in HTML, or declaring a background-image in CSS? You can embed the image data directly into the document with data URIs. Basically, a super long string of gibberish characters. It's not gibberish to the browser though of course. This data is interpreted as the type of file you are saying it is.

uri url css type standard image file background character browser encode howto development element link load fast speed snappy webpage js


Simple Bookmarking App With PHP, JS & MySQL

https://tutorialzine.com/2010/04/simple-bookmarking-app-php-javascript-mysql

Saved by uncleflo on March 8th, 2018.

Part of the developer's life, is to strive for simplicity in every aspect of their work. When searching for solutions to common problems, you have the choice to lock yourself into all kinds of third party services and API's, or take the opportunity and develop the functionality yourself. In this week's tutorial, we are making a simple link sharing app. This app will give you the ability to instantly share any web page, with a single click of a bookmarklet in your bookmarks bar, and display it in a widget on your site. Note: This tutorial is quite old and doesn't work in PHP7 and above. We are keeping it online only as a reference.

bookmark app example php js mysql link share reference lookup development administration website simple search solution code learn blog howto


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


TimelineJS - Beautifully crafted timelines that are easy and intuitive to use.

https://projects.knightlab.com/projects/timelinejs

Saved by uncleflo on February 7th, 2018.

TimelineJS is an open-source tool that allows publishers to quickly and easily create interactive, media-rich timelines using nothing more than a Google Spreadsheet. Hundreds of thousands of news organizations around the world have used TimelineJS to tell the world’s most intriguing and important stories — from the story of a murdered Austrian boy to the French presidential race to the Pulitzer Prize-winning story of the Aurora theater shooting.

timeline js html development library publish interactive story theater beautiful website travel geographical


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


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


Infinote Protocol

http://www.infinote.org/

Saved by uncleflo on June 23rd, 2017.

This site describes the Infinote protocol as currently implemented by libinfinity. It provides real-time collaborative editing of documents with the main focus being on collaborative plain text editing. In the meanwhile there are quite a few solutions out there, but all of them implement a different protocol and thus cannot be used with other tools. Our goal is to provide a flexible yet powerful open framework and clients for various environments that can interoperate with each other.

realtime operational-transformation synchroniration library protocol text power framework client js solution provide implementation description data share specification operation tool