background preloader

RNTR

Facebook Twitter

Les meilleurs langages de programmation. Nombre d´outils : 7, dernière mise à jour : 30 octobre 2013 Présentation PHP est un langage de scripts principalement utilisé pour les scripts serveurs Web, même s'il peut être aussi utilisé pour de la programmation classique.

Les meilleurs langages de programmation

Il s'agit d'un langage impératif et orienté objet. Les Gros Mots du Mobile. Dictionnaire des mots un peu trop compliqués des créateurs d'applications mobile. Tab bar n.f.Barre généralement située en bas de l’écran du mobile et composée de plusieurs onglets de navigation Exemple : L'application Shazam a une tab bar pour passer d'un écran à l'autre.

Les Gros Mots du Mobile. Dictionnaire des mots un peu trop compliqués des créateurs d'applications mobile.

35 interfaces de connexion modernes et animées pour trouver l'inspiration. Generateur Keyframes. Les 30 Sélecteurs CSS à Absolument Connaître. Vous connaissez les sélecteurs de base - id, class et descendant - et vous vous dites que c'est déjà bien suffisant ?

Les 30 Sélecteurs CSS à Absolument Connaître

Si c'est le cas, sachez que vous vous interdisez d'accéder à un niveau de flexibilité insoupçonné. Même si beaucoup des sélecteurs mentionnés dans cet article appartiennent aux spécificités CSS3 et ne sont donc disponibles que dans les navigateurs modernes, ne passez pas à côté et essayez de les mémoriser. Adjacents. Également appelés les "combinateurs d'adjacence", ces sélecteurs avancés permettent de cibler des éléments proches d'un autre élément.

Adjacents

Il existe à l'heure actuelle deux sélecteurs de ce type : le combinateur d'adjacence directe, et le combinateur d'adjance indirecte. Le sélecteur d'adjacence directe. Video gratuite. Potentiel. Le 14 avril, nous parlions influenceurs.

Potentiel

Aujourd’hui, parlons format. Les générations de blogueurs se suivent mais ne se ressemblent pas et la consommation d’Internet aussi. Les mots ont laissé place aux images qui laissent place aux vidéos. La vidéo est au cœur des usages de la nouvelle génération et les plateformes l’ont bien compris. « Permettre de voir sans être vu et d’être vu sans voir. » La consommation de contenu vidéo ne cesse d’augmenter. Plus de nouveautés virtuelles pour plus de proximité Périscope intègre la fonction dessin comme Snapchat. Le format vidéo apporte du réel, de la proximité, de la sincérité. Flexbox En. The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").

Flexbox En

The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow. Most importantly, the flexbox layout is direction-agnostic as opposed to the regular layouts (block which is vertically-based and inline which is horizontally-based). While those work well for pages, they lack flexibility (no pun intended) to support large or complex applications (especially when it comes to orientation changing, resizing, stretching, shrinking, etc.). Flexbox. Flexbox (pour flexible box) est un mode de mise en page prévoyant une disposition des éléments d’une page de telle sorte que ces éléments possèdent un comportement prévisible lorsqu’ils doivent s’accommoder de différentes tailles d’écrans/appareils.

Flexbox

Dans de nombreux cas, le modèle de boîte Flexbox offre une amélioration du modèle block dans lequel les flottements (float) ne sont pas utilisés, pas plus que la fusion des marges du conteneur flex avec ses éléments. Beaucoup de designers trouveront le modèle de flexbox plus simple à utiliser. Shéma. 9.1 Introduction au modèle de mise en forme visuel Ce chapitre 9 et le suivant décrivent le modèle de mise en forme visuel : l'interprétation par un agent utilisateur de l'arbre du document et du rendu de celui-ci par un média visuel .

Shéma

Dans ce modèle, chaque élément de l'arbre produit zéro ou plusieurs boîtes selon le modèle de la boîte. La construction de ces boîtes est gouvernée par : les dimensions de la boîte et son type ; le schéma de positionnement (en flux normal, en positionnement flottant et absolu) ; les relations entre les éléments dans l'arbre du document ; des informations externes (ex. la taille de la zone de visualisation, les dimensions intrinsèques des images, etc.).

Float. On n'utilise plus autant les float aujourd'hui, mais parfois c'est encore incontournable.

Float

Dans cette excellente intro (ou révision), Ire Aderinokun revisite float en présentant les règles qui régissent son comportement. Par Ire Aderinokun Même si je n’utilise plus que rarement les float aujourd’hui, il y a encore des circonstances où ils constituent la seule solution viable. Visualiser. 1. position:static Le positionnement par défaut de tous les élément est : position:static, qui signifie que l'élément n'est pas explicitement positionné et apparaît là ou il doit normalement apparaître dans le document.

Visualiser

Normalement vous n'avez pas à le spécifier sauf pour remplacer un positionnement qui a été mis précédemment. La fusion des marges en CSS. Qu’est-ce que la fusion des marges? La fusion des marges est un mécanisme décrit dans la spécification CSS (CSS 2.1: Collapsing Margins). Il concerne les marges verticales (margin-top et margin-bottom) des éléments de type bloc. C’est un mécanisme qui, pour deux blocs qui se suivent, «fusionne» la marge inférieure du premier et la marge supérieure du deuxième. C’est-à-dire qu’au lieu d’additionner les deux marges, le navigateur va conserver la plus grande des deux. Open Graph Protocol. On continue sur le référencement sur Facebook avec le protocole Open Graph qui est la suite logique d’une série de billets sur Facebook que j’avais un peu abandonné… Si tu les a manqué il faut sans doute commencer par les premiers articles.

Les enjeux du référencement sur Facebook Le concept de « Social Rank » et le signaux qui pourraient être pris en compte par les algorithmes de classement des technologies de recherche Comment ces signaux sont interprétés avec le « Social Graph » SEO. Structure. DOCTYPE. Par Jeffrey Zeldman Nouveau ! HTML5 arrive progressivement, et son doctype est bien plus simple à retenir : <! DOCTYPE html>. En le rencontrant, tous les navigateurs actuels passent en mode de rendu standard, vous pouvez donc l'utiliser dès aujourd'hui. Vous avez fait tout ce qu'il fallait, mais votre site ne s'affiche et ne fonctionne pas comme il le devrait dans les derniers navigateurs. La Quadrature du Net. Flexbox Cheatsheet (pense-bête) CSS3 Flexbox est un module de positionnement à la mode, mais malheureusement encore parfois mal maîtrisé parmi les développeurs web. La plupart des ressources, documents et cheat sheets récupérables sur Internet se contentent d'informations basiques, ce qui est bien entendu très pratique pour débuter ou apprendre les différentes propriétés.

Cependant, il manquait jusqu'à aujourd'hui un support plus technique, composé d'astuces concrètes et de bonnes pratiques en production. Alsacréations vous propose sa Flexbox Cheatsheet au format PDF, que vous pouvez télécharger à l'adresse kiwi.gg/flexcheat (82 Ko) et qui rassemble les informations techniques nécessaires à un usage de Flexbox au quotidien.

Ce memento est composé des sections suivantes : N'hésitez pas à le télécharger, il est en usage libre (mentions d'Alsacréations recommandée) et à nous faire toute critique ou suggestion à propos de ce document. COLORON GAME: inspiring developers to use SVG Animations, ES6 and Flexbox. Site Map. Tendances Web Design 2017, et après… Cloneur de formes. Lexique expliqué du petit graphiste et du webdesigner freelance illustré :) PROJECT SUNDAY. Product. B&O PLAY AW16 Collection. StartupLab - Networking, Insight & Funding. Discover your Patronus - Pottermore. Work Archive - Nightshift. Santtu Mustonen – Portfolio – Represented by Hugo & Marie, NYC. PELL MELL - CATEGORIES. Outpøst – an independent creative advertising agency. Corentin Fardeau Lab. 84.Paris - About. Corentin Fardeau - Creative Developer - Paris. La La Land - Official Movie Site - In Select Cities December 9. Gardening on a Higher Level.

Camper.com.