Webmaster ⇒ Ressources du web facebook twitter youtube

Frameworks css | Frameworks css


Je suis actuellement en train de faire le tour des framework CSS car je compte en utiliser un dans un développement perso à venir. Du coup, j’ai essayé de faire un tour le plus complet possible des solutions existantes avant de faire un choix définitif (ce choix n’est pas encore fait).

 

 

 

Avantages des framework CSS

 


Ces framework vont :
– gérer la compatibilité sur les différents navigateurs (reset CSS)
– faciliter le positionnement CSS (« grille » CSS)
– faciliter la gestion des résolution d’écrans multiples à l’heure de la mobilité (responsive design)

Cela permet donc de vous libérer de contraintes techniques peu intéressantes et de vous consacrer pleinement au design de votre site. Quand on s’est battu avec le positionnement CSS, et qu’on joue ensuite avec une grille CSS, c’est un brai bonheur

Les solutions disponibles
Il existe maintenant de nombreux framework disponibles sur le marché. L’idéal est d’en essayer quelques uns pour voir lequel correspond le mieux à vos habitudes et votre projet. Il faut notamment voir de quelles fonctions vous aurez besoin, car les framework sont plus ou moins simples et légers.

 

Bulma CSS Framework

 

Bulma CSS Framework

 

Un cadre de CSS moderne basée sur Flexbox.

Source

 

Sky UX

 

Sky UX

 

SKY UX offre un, CSS et JavaScript cadre HTML pour mettre en œuvre les modèles de conception de Blackbaud, avec la direction pour gérer les modèles de conception et d'interaction visuelle.

Source

 

 

Semantic UI

Sémantique permet aux créatifs et aux développeurs en créant un langage pour le partage de l'interface utilisateur.
Perdre les hiéroglyphes: sémantique est structuré autour de conventions de langage naturel pour rendre le développement plus intuitive.
Avoir une conversation avec vos composants: Semantic vous donne une variété de composants d'interface avec la sortie de débogage en temps réel, de laisser votre code vous dire ce qu'il le fasse.

Site Github

Bootstrap

cadre frontal élégant et intuitif et puissant pour le développement Web plus rapide et plus facile.

 

Site Github

Foundation

Le cadre frontal répondant le plus avancé dans le monde.

Fondation 3 est construit avec Sass, un préprocesseur CSS puissant, qui nous permet de bien se développer plus rapidement Fondation elle-même et vous donne de nouveaux outils pour personnaliser et construire au-dessus de la Fondation rapidement.

Site Github

UIkit

Un cadre frontal léger et modulaire pour le développement d'interfaces web rapides et puissants.

UIKit vous donne une collection complète de HTML, CSS et JS composants. Elle peut être étendue avec des thèmes et est facile à personnaliser pour créer votre propre look.

Site Github

960 Grid System

 
Système de réseau simple.

Le système de grille 960 est un effort pour rationaliser le développement web flux de travail en fournissant des dimensions couramment utilisés, basés sur une largeur de 960 pixels. Il existe deux versions: 12 et 16 des colonnes, qui peuvent être utilisés séparément ou en tandem.

Site Github

Skeleton

A Belle-partout pour Responsive, mobile-friendly développement.

Squelette est une petite collection de fichiers CSS qui peuvent vous aider à développer rapidement des sites qui paraissent beaux au tout format, que ce soit un écran de 17 "portable ou un iPhone.

Link Github

99lime HTML KickStart

Ultra-Lean Building Blocks HTML pour Rapid production du site.
HTML KickStart est un ensemble ultra-maigre de HTML5, CSS et jQuery (javascript) des fichiers, mises en page et des éléments conçu pour vous donner une longueur d'avance et vous faire économiser 10 de d'heures sur votre projet web suivante.

Site Github

Kube

CSS-cadre pour les développeurs professionnels.

Minimal et suffisant. Adaptive et réactif. grille de révolution et belle typographie. styles et la liberté Aucune imposée.

Site Github

Less Framework

Un système de grille de CSS adaptatif.

Moins-cadre est un système de grille de CSS pour la conception de sites Web adaptatifs. Il contient 4 mises en page et 3 ensembles de préréglages de typographie, toutes basées sur une seule grille.

Site Github

Flaminwork

Le cadre frontal minuscule pour les développeurs paresseux.

 

Site Github

G5 Framework

 

(X)HTML5, CSS3, PHP & jQuery Front End Framework
 

Cadre G5 a commencé comme un projet personnel. Dans une tentative d'accélérer le flux de production, réutiliser les bonnes pratiques de programmation et des techniques de codage similaires, le cadre sert de fichier de démarrage pour les nouveaux sites.

Site Github

Easy Framework

Cadre Easy est un cadre pour le développement web PHP.

Cadre Easy est un cadre de développement web PHP. Cela ne répond pas à votre question? Ok, essayons cadre again.Easy est un framework PHP pour le développement d'applications web et mobiles hautement flexible et robuste.

Site Github

Blueprint

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

Site Github

  • YAML

  •  
    LESS SASS
  • CC-BY

“Yet Another Multicolumn Layout” (YAML)

YAML is a modular CSS framework for truly flexible, accessible and responsive websites. The framework is focussed on device independent screen design and provides bullet-proof modules for flexible layouts.

Site Github

  • BlueTrip

  •  
    LESS SASS
  • Open Source

A full featured and beautiful CSS framework which originally combined the best of Blueprint, Tripoli (hence the name), Hartija, 960.gs, and Elements, but has now found a life of its own.

Site Github

  • YUI CSS

  •  
    LESS SASS
  • BSD license

Simple CSS for the web

The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations.

Site Github

  • Elements

  •  
    LESS SASS
  • Open Source

Elements is a down to earth CSS framework.

It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework, it’s its own project workflow.It has everything you need to complete your project, which makes you and your clients happy.

Site Github

  • 52framework

  •  
    LESS SASS
  • CC

With HTML5 support coming so fast, with the tiniest of hacks we are able to use it today in virtually al browsers. Using HTML5 makes for much cleaner mark up. This framework fully uses all the great advantages of HTML5.

Site Github

  • elastiCSS

  •  
    LESS SASS
  • MIT

A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily

Site Github

  • Boilerplate

  •  
    LESS SASS
  • New BSD

noun standardized pieces of text for use as clauses in contracts or as part of a computer program.

As one of the original authors of Blueprint CSS I’ve decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. You’re the designer and your craft is important.

GCode Github

  • Emastic

  •  
    LESS SASS
  • Open Source

Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.

GCode Github

  • Malo

  •  
    LESS SASS
  • MIT

Malo is ultra small css library for building web sites.

Malo is ultra small css library for building web sites. It is meant to be structural base for small or medium web sites. Malo derives from it’s bigger brother Emastic CSS Framework.

GCode Github

  • The Golden Grid

  •  
    LESS SASS
  • MIT

The Golden Grid is a web grid system. It's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.

GCode Github

  • 1kb grid

  •  
    LESS SASS
  • Open Source

Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Looking for a simple, lightweight approach that doesn't require a PhD? Meet The 1KB CSS Grid.

Blog Github

  • Fluid 960 Grid System

  •  
    LESS SASS
  • GPL / MIT

The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the MooTools and jQuery JavaScript libraries.

Site Github

  • Baseline

  •  
    LESS SASS
  • CC

Baseline is a framework built around the idea of a “real” baseline grid.

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system.

Site Github

  • Lovely CSS Framework

  •  
    LESS SASS
  • MIT

The Lovely CSS Framework is a simple and straight forward way to easily deploy an XHTML/CSS site.

Based on a simple 960px wide grid system, featuring multiple column layouts, and various pluggable add-ons.

GCode Github

  • xCSS

  •  
    LESS SASS
  • MIT

Object-Oriented CSS Framework

xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features.

Site Github

  • FEM CSS Framework

  •  
    LESS SASS
  • MIT/GPL

FEM CSS Framework is a 960px width + 12 column grid system + CSS common styles, to easy and fast develop web layouts. It is based in the 960 Grid System, but with a twist in the philosophy to make it more flexible and faster to play with boxes.

Site Github

  • Helium

  •  
    LESS SASS
  • Apache v2.0

A responsive frontend framework that won't weigh you down

Helium is a frontend responsive web framework for rapid prototyping and production-ready development using HTML5 and CSS3. In many ways it is similar to both Twitter Bootstrap and ZURB Foundation - in fact, it uses bits of their code. Unlike either of these two frameworks, however, Helium is designed to be much more lightweight and easier to tinker with.

Site Github

  • Knacss

  •  
    LESS SASS
  • Open Source

Lightweight CSS framework

KNACSS is a minimalist, responsive and extensible stylesheet to kick start your HTML / CSS projects. It relies on common best practices and my experience on the topic.

Site Github

  • Groundwork CSS

  •  
    LESS SASS
  • MIT

The Last Grid You'll Ever Need

GroundworkCSS's flexible grid system enables you to do rapid development and scales to fit any screen size, from handheld devices to large format televisions.

Site Github

  • Gumby

  •  
    LESS SASS
  • MIT

Now more flexible than ever.

Gumby Framework was built to be the most maleable grid framework you’ve ever used while still maintaining the familiarity and ease-of-use of the grid you’ve always used.

Site Github

  • Unsemantic

  •  
    LESS SASS
  • MIT/GPL

Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages.

Site Github

  • Seelva

  •  
    LESS SASS
  • Apache 2.0

Seelva is a CSS and HTML Framework built with SASS and Compass. It features a fixed 960px 24 columns grid that can be modified through SASS.

Site Github

  • Tuktuk

  •  
    LESS SASS
  • MIT

Simple (but powerful) RWD Framework.

Not trying to compete with Bootstrap or Foundation because they play in another league. Just worry about creating responsive and fully extensible sites easily.

Site Github

  • Maple

  •  
    LESS SASS
  • MIT

Realistic Sass-based CSS framework for mobile.

Mape is built with Sass, which allows us to writing better CSS and high performance CSS.

Site Github

  • Fluidable

  •  
    LESS SASS
  • CCO

Mobile first, responsive grid system

Fluidable is a mobile first, responsive grid system that has fixed gutters and supports variable columns. It is standalone, lightweight & built using LESS.

Site Github

  • Ink

  •  
    LESS SASS
  • MIT

Ink is a set of tools for quick development of web interfaces.

It offers a fluid and responsive grid, common interface elements, interactive components, a design-first approach with ease of use and simplicity at its core. Start integrating Ink in your projects and remove the hassle of building the basics, staying free to focus on what's important.

Site Github

  • Kickoff

  •  
    LESS SASS
  • MIT

A lightweight front-end framework for creating scalable, responsive sites

Kickoff is an actively maintained front-end framework, created by Zander Martineau and Ashley Nolan.

The framework is not meant to be too prescriptive - we don't want to force developers into a certain coding style - and so can be used as a starting point for any type of project.

Site Github

  • Cascade Framework

  •  
    LESS SASS
  • MIT

Putting back the C in CSS

Powerful OOCSS front-end framework optimised for performance and flexibility.

Site Github

  • Cascade Framework Light

  •  
    LESS SASS
  • MIT

An even more lightweight version of Cascade Framework, containing just the bare essentials.

 

Site Github

  • Metro UI CSS 2.0

  •  
    LESS SASS
  • MIT

Metro UI CSS a set of styles to create a site with an interface similar to Windows 8. This set of styles was developed as a self-contained solution.

Site Github

  • Jeet

  •  
    LESS SASS
  • GPL

A light, semantic, responsive, CSS framework built from the best parts.

A responsive grid system on Stylus.

Site Github

  • Responsive Boilerplate

  •  
    LESS SASS
  • MIT

A lightweight (3kb) cross browser grid system.

Elegant and minimalist, made with only three main classes and 12 columns. Build with mobile first in mind, fits any screen size, pre-packed with some extra css helpers for mobile devices..

Site Github

  • Susy

  •  
    LESS SASS
  • Open Source

Responsive grids for Compass.

The web is a responsive place, from your lithe & lively development process to your end-user's super-tablet-multi-magic-lap-phone. You need grids that are powerful yet custom, reliable yet responsive.

Site Github

  • Inuit.css

  •  
    LESS SASS
  • Apache v2.0

A powerful, scalable, Sass-based, BEM, OOCSS framework.

Inuit is a Sass based, Object Oriented framework that is full of objects and abstractions. inuit.css provides little-to-no design which means no undoing things, no deleting CSS and no adhering to other peoples’ design decisions.

Site Github

  • Topcoat

  •  
    LESS SASS
  • Apache v2.0

CSS framework for clean and fast web apps.

Fast! BEM oriented, themeable and responsive framework.

Site Github

There were no search results matching




>
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces