انیمیشن در اندروید با Lottie همونطور که قبلا بهتون در پست “ استفاده از انیمیشن در توسعه اپلیکیشن “ قول داده بودم، در این پست قراره به آموزش استفاده از لایبرری Lottie و اضافه کردن منابع بصری انیمه به پروژه اندروید بپردازیم. فهرست: پلاگین BodyMovin لایبرری Lottie برای اندروید Introduction A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic. Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supersede those in the physical world, without breaking the rules of physics. The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other.
تجربیات یک برنامه نویس حتما یه برنامه نویس خوب از git استفاده میکنه و " یه برنامه نویس بدون git یه برنامه نویس مرده است " مطالب زیادی میشه در مورد git تو نت پیدا کرد ولی دونستن بعضی از نکات ساده خالی از لطف نیست . خصوصا که این یافته پس از کلنجار یکی دو ساعته بدست بیاد . آقا ما اومدیم یه پروژه قدیمی رو ریفکتور کنیم و مثل همیشه از android studio مستقیم share کردیم روی github و همه چی عالی . Introduction A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic. Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supersede those in the physical world, without breaking the rules of physics.
Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé.
Mockups & Rough : gagnez du temps ! Ça y est, vous devez créer un nouveau site internet ! Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pas vraiment. Si il s'agit d'un projet personnel pour lequel vous savez exactement où vous voulez aller en ayant tout votre temps, pourquoi pas. Responsive Web Design et E-commerce - 100% web par Kaliop Comment gagner de nouveaux clients sur ces nouveaux dispositifs et comment être présent sur tous les terminaux existants et à venir? D’après l’étude de comScore Mobilens (déc. 2011), plus de 18.8 millions de français détenaient un Smartphone fin 2011. De plus, l’essor des netbooks, des iMac et des tablettes empêche désormais toute uniformisation d’un site web du fait de résolutions d’écran trop différentes. Créer sa plateforme en 800×600 pixels rendrait l’expérience utilisateur négative pour un utilisateur de Smartphone ou de tablette, ce qui signifierait immédiatement une perte de clientèle pour l’e-commerçant. Étant donné la rapidité du changement dans le m-commerce, prévoir l’avenir du web et de l’e-commerce est chose difficile. Mais une chose est sûre, l’omniprésence des appareils mobiles va continuer de croître.
Prévoir un site pour toutes les résolutions (design fluide) La question des dimensions idéales d'un site est souvent posée. Les résolutions d'écran varient généralement de 800x600 pixels à 1280x960 pixels, en passant par 1024x768. Quelle est donc la résolution à privilégier ? Quelle est la dimension idéale pour un site web ? Les sites web étant conçus avec des éléments graphiques (la plupart du temps) non vectoriels, ceux-ci n'adoptent pas le même rendu selon la résolution de l'écran du visiteur, notamment en terme de répartition horizontale. Layout sur 12 colonnes avec Flexbox La suite de la série de Landon Schropp sur Flexbox. Après avoir découvert les bases avec un simple dé, nous nous lançons dans les mises en page sur 12 colonnes. Par Landon Schropp Dans une mise en page sur 12 colonnes, la page est divisée en douze colonnes invisibles. Celles-ci sont séparées les unes des autres par un petit espace, qu’on appelle gouttière (gutter). La page est divisée en rangées et les conteneurs situés dans ces rangées occupent chacun un certain nombre de colonnes.
Responsive Design : 10 conseils pour réussir - Tutoriel Soyez sociable ! Partagez : 10% du trafic internet mondial se fait via les smartphones ou les tablettes. Il devient ainsi incontournable d’adapter son site ou son blog aux mobiles. Pour ce faire, une nouvelle méthode de développement Web est née, le responsive design.
Le webdesign selon les grilles Tout bon webdesigner sait que l’esprit créatif ne suffit pas à rendre son site professionnel, l’une des bonnes pratiques de base du webdesign est la conception d’un template structuré, et celle qui s’apparente le mieux à cela est la grille. Cette méthode de travail pourtant répandue dans le domaine de l’architecture et de la typographie est tout simplement mal connue dans le webdesign. . Le principal soucis est que la plupart des webdesigners pensent que la conception d’une grille est une tâche ennuyeuse réservé aux mise en page à largeur fixe. Créer un site responsive - La maquette [Total : 3 Moyenne : 5/5] Vous souhaitez réaliser un site responsive ? Que ce soit pour un projet en code html/css pur ou bien pour créer un thème sur mesure pour WordPress, Joomla, Drupal ou autres… C’est ici que ça se passe. Pour cette première étape de la création d’un site responsive « from scratch » (depuis zéro), nous allons commencer par l’étape de la création des maquettes graphique. C’est l’essence même de la qualité du résultat final, donc autant faire les choses proprement et ne pas se compliquer la vie. A savoir : Les sites actuels ont un « standard » de 960 pixels de large, même si avec l’évolution des tailles d’écran, la tendance va s’étirer petit à petit vers du 1200 pixels.
Résolutions d'écrans les plus utilisées pour un site web. Les usages sur internet évoluent vite, les résolutions les plus utilisées en 2013 sont plus grandes que les années précédentes. On note l'essor de la navigation sur tablette (et mobile) qui représente souvent entre 15% et 20% du trafic. Quels choix impliquent ces évolutions pour le concepteur web ? L'analyse statistique des différentes façon de naviguer sur le web montre trois évolutions importantes entre 2012 et 2013 : - Des résolutions d'écrans plus grandes de manière générale, - En 1ère position la résolution 1366x768. - La croissance assez forte des tablettes et mobiles. - Une diversité plus importantes de tailles à prendre en compte.
12 Erreurs à éviter dans votre portfolio Le portfolio, votre site personnel, outil indispensable de tout créatif, véritable vitrine numérique, est votre meilleure chance de trouver vos prochains clients ou emplois. Son importance est capitale car il reflète qui vous êtes, ce que vous savez faire et ce que vous avez déjà fait. Autant dire qu’il vaut mieux soigner son portfolio. Voici donc 12 erreurs à éviter dans votre portfolio, un article qui j’espère vous aidera.