22.10.14

07.10.14

Como começar em UX

Vídeo bem legal criado pelo canal UX Mastery. Com legendas que podem ser traduzidas pelo youtube. Vale o confere pra desmistificar o termo UX !!! #FikDik

UX

23.09.14

Como eu estruturo meus Projetos CSS/LESS/SASS

De uns 6 meses pra cá, passei a seguir esse esquema de estrutura para facilitar a manutenção e o reaproveitamento de classes e hierarquia. Vale muito a pena para projetos grandes. #fikdik

sass/
|
|-- base/                     # Default settings and normalise
|   |-- _fonts.scss           # Define fonts
|   |-- _typography.scss      # Set up font scale
|   |-- _colours.scss         # Define colours
|   |-- _defaults.scss        # Default settings and values
|   |-- _normalise.scss       # Normalise
|   |-- _base.scss            # Some additional base styles
|   ...
|
|-- elements/                 # Standard HTML elements
|   |-- _buttons.scss         # Buttons
|   |-- _forms.scss           # Form elements
|   |-- _headings.scss        # H1-h6
|   |-- _images.scss          # Images and figures
|   |-- _links.scss           # Links
|   |-- _lists.scss           # Lists
|   |-- _paragraphs.scss      # Paragraph level elements
|   |-- _tables.scss          # Tables
|   ...
|
|-- mixins/                   # Mixins and functions to ease dev
|   |-- _clearfix.scss        # Clearfix mixin
|   |-- _inline-block.scss    # Inline block mixin
|   |-- _ems.scss             # Convert a px value to ems
|   |-- _rems.scss            # Functions for working with rems
|   |-- _percent-font.scss    # Express values as % of the base
|   |-- _strip-units.scss     # Strip units from a value
|   ...
|
|-- modules/                  # Specific styles for the site
|   |-- _layout.scss          # Site structure
|   |-- _header.scss          # Header styles
|   |-- _footer.scss          # Etc...
|   ...
|
|-- objects/                  # OOCSS objects and abstractions
|   |-- _box.scss             # The OOCSS box object
|   |-- _media.scss           # Nicole Sullivan’s media object
|   |-- _nav.scss             # Nav abstraction
|   ...
|
|-- vendor/                   # Third party CSS files
|   |-- _jqueryui             # Third party library
|   |-- _slider               # Third party library
|   ...
|   |-- _overrides.scss       # Override any vendor styles
|
|-- _config.scss              # Sass environment settings
|-- style.scss                # Main file compiles to style.css
CSS,LESS,SASS

20.09.14

09.09.14

09.09.14