Les frameworks, CMS, plugins, démonstrations et antisèches présentés sur FrameLinks sont la propriété exclusive de leurs auteurs. Les dysfonctionnements, défauts d'affichage et autres bugs liés à leur utilisation doivent être signalés sur les sites d'origines. Il en va de même pour les conseils d'usage, les précisions techniques ou tout autre forme de support spécifique.
Éditeur :
Gareth J M Saunders
Description :
C’est une cheat sheet pour blueprint 0.9.1 qui se compose de deux pages.
Vous trouverez sur la deuxième page la grille complète pour blueprint et quelques liens vers des outils et des ressources.
TOUS LES LIENS
Rubriques :
Antisèches CSS Frameworks
Mots-clés :
Antisèches blueprint Cheat Sheets CSS
Éditeur :
Davec Child
Description :
Ce cheat sheet est une feuille de référence pour le CSS.
Cette antisèche contient la liste de tous les sélecteurs (en date du CSS 2.1) et les propriétés.
TOUS LES LIENS
Rubriques :
Antisèches
Mots-clés :
Antisèches Cheat Sheets CSS
Version actuelle :
960 Grid System version 1.0
Description :
960 Grid System est un framework CSS qui permet de structurer les pages web. 960 Grid System est basé sur un système de grilles d’où le nom Grid qui permet de découper la page en colonnes (douze ou seize colonnes). 960 Grid System peut ainsi positionner et garder aligné les éléments sur la page comme dans une page de journal. Le framework 960 Grid System fixe la largeur d’une page à 960 px.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
Baseline version 0.5.1
Description :
Baseline est un framework CSS qui a été construit dans l’esprit des normes typographiques intégrant une grille de lignes de base dans son framework. Baseline inclut des fichiers CSS, un document de base pour photoshop, un ensemble complet de modèles HTML et des exemples pour vous aider à démarrer. Toutefois, faîtes attention car Baseline ne fonctionne pas avec les anciens navigateurs (et surtout internet explorer).
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
blueprint 1.0.1
Description :
blueprint est un framework CSS permettant de structurer son site à l’aide de grilles virtuelles (s’appuyant sur des schémas complexes), proposant des classes avec des styles déjà conçu (formulaires, taille de police, fonts), une réinitialisation du CSS qui permet d’éliminer les dernières divergences entre les différents navigateurs, des plugins (pour les boutons et les onglets), des outils, des éditeurs, et des modèles.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
blueprint CSS Frameworks
Version actuelle :
BlueTrip version 1.0
Description :
BlueTrip est un framework CSS qui combine le meilleur de blueprint et de tripoli avec un zest de hartija pour la feuille de style à l’impression et la simplicité de 960 grid system. Comme la plupart des frameworks CSS, BlueTrip utilise une grille de vingt-quatre colonnes qui permet de réaliser des mises en pages complexes (de type magazine).
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
Bungee version 0.1a
Description :
Bungee est un framework CSS élastique. À l’heure où la différence de résolution entre les écrans augmente, le design élastique devient incontournable. Bungee utilise une grille de 12 colonnes dont la plus petite subdivision vaut 4em (64 px). Au niveau du zoom par défaut, un site construit avec Bungee mesure 768 px de large, et s’affiche donc parfaitement sur un écran de faible résolution. Enfin, Bungee est un framework très léger.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
Elasticss version 2.0.4
Description :
Elasticss est un framework CSS basé sur des techniques de colonnage traditionnelle sur quatre colonnes. Elasticss permet de multiples combinaisons et subdivisions, et se distingue des autres framework css par sa capacité à produire des design fixes, liquides ou élastiques très facilement.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
Elements version 2
Description :
Elements est un framework CSS très léger qui permet de créer un site web avec un ensemble de dossiers prêts à être remplis (/clientFiles, /concepts, /copy, /js etc…) et d’autres contenant les éléments de base du framework comme /css (qui contient les fichiers du framework proprement dit) et /elementsImages qui contient les icônes qui accompagnent externalLinks.css. Ces deux derniers éléments étant l’avantage de ce framework en fournissant des classes CSS et des icônes pour représenter les liens externes.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
EZ-CSS version 1.3
Description :
EZ-CSS est un framework CSS léger et facile à utiliser qui permet de construire des mises en page pour un site web. EZ-CSS permet de créer plusieurs colonnes de différentes largeurs avec ou sans espace entre chaque colonne.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
Ivory version 2.0
Description :
Ivory est un framework CSS simple et flexible. Ivory est un framework qui combine deux composants principales. La première est son système de grille qui s’adapte et qui réorganise les colonnes et le contenu en conséquence de la taille de la fenêtre de l’écran de l’utilisateur. La seconde est un ensemble de widgets d’interface utilisateur. Ivory fonctionne parfaitement sur les dernières versions de tous les principaux navigateurs.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
Maxmertkit version 0.0.2
Description :
Maxmertkit est un framework CSS construit avec node.js et qui ressemble un peu à Bootstrap. Pourtant, Maxmertkit a des choses différentes à offrir. Maxmertkit utilise SASS pour la partie CSS et comprend des styles pour la grille, la typographie, les formulaires, les tableaux, les boutons et les listes. Maxmertkit propose aussi différents widgets comme des boutons, des onglets, des éléments regroupés, des insignes, des listes déroulantes, des infobulles, des menus et plus encore. Et aussi, certains composants JavaScript pratiques existent pour les notifications, les carrousels, les boutons etc… Maxmertkit est un framework très bien documenté et propose de nombreux exemples pour chaque partie.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
SenCSs version 0.8.1
Description :
SenCSs est un framework CSS open-source qui ne fournit pas de support de mise en page mais qui vise à prendre en charge tout le reste (les polices et les tailles de polices, les paddings, les margins, les couleurs, les tableaux, les listes, les blockquotes etc…). Le framework SenCSs est en fait composé d’un seul et unique fichier CSS que l’on peut utiliser comme base lors de l’élaboration d’un site web.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
YAML version 4.0.2
Description :
Le framework YAML (yet another multicolumn layout) est basé sur les standards du web et s’accommode à tous les navigateurs web modernes. De ce fait, tous les bugs de rendu d’internet explorer ont été éliminés. YAML offre également une feuille de style pour le débuggage et une pour l’impression, ainsi que des outils très variés pour faciliter le développement web.
TOUS LES LIENS
Rubriques :
CSS Frameworks
Mots-clés :
CSS Frameworks
Version actuelle :
52framework version 2.0.4
Description :
52framework CSS est un framework CSS qui combine les normes HTML5 et CSS3. 52framework utilise des balises HTML5 comme header, nav, section, article, footer ou les nouveaux champs de saisie comme url, email, etc. 52framework a également une remise à zéro de la feuille de style (css reset) compatible HTML5. 52framework utilise le nouveau sélecteur “ selection ” qui vous permet de personnaliser la propriétés du texte sélectionné.
TOUS LES LIENS
Rubriques :
CSS Frameworks HTML5
Mots-clés :
CSS CSS3 Frameworks HTML5
Version actuelle :
Clank version 0.3.6
Description :
Clank est un framework HTML/CSS open source qui a été crée pour les tablettes, les smartphones, etc… En fait le framework Clank, c’est une collection de composants HTML/CSS pour les mobiles (par exemple, un bouton est un composant qui a son propre fichier de SCSS: composants / _button.scss .). Donc grâce à Clank, tout devient plus facile à réaliser.
TOUS LES LIENS
Rubriques :
CSS Frameworks HTML(x)
Mots-clés :
CSS Frameworks XHTML
Version actuelle :
Foundation version 3.2.0
Description :
Foundation est un framework javascript et css qui a été crée pour la conception des maquettes fonctionnelles (wireframes, mockups) quelque soit le type de périphériques. Foundation permet de créer rapidement des webdesigns fluide compatibles avec les navigateurs. Foundation est composé d’une feuille de styles par défaut (reset, typographies…), d’une grille de mise en page, de la gestion des boutons et des formulaires, de l’intégration d’un slider (orbit) et de multiples éléments d’interfaces (tableaux, onglets, pagination, mise en forme css). Foundation est un framework très complet et réactifs (responsive webdesign).
TOUS LES LIENS
Rubriques :
CSS Frameworks JavaScript
Mots-clés :
CSS Frameworks JavaScript
Version actuelle :
Easy front-end framework version 1.0
Description :
Easy front-end est un framework Javascript, HTML et CSS qui a été crée pour réduire le temps de travail consacré à la création d’un modèle de base. Easy front-end framework permet de ne plus se soucier des problèmes de rendu des navigateurs pour certains éléments, y compris des nombreux plugins javascript pour effectuer des tâches simples. Easy front-end framework comprend donc une bibliothèque préformatée et préencodée CSS, built-in qui est un ensemble de fonctions interactives (pas besoin d’une seule ligne de javascript), des blocs de contenu HTML qui peuvent facilement être utilisés et réutilisés et la possibilité d’expansion de la bibliothèque avec votre propre code.
TOUS LES LIENS
Rubriques :
CSS Frameworks HTML(x) JavaScript
Mots-clés :
CSS Frameworks JavaScript
Description :
Ce générateur vous permettra de construire rapidement vos propres grilles CSS.
Blueprint grid CSS generator vous demande le nombre de colonnes, leur largeurs, la gouttière qui les sépare ainsi que la largeur totale que vous voulez. Vous saurez ensuite combien de pixels il vous manque (ou de combien vous dépassez) pour arriver à la bonne largeur.
Il vous suffira de régler les différentes valeurs pour générer le code CSS qui remplacera les valeurs de grid.css inclus à l’origine dans blueprint (blueprint propose une grille par défaut de 950 pixels de large, divisée en 24 colonnes de 30 pixels chacune, séparée par une gouttière de 10 pixels).
Pour finir, une version compressée vous est proposée, ainsi que l’image grid.png qui sert à afficher la grille de base pour le placement des colonnes lors de la phase de conception.
TOUS LES LIENS
Rubriques :
Générateurs
Mots-clés :
blueprint CSS Générateurs
Description :
CSS creator est un générateur de mise en page CSS. Ce générateur va créer une largeur fixe ou fluide avec un maximum de trois colonnes et avec un en-tête et un pied de page. Les valeurs peuvent être spécifiées en pixels, EMS ou en pourcentages.
Pour créer votre mise en page, il faut sélectionner les éléments structurels qu’exige votre site (en-tête, pied de page, colonnes). Puis, il faut spécifier une taille dans le champ prévu et choisir une couleur de fond. Par contre, le générateur a besoin d’un navigateur compatible DOM avec javascript activé.
TOUS LES LIENS
Rubriques :
Générateurs
Mots-clés :
CSS Générateurs
Description :
Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entres elles les propriétés et les attributs.
Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs (float left ou position absolute). Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options.
TOUS LES LIENS
Rubriques :
Générateurs HTML(x)
Mots-clés :
CSS Générateurs
Description :
Gridinator est un générateur de grille CSS un peu différent des autres. Le plus de Gridinator est qu’avec ce générateur, vous pouvez définir la couleur des colonnes de votre grille, pour ensuite télécharger le template au format HTML et CSS ou l’image au format PNG.
C’est un générateur d’apparence très claire et donc très facile à utiliser.
TOUS LES LIENS
Rubriques :
Générateurs
Mots-clés :
CSS Générateurs
Version actuelle :
Transit version 0.9.9
Description :
Transit est un plugin jQuery qui vous permettra d’appliquer facilement des effets de transitions et des transformations CSS à des éléments HTML. Grâce à Transit, vous n’avez plus besoin de créer une feuille de style; tout est géré via jQuery pour un résultat identique. Voici la liste des transformations réalisables avec Transit : translation : x (px), y (px) et translate (x, y), rotation : rotate (deg), rotateX (deg), rotateY (deg) et rotate3d (deg), zoom : scale (x, y), perspective : perspective (px) et inclinaison : skewX (deg), skewY (deg). Transit est supporté par internet explorer 10 et plus, firefox 4 et plus, google chrome 10 et plus, opéra 11 et plus et mobile safari. Transit est donc très utile pour mettre en place des opérations CSS3 rapidement.