fedeveloper logo

Front-End Developer Çalışma Notları

CSS

Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir.

CSS Preprocessors

SASS / SCSS sass-lang.com
Github Stars of Less.js
Less.js lesscss.org
Github Stars of Less.js

Başlama bakımından Less sadece bir js dosyası ile başlayabildiğimiz için daha mantıklı. Less tak-çalıştır mantığı ile çalışırken Sass ve Stylus için biraz ortam hazırlamak gerekiyor. Ama hemen çalıştır Less’in performans sıkıntıları sorun oluyor.

STYLUS stylus-lang.com
Github Stars of Less.js

Node.js bağımlı.

Myth myth.io
DtCSS code.google.com/archive/p/dtcss

DtCSS, CSS dosyanızı hazırlayan bir PHP betiğidir. DtCSS, CSS dosyasını DtCSS için yazılmış özel bir sözdizimiyle okur ve standart CSS'i çıkarır. Aynı zamanda akıllı bir önbellekleme sistemi ile birlikte geliyor.

Clay clayui.com

Lexicon Deneyim Dilinin Web Uygulaması. Based on haskell.

Switch CSS

Apache altında çalışır.

Compass compass-style.org

Sass bağımlı.

CSS Frameworks

Bootstrap
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: getbootstrap.com.
Bulma.io
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: bulma.io.
Foundation
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: foundation.zurb.com.
Ui Kit
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: getuikit.com.
Semantic UI
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: semantic-ui.com.

Standardize CSS Library

Modernizr
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: modernizr.com.
Normalizer
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: necolas.github.io/normalize.css.
Materialize
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: materializecss.com.
Reset CSS
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: cssreset.com/scripts/eric-meyer-reset-css.

CSS Metodolojileri

SUIT
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: suitcss.github.io.
BEM (Block, Element, Modifier)
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: getbem.com.
OOCSS (Object-Oriented CSS)
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: oocss.org.
ACSS (Atomic CSS)
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: acss.io.
SMACSS (Scalable and Modular Architecture for CSS)
İçerik hazırlanıyor. Orjinal sitesini ziyaret etmek isteyenlere: smacss.com.