background preloader

Tools & Resources Web

Facebook Twitter

RegExp playground. Duo. Css2Stylus. Free Online Tools For Developers - FreeFormatter.com. Litmus PutsMail — Test your HTML emails before sending them. Free Online IDE and Terminal. Js2coffee 2.0 — convert JavaScript to CoffeeScript. Grid Calculator by Nicolaj Kirkgaard Nielsen. Gridulator: Make pixel grids, lickety-split. Free Beautiful Online Survey & Form Builder. Aurelia. Flying Donut: Online Scrum Software / Agile Scrum Tool / Dashboard.

Life at the bleeding edge (of web standards) JavascriptOO. RegExp playground. Is.js - micro check library. User Flow Patterns. Smart CSS preprocessor grids. Rupture: Media Queries with Stylus. Rupture is a utility for working with media queries in stylus.

Rupture: Media Queries with Stylus

It takes advantage of stylus' new block mixins to provide useful helpers that make breakpoints much more clear to read and simple to code. Rupture is based loosely on breakpoint-slicer, a sass plugin with similar functionality. Installation You can install use rupture through npm, as such: npm install rupture ...and you can use it in any way that stylus plugins are normally used. Documentation All functions provided by rupture are block mixins, meaning that they should be called prefixed with a +. The Scale Rupture provides a variable called scale. Scale = 0 400px 600px 800px 1050px The scale variables can also have as many values as you'd like, so don't feel limited to the number in the default value. Breakpoint: 0 400px 600px 800px 1050px ├───────────────────┼─────────┼─────────┼───────────┼─────────> Slice #: 0 1 2 3 4 The Mixins So there are two “categories” of mixins that are a part of rupture.

+above(measure) Alias of above. Matter.js Physics Engine Demo. Medium.js. Medium.js This is Medium.js Easy Medium.js keeps HTML code within contenteditable semantic, simple, and clean.

Medium.js

Medium.js also supports placeholders, automatic HR (or BR, or P) creation, events, hotkeys, simple & complex element injection, and more! Compliant Medium.js is html5 compliant and has been tested in Firefox, Chrome, Safari, Opera, & IE8+. Inspired. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. Matthewhudson/device.js. WURFL.io - Client Side, meet Server Side. Vue.js. App Builder – Create a Mobile App in 3 Easy Steps - My ASP.NET MVC Application. SweetAlert. A beautiful replacement for Javascript's "Alert" So...

SweetAlert

What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert. Normal alert Code: alert("Oops... Sweet Alert sweetAlert("Oops Pretty cool huh? More examples In these examples, we're using the shorthand function swal to call sweetAlert. Download & install Method 1: Install through bower: $ bower install sweetalert Method 2: Download the sweetAlert CSS and JavaScript files.

Configuration Here are the keys that you can use if you pass an object into sweetAlert: Contribute. Functional HTML forms. Vivus.js - svg animation. Best online CSV to JSON and CSV to XML Converter/Transformer tool.

Comments

PreMailer (Testing send emails) Testing Web. Buttons. Efects to Images. Live Chat Real. Upload & Share Free Images. Open Web Icons. Pop up. Downloads Templates & Plugins. Round Images. Usign Circles. Mobile. Slide Shows Gallery. Pager/Menu. Fonts. Heads Example. Alerts. Sign Up examples. Tooltips. Conceptual Map (Diagrams)

Proyects Managment. Agile Project Managment. Task Managment. Time Managment. Schedules Online. Wireframes & Easy Diagrams. Business Process (Diagrams) Maps Creator. Cartoon Maker. Files/Archives on the Cloud. Repositores. Converts Files - Extensions.

E-Learning

E-ccomerce Free. Conferences - Events (Free & Paid) Viral Video & Presentations. E-Cards - Events Invitations. Remote Pcs. ScreenShots. VoiceIP - Call Center. Image Uploader. Sounds. Open Compress. Convert PDF to Galery. Surveys.