55+ Extremely Useful Online Generators for Designers In 2008 when I launched my personal blog to share my experiences, I decided to call it Balkhis instead of using my full name (Syed Balkhi). As time passed on, I regretted that decision because it created a lot of confusion. People thought that my last name was Balkhis instead of Balkhi. I basically combined my last name with the first letter of my first name.I was @syedbalkhi across all social media platforms, so the brand wasn’t consistent.People didn’t know about my personal blog as much because they didn’t relate Balkhis with me. Well as I focus more on my personal brand in 2015, I made the crucial move of switching domain names. As you noticed with this change, I got a new site design. I didn’t want to spend too much time creating a custom theme, so I used my friend Michael Hyatt’s theme which you too can buy if you like: GetNoticed. I did customize it to give it a bit of personal touch. The main reason why I chose this theme is because of all the amazing functionality it comes with.
Balsamiq Gestion de Projet Simple (GPS) Introduction Cet article vise à décrire un cadre méthodologique de gestion de projet simple. Il s’adresse à toute association de personnes (équipe) désireuses de mener un projet quel qu’il soit aboutissant à ce qu’on appellera par abus de langage un “Produit”. Les membres de l’équipe peuvent travailler à temps plein ou partiel, partager un même lieu de travail ou non et participer à l’ensemble des étapes du projet avec ou sans hiérarchie. Étapes du projet Définir la vision du “Produit” Le projet débute par la formalisation de la vision du “produit fini” faisant l’objet du projet. Construire et ordonnancer le “Product Backlog” Une fois que la vision est partagée et claire pour tout le monde, il est temps de faire la liste de toutes les tâches – connues à date – nécessaires à la réalisation du “Produit”. Diviser le temps Planifier le sprint Exécuter le sprint Durant le sprint, chaque membre de l’équipe prêt à commencer une tâche, s’affecte cette dernière et la passe au statut “En cours”.
51 Web Apps for Web Designers and Developers – Web.AppStorm Web design and development has significantly changed over the years, as have the tools and technologies involved. With these advancements come tools to make our lives easier, provide higher quality work and better services for our clients. Communication and collaboration over vast distances is no longer painfully frustrating (or impossible) and project or task management is now easier than ever. Web designers and developers can also jump on virtually any internet connected computer with a modern browser to get work done without their main desktop applications. Here are 51 web apps to make web designer’s and developer’s lives easier than ever and crank up their capabilities. Splashup Splashup With Splashup you have more than basic image editing capabilities at your fingertips, anywhere you go. Price: Free Requires: Flash Link: Aviary Aviary Aviary is a collection of web apps ranging from image and vector editing to screen capture and audio editing. Pixlr Pixlr Adobe kuler
Diagramme de Gantt Un article de Wikipédia, l'encyclopédie libre. Pour les articles homonymes, voir Gantt. Le diagramme de Gantt (Harmonogram Adamieckiego[1]) est un outil utilisé (souvent en complément d'un réseau PERT) en ordonnancement et en gestion de projet et permettant de visualiser dans le temps les diverses tâches composant un projet. Il s'agit d'une représentation d'un graphe connexe, valué et orienté, qui permet de représenter graphiquement l'avancement du projet. Le premier diagramme de ce type (appelé Harmonogram Adamieckiego) fut réalisé par l'ingénieur polonais Karol Adamiecki en 1896. Il l'a décrit en 1931, mais la langue de publication n'a pas permis la reconnaissance internationale de son idée. Enjeux du diagramme de Gantt[modifier | modifier le code] Cet outil répond à deux objectifs : planifier de façon optimale ainsi que communiquer sur le planning établi et les choix qu'il impose. Démarche d'utilisation du diagramme de Gantt[modifier | modifier le code]
N'ayez pas peur du Lean Startup - Lisez ceci Le Lean Startup et d’autres nouvelles méthodes ont tendance à faire peur aux entreprises notamment à cause du changement qu’il peut générer dans la manière de gérer un projet. Lorsque nous lançons une initiative innovante ou un nouveau business, nous avons tendance (et moi le premier) à appeler cela un projet. Bien que cela soit correct sémantiquement parlant, votre projet n’est pas un projet ! Cette distinction est très importante et peut expliquer l’avènement de nouvelles méthodologie comme les méthodes Agiles ou de Lean Startup et nous verrons qu’elles ne sont pas incompatibles avec la tradition. Lean Startup Cloud Si on part de l’hypothèse que c’est effectivement un projet nous allons donc le gérer comme tel en utilisant des méthodologies reconnues et appliquées de par le monde. Ceci n’est pas un projet Un projet est un ensemble d’activités que l’on réalise dans un temps défini en mobilisant des ressources humaines et/ou matérielles pour un budget donné afin de produire un résultat.
15 Awesome tutorials and resources for web developers A new week is coming and in this post I want to suggest you some interesting tutorials and resources for web developers I bookmarked this week. If you want to suggest a link, please leave a comment.1. InfoVis ToolkitThe JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web. It supports multiple data representations: treemaps, radial layouts, hypertrees/graphs, spacetree-like layouts, and more. 2. Vaadin Vaadin is a Java framework for building modern web applications that look great, perform well and make your user happy. 3. 4. Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. 5. 6. FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. 7. 8. This tutorial illustrates how to implement an amazing music player using mouse gestures & hotkeys in jQuery. 10. 11. 12. 13. 14. epiClock 15.
Réseau PERT Un article de Wikipédia, l'encyclopédie libre. La méthode PERT (Program ou Project Evaluation and Review Technique), est une méthode conventionnelle utilisable en gestion de projet, développée par la marine américaine dans les années 1950. Elle est censée être capable de représenter et d'analyser de manière logique les tâches et le réseau des tâches à réaliser dans un projet. Le terme PERT est l'acronyme de program (ou project) evaluation and review technique, ce qui signifie « technique d'évaluation et d'examen de programmes » ou « de projets », ou encore « Technique d’élaboration et de mise à jour de programme » ; c'est également un jeu de mots avec l'adjectif anglais « pert », signifiant « malicieux », « mutin ». Dans le vocabulaire de tous les jours, un projet désigne une action future. On utilise un graphe de dépendances. Histoire[modifier | modifier le code] Un petit exemple appétissant : la dégustation du gâteau meringué[modifier | modifier le code] Les questions fusent : Remarques :
7 UX design tools for an effective Scrum workflow – UNITiD – Medium As of late we have been running more and more projects using the Agile Scrum method. In fact, our largest projects are almost all conducted in multidisciplinary Scrum teams. And very successfully! Formerly we primarily worked using the Waterfall project methodology, so we had to adjust our workflow. Gradually we have developed an effective way of working for interaction and visual designers within Scrum projects. Design workflow tools In order to make the workflow more iterative and effective our two design disciplines at UNITiD – the interaction designer and visual designers, collaborate using our favorite design tools: Sketch, InVision, Keynote, Dropbox, Jira, Confluence and our own Front End Guide. 1. Online tool Jira by Atlassian containing the project backlog with the stories sorted by priority and grouped into the epics. For who? Take-aways for setting up the Scrum project in Jira Create epics to group related stories. 2. For who? Take-aways for setting up the Scrum project in Dropbox
15 jQuery Plugins For A Better Photo Gallery And Slideshow Photo Gallery, picture gallery, or slideshow are the best way to showcase your images/photos to your readers. There are a lot of different methods to create them and today we are going to look into different jQuery plugins that can be used to create a better photo gallery. 1. GalleryView GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize. 2. Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. 3. Galleria is a javascript image gallery written in jQuery. 4. Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos. 5. Supersized is an image gallery built by BuildInternet.com and it is able to slideshows the images with full screen. 6. slideViewer 7. 8. EOGallery is a web animated slideshow gallery maid with jQuery. 9. jQZoom 10. jqGalScroll 13. 14.
Cinq étapes faciles pour créer un plan de projet - Project Vous est-il déjà arrivé d'élaborer un plan de projet initial (par exemple pour faire approuver le projet) puis de vous apercevoir qu'il n'est pas adapté lorsque vous effectuez un suivi (suivi : affichage et mise à jour de l’avancement actuel des tâches pour visualiser l’avancement au fil du temps, évaluer le retard des tâches, comparer les données prévues ou planifiées aux données actuelles et vérifier le pourcentage d’achèvement des tâches ainsi que du projet.) de son avancement ? En procédant correctement dès le départ, vous avez la garantie que le plan que vous concevez au début de votre projet constitue un outil de gestion efficace pour toute la durée du projet. Adoptez la procédure incluant cinq étapes qui est présentée dans cet article pour être certain de procéder correctement. Pour cela, vous devez avoir défini la date de début (date de début : date à laquelle une tâche doit commencer. Étape 1 : Créer une liste des tâches et la structure de répartition du travail et Hausser
7 Logiciels Collaboratifs Pour Travailler En Mode Start-Up Réseaux sociaux d’entreprise, agendas partagés ou logiciels de planification des tâches… Voici sept outils pour optimiser votre productivité et travailler en « focus projet ». Entrepreneurs en solo, startupers, PME et équipes agiles au sein de grands comptes : tous les types de porteurs de projets peuvent désormais insuffler l’agilité de la culture start-up dans leur entreprise. Plusieurs outils faciles d’utilisation, créés sur le principe d’une UX (expérience-utilisateur) épurée et intuitive, sont disponibles sur le marché. Ils sont pour la plupart disponibles en version freemium, avec fonctionnalités limitées et sans engagement. Trello : le tableau pense-bête Trello est un répartiteur de tâches virtuel. La version payante Business Class démarre à 9,99 dollars par mois et par utilisateur. Trello Wrike : la plate-forme tout-en-un Wrike est un outil puissant et très complet. Le logiciel en format Saas est disponible en version mobile sous iOS et Android. Wrike Asana : le gestionnaire agile
Informative And Usable Footers In Web Design | Design Showcase Advertisement Website designs have so many different elements that work together to convey information in a usable and organized manner. For a website to be effective, every element on the page, from the header to the footer, needs to add to its overall usability and readability. In this article, we’ll take a look at the footer and see what exactly makes for a good website footer. Keep in mind that just because the footer is at the bottom of the page doesn’t mean you should slack off with good design practice. We’ll look here at what to include in footers, the importance of site maps, usability practices and styling ideas and trends. What To Include In Footers Before we go over how exactly to design the footer, let’s talk about common elements to include in footers and the importance of each. Site Map Usability is foremost in importance in Web design. In the site map below, visited pages show up differently than the other links. Quick “About” or “Contact” Information A Simple Contact Form
Les Personas, portraits-robots de vos utilisateurs Ce billet a été lu 4321 fois. À votre tour? Une Persona est une personne fictive qui représente un groupe cible. La méthode des Persona vise à créer des profils d’utilisateurs types et de leur attribuer, en fonction des recherches et/interviews effectuées auprès d’utilisateurs existants, des caractéristiques qui synthétisent les us et coutumes de ces utilisateurs réels, créant ainsi des référents pour les groupes cibles… Ces caractéristiques nous permettent ensuite de créer des scénarios d’utilisation et de définir une stratégie d’organisation de l’information, d’interaction avec l’utilisateur, de tonalité éditoriale, etc. Portrait robot Une fiche « Persona » se répartit en plusieurs sections : L’identité La première partie de la fiche rassemble les données socio-démographiques de la persona. Le comportement (Web) Le scénario d’utilisation Sous cette partie, nous décrivons les scenarii types que notre persona endossera sur le site Web. Utilité de la méthode Profil type du rédacteur Web…