Mensuel Shaarli
March, 2017
Ui Tiles propose 72 modèles de bases, ensuite vous êtes libre de pouvoir composer les vôtres selon vos idées et besoins. Vous avez également la possibilité d'utiliser ces modules aussi bien sur Photoshop, Illustrator ou Sketch car le dossier fournit des PSD, AI et .Sketch, afin de convenir au plus grand nombre. Pour finir, le tout est libre de droits pour un usage personnel et commercial.
Un retour d'expérience sur l'utilisation de RabbitMQ et de Symfony
Un retour d'expérience sur le framework de test Codeception avec des exemples de code
Un consumer RabbitMQ fait en Go et prévu pour appeler des tâches / commandes Symfony
Un framework de construction d'API basé sur Symfony (au passage le PAAS Sensio utilise en partie ce framework)
Le design pattern decoration en pratique avec Symfony
Gestionnaire de mot de passe (offline et online)
Optimiser l'affichage d'une page web en prenant des bonnes pratiques sur la construction des pages HTML
Des exemples d'utilisation de la propriété flex en CSS
Des slides sur l'utilisation de webpack et Symfony pour gérer le CSS / SASS / JS
Comment mieux mettre en forme les formulaires web
Sleeping in a tent is certainly not a luxurious experience. It is rugged and rudimentary, but it provides the basic necessities needed for survival.
Pulling inspiration from outdoor survival, Tent CSS is unglamorously simple and robust. The framework is designed to be used as a foundation for building websites. We'll leave application and kitchen sink development to other frameworks.
With zero Javascript dependencies, Tent CSS is as the name says, just CSS (Sass too). So yeah, you're not going to see fancy components like tab drawers, accordions, and carousels in this framework. As most development goes, you usually already have a go-to favorite in mind for these more complex components anyways.
Créer un tableau HTML avec des colonnes et/ou des entêtes fixes
<html>
<head>
<link rel="stylesheet" href="css/defaultTheme.css" />
<style>
.table-fix-header-column .inner {
width: 100%;
height:500px;
}
</style>
</head>
<body>
<div class="table-fix-header-column">
<div class="inner">
<table class="table-bordered">
<thead>
<tr>
<th>Entête colonne 1</th>
<th>Entête colonne 2</th>
<th>Entête colonne 3</th>
<th>Entête colonne 4</th>
<th>Entête colonne 5</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<script type="text/javascript" src="js/jquery.fixedheadertable.min.js"></script>
<script>
$(function(){
// Fixe l'entête et les 2 premières colonne
$('.table-fix-header-column table').fixedHeaderTable({
footer: false,
cloneHeadToFoot: false,
fixedColumn: true,
fixedColumns: 2,
themeClass: 'fht-table'
});
});
</script>
</body>
</html>
Un livre sur tout ce qu'il faut savoir lorsque l'on développe en web aujourd'hui
Des snippets pour l'utilisation quotidienne de Symfony
Les nouveautés de HTML 5.1
La configuration de Symfony pour une utilisation avec Varnish
Comment mettre en place des composants en HTML/CSS sans utiliser le Javascript (image slider, modal, accordéon, lightbox, ...)
Spectre.css is a lightweight and responsive and modern CSS framework for faster and extensible development.
Spectre provides basic styles for typography and elements, flexbox based responsive layout system, CSS components and utilities with best practice coding and consistent design language.
Lib js permettant d'ajouter des listeners pour animer les éléments d'une page en fonction de la souris.
Pour le moment on peut uniquement se baser sur la souris. Extension prévues pour d'autres bases.
10 Snippets CSS (bouts de code) pour créer des tableaux de prix en quelques secondes
An easy to use flexbox grid system.
Ressources pour des effets au survol de la souris
Code PHP permettant de manipuler un docx en faisant un publipostage (champs de fusion)
Un outil de test fonctionnel / unitaire / acceptance
Convertir un site web en application native (desktop)
Un framework permettant d'écrire des plugin et theme pour Wordpress mais en utilisant du vrai code (pas la merde de base de Wordpress) : basé sur Symfony !
Une bibliothèque Javascript permettant de faire du eyes-tracking
Une bibliothèque Javascript permettant de stocker des données côté client et compatible avec tous les navigateurs
Implémenter ElasticSearch dans Symfony
Une bibliothèque Javascript permettant de mettre en oeuvre des techniques et algo de vision (color tracking, face detection, ...)
Comment gérer le stockage des données dans une application web
Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.
Un guide pour garder des CSS maintenables