Please enable JavaScript.
Coggle requires JavaScript to display documents.
UI Architecture (Css componenets Architecture (global components*used…
UI Architecture
Css componenets Architecture
non developed Files*
the basic building blocks and definitions for design guidelines*
grid system
main theme values in variabels
plugins core csss
reset & normalizing
Mixins
Placeholders
components*
a stand alone abstraction that service a single purpose used in multiple sections*
post-view
widgets - items
sliders
single page items
scores view
layout styles & layout helper items*
Data Containers and position concerned items*
full width layout
content & aside layout
Widgets structure separated from its content
Header
Fixed side menu
Footer
global components*
used every where in app and can be implemented inside components or parts
*
checkboxes
buttons
inputs
date component
social media
Helpers Classes
Tabs
CSS Output
HTML Compositions
page
layout
Section or Part
component
micro componets
Data simulation
Titels
paragraphs
mini db in json file
Files Architecture
JS
modules*
Developed blocks to serve single purpos*
ajax module
Utils
scroll loader
plugins init
main.js*
only used for initialize *
vendors*
liberaris or frame works used *
Angular
Vue
jQuery
lo_dash
under Score
IMG
content images
app images
css
icon pack
Fonts
css file
Pre-prossesing*
this step is for developing only*
grunt & grunt plugins
pug
scss
concatenation
minification
live reload
module loading
Build system 'web pack'
data.json
