MikeCarcara / Silex

Silex is a static website builder in the cloud.

About Silex, live web creation.

Silex, is a free and open source website builder in the cloud. Create websites directly in the browser without writing code. And it is suitable for professional designers to produce great websites without constraints. Silex is also known as the HTML5 editor.

Brought to you by Silex Labs team, promoting free software.

Links

• Silex official website
• Documentation wiki
• questions and answers, bug report, feature requests
• Silex license is GPL
• Road map and change log

News and tutorials

• See Silex wiki, there is a tutorials section
• Silex blog
• subscribe by email

Contact us and let people know about Silex

• Facebook
• Twitter
• Google plus
• Contributors list

Host an instance of Silex on a server or run Silex on your computer

If you plan to host Silex for your clients, your users or the community, this section is for you.

See this help section about installing Silex on a server or on your computer, about environment variables, see how to run it with docker or build it from source, etc.

Please note that there is also an effort to make Silex a desktop software (in opposition to online app), you can test the offline version of Silex from here

Size of the project's code base

As of june 2017, around 100.000 lines of code. See github API count (includes blank lines and comments I guess):

JavaScript: 856643,
CSS: 82702,
HTML: 53727,
Shell: 1532

cb372's report:

File Type	Files	Lines of Code	Total lines
JavaScript	422	138797	183644
Json	3	146	146
Text	12	0	1047
Shell	4	24	47
Stylesheets	90	17777	21504
Html	7	545	726

Cloc's report:

-------------------------------------------------------------------------------
Language                     files          blank        comment           code
-------------------------------------------------------------------------------
JavaScript                     404           9616          14937          50841
CSS                             75           1580           1652          11394
LESS                            20            141             87           1768
Markdown                        10            334              0            657
YAML                            14              3              1            581
HTML                             7            177             22            527
JSON                             3              0              0            146
Bourne Shell                     4              6             13             28
-------------------------------------------------------------------------------
SUM:                           541          12030          16712          66869
-------------------------------------------------------------------------------

dependencies

These are the upstream projects we use in Silex

• unifile, a nodejs library which provides a unified access to cloud services
• Cloud explorer, a file manager for the cloud services. It is a front end javascript app which connects to a unifile server
• Prodotype, Build components and generate a UI to make them editable in your app
• Ace, an excellent code editor in javascript
• Google closure compiler is used to build Silex, for its optimizations and the type system which helps with error detection
• jquery and jquery UI are included in the sites generated by Silex
• GLYPHICONS library of icons and symbols (CC license) and fontawesome icons

Prodotype in Silex

• components data: prodotypeData.components.elementId = {} render: element.innerHTML ui: property component examples: slideshow, form, share bar
• styles data: prodotypeData.styles.elementId = {} render: head.innerHTML ui: property style examples: text style, shadows, text special effects
• behaviors data: prodotypeData.behaviors.elementId = {} render: element.className / attributes, dependency.js ui: property component examples: anim show, anim hover, resize to content, always visible / static, anchor
• apps data: prodotypeData.apps = [] render: head.innerHTML ui: settings app examples: analytics,
• fonts data: prodotypeData.fonts = [] render: head.innerHTML ui: settings fonts examples: google fonts, open fonts

todo

• git mv src/components => src/prodotype/components
• create prodotype/styles
  • new tab in properties
  • text.ejs and text.yml
  • next iteration: themes, apply theme, save as theme...
• create prodotype/behaviors
• create prodotype/fonts, prodotype/apps