NEWS: 1.0.4 beta available | NEWS | MORE VIDEOS
OCEAN APP
OCEAN  Developer Tool



ALL PARAMETERS
Play with available parameters.


VALIDATOR
Validate parameters and check element placement.


SHARING
Refine and share code with others.
Open Accurate definition of frameworks with all parameters and the right placement for each element.
Accurate and fast Fast access to framework elements documentation. Elements with all variations preview. Code editing with live elements preview. User components library. Easy to use and not overloaded with clean interface.
Support Bootstrap 3.3.7, Bootstrap 4.1, Foundation 6.4.3, Semantic 2.2.1, Less, Sass. Export: static, Node+React. Check for details.
DETAILS SCREEN [1] [2] GITHUB
OCEAN Cloud Internet access required. Works best with Chrome/Safari. FREE
OCEAN App Mac OS application. Internet access required. FREE
OCEAN App+ Mac OS application.  Download FREE BETAPlans
OCEAN Inspector Code development tool. FREE
OCEAN Cloud OCEAN App for Mac OS
OCEAN INSPECTOR
Install Example 1. Paste Inspector code to the end of BODY tag. You can use Grunt to do this automatically.
2. Click on Inspector icon
3. Click on page elements
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)
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
OCEAN APP - Mac Os/Windows version of Ocean with local files support


Help me to improve Frontend Ocean...
- Tomasz John tomasz@frontendocean.com
TUTORIAL
NEWS
12/11/2018 Ocean Cloud 1.04 available
12/12/2018 Ocean App+ 1.04 available
12/11/2018 Ocean Cloud 1.03 available
12/10/2018 Ocean App+ 1.03
12/03/2018 Ocean App 1.02 with local projects support
11/20/2018 New frameworks def. ready (1.2)
11/20/2018 Ocean App 1.0 available
11/17/2018 Ocean 1.0 available
10/15/2018 Website update
06/28/2018 Website update
03/25/2018 New version available
ROAD MAP
Final version with SSL / 11.18
Ocean App+ - Mac OS, Windows versions / 11.18
New export options: React, Node / 12.18
BACKSTAGE
ABOUT ME
I started working with frontend in 2000 for my first own commercial project - probably the first sales car platform. Because I’ve finished IT studies, all issues were something I needed to do myself - frontend as well as based on C language and cgi backend.
In the following years I dealt with frontend for many projects - as contract services and for my own projects. All the time I felt imperfections of html language, some very subjective choices that were made by the creator of frameworks, css styles. I really appreciate good design, but Mariusz, which i got to know during the work, was an unapproachable model. The second element was the same transparency and vision of the interface components, what they actually are and how they can be combined. In 2014, I had an opportunity to work on the Brix editor for designers, where I could incorporate some solutions of independent components - related html code, style and functional part in js, which was a continuation of my e-con system project. After completing the project, I created the Cdl language and associated with it, Frontend Validator. Thanks to Cdl, it’s possible to describe components and entire frameworks.

Ocean is my latest project that combines my previous experiences. I created it as a native application for Mac and Windows, and cloud services intended to be a platform for validation, code improvement and code sharing between programmers.

I used Ocean to create: Node, Meteor, js, html, css.
Thank you for your help: Mariusz - the creator of design for the landing page




Copyright © 2017 frontendocean.com