Platform Online Web programming

Software / Software online / Software online

Platform Online Web programming

Website builders

  1. tumult.com/hype/ - Hype 3.0 - Designer HTML5 animations for the site, presentations and infographics.
English

reliable site
address: Poland, Warsaw

JSFiddle

The platform of online web programming. The window is divided into 4 parts: HTML code, CSS, javascript and on the last one see the result.
Example

Plug-in JavaScript libraries, MooTools and JQuery and DoJo.
Debugging for mobile.



English

reliable site

email: draeton@gmail.com
address: USA, Laie

CSS Sprite Generator

Service from Projectfondue, CSS sprite generator.

How it works

  1. We collect the required pictures in a folder (well, it's more convenient for me personally).
  2. Click on the site blue menu item CLEAR to remove the existing icons for the example.
  3. Customize:
    • You specify the distance between the pictures, and to the edge. They offered 50 right away, but that's a lot. Zero did not pass, then we put 1, which is quite enough.
    • You can set the background color or make it transparent.
    • Names to variables will be assigned by the names of pictures in the archive. In the form, you can add a prefix or suffix to all the names, or leave the field blank.
    • You can make a picture compact, vertical or horizontal.
  4. Drag and drop files from our folder into this field.
  5. Once your icons have become clear, not pale and flickering, as in the beginning, the sprite is ready.
  6. Click the green Download button, followed by the green Spritesheet and Stylesheet buttons.
  7. The resulting text is corrected for our site.
This technique can be very effective in improving the performance of the site, especially in situations where many small images, such as menu icons, are used. Yahoo !, for example, uses this technique for this.



Pivot

A collection of decent templates on the site. Drag-and-drop, connection of ready-made blocks, ability to edit style ...



English
international

Codepen

Online platform for editing and storing code (snippets) in HTML, CSS and JavaScript with browsing.

4 windows, edit and see the result in real time.




Tilda Publishing

Site for creating sites with more content: photo galleries, blogs, reports ... In total, you can connect more than 170 different kinds of blocks.




Network tools.



Grav

Alternative content management system. Visual editing.



CSS Sprites Generator

Drag in the field of the image or select by clicking the Choose files button.
As a result, we get a picture of the sprite in .PNG and CSS code, which obviously is worth doping itself, because you will get a complete code for each image.



English
international

Carrd

We create a website page for free. Templates and adaptive layout are offered.



Russian
address: Chile
Drag in the field of the image or select by clicking the Choose files button.
As a result, we get a picture of the sprite in .PNG and CSS code, which obviously is worth doping itself, because you will get a complete code for each image.



English
international

Wall Clock in Pure CSS3

Clock with a dial on JavaScript.



Webydo 2.0

The service for creating websites, the ability of web programming is not required. You can select items and drag and drop on the page.




English

Used: WordPress.
international

HTML to WordPress

Translates classic HTML into a WordPress engine.

How it works

  1. Create a website in HTML (if it is not already),
  2. compress the site into a .zip archive
  3. drag the field to the site or load via the button,
  4. in 15 seconds the site is ready.
Fully automated.