background preloader

Tools & Resources Web

Facebook Twitter

RegExp playground. Duo. Css2Stylus. Free Online Tools For Developers - 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 | Typeform. Home | Aurelia.

Flying Donut: Online Scrum Software / Agile Scrum Tool / Dashboard. Lea Verou | Life at the bleeding edge (of web standards) Is.js | JavascriptOO. RegExp playground. Is.js - micro check library. Color Picker | User Flow Patterns. Jeet Grid System | Smart CSS preprocessor grids. Rupture: Media Queries with Stylus. Rupture is a utility for working with media queries in 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 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 This script is inspired by Medium's beautiful content editor, something we have aspired to emulate since it's inception.

Authors This code is brought to you by: Features Free Library Independent Modern browser compliant Contributions Welcomes WYSIWYG editor or Toolbar ready Keeps HTML organized and semantic (even on paste events) Rich text editing with hotkeys (cmd/ctrl+[b,u,i]) Placeholders Inline, partial, and rich editors Automatics HR (or BR, or P) tag insertion on two empty paragraphs in succession Great for writing titles, comments, or entire articles Much more expressive and customizable than input or textarea Usage Demos Inline Partial. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. Matthewhudson/device.js. - 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...

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. Brace Forms | Functional HTML forms. Vivus.js - svg animation. Best online CSV to JSON and CSV to XML Converter/Transformer tool.


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.