FEATURES


PARAMETERS
Play with available parameters.


VALIDATE
Validate parameters and check element placement.


EDIT & SHARE
Share and refine code with others.
Open Open hierarchical definition of frameworks elements. GITHUB
Accurate Accurate elements desciption and placement, even with drag and drop. Easy to use and not overloaded. Clean interface.
Fast Live elements preview.
Plugins Less, sass.
Support Bootstrap 3.3.7, Bootstrap 4.1, Foundation 6.4.3, Semantic 2.2.1
Start Cloud Mac OS Windows
OCEAN INSPECTOR
Install 1. Paste Inspector code to the end of BODY tag
2. Click on Inspector icon
3. Click on page elements
Click Share to open current page in Ocean.
Code   copy  
Parameters ...js?<lib>&open - set framework to <lib> and open Inspector window on start;
examples: ...js?open - open inspector, ...js?bootstrap-4-1 - set library to Bootstrap 4.1 on start (default bootstrap-3-3-7)
Example Page Open
FRONTEND OCEAN
ABOUT
Frontend Ocean helps you to validate, refine and share frontend code.

My goal was to provide an open platform for frontend developers with the support for all available frameworks - with all frameworks elements and properties:
- accurate frameworks description
- validation of code
- testing of different possible parameters
- refining and sharing code

OCEAN INSPECTOR - development tool you can embed into the development process
OCEAN - online refining and sharing tool


Help me to improve Frontend Ocean...

- Tomasz John tomasz@frontendocean.com
NEWS
10/15/2018 Website update
06/28/2018 Website update
03/25/2018 New version available

CUSTOMERS

(Coming soon)





Copyright © 2017 frontendocean.com