background preloader

MockFlow: Online Wireframe Tool for Software and Websites

MockFlow: Online Wireframe Tool for Software and Websites
Related:  Webdesignmvallet

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.

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”.

25 Best Online Tools to Create Your Own Infographics Today’s article is dedicated to all those users who’s looking for some of the best Online tools to Create Infographics. So must try this opinion piece covered by us. We all know that visual representation speaks more than words written on paper and slideshow. Ok, let me ask one you one question, Out of full-length 1000-word article and one Infographinc which one you like to choose of go with. So would you like to make your own Infographics and looking for some platform to make that thing happen then this article is surely your cup of tea. 1. Wordle is one of the best web app using which you can create beautiful and fully customizable word clouds Infographic just with few clicks. 2. is another online tool which empowers people to tell stories with data. 3. Using Creately you can build organized concept maps, flowcharts, and diagrams for free. 4. This is another cool website using which you can create amazing and beautiful Infographics. 5. 6. 7. 8. 9. 10. 12. 13. 14. 15. 16.

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

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.

Infographic Information graphics or infographics are graphic visual representations of information, data or knowledge intended to present complex information quickly and clearly.[1][2] They can improve cognition by utilizing graphics to enhance the human visual system’s ability to see patterns and trends.[3][4] The process of creating infographics can be referred to as data visualization, information design, or information architecture.[2] Overview[edit] Infographics have been around for many years and recently the proliferation of a number of easy-to-use, free tools have made the creation of infographics available to a large segment of the population. Social media sites such as Facebook and Twitter have also allowed for individual infographics to be spread among many people around the world. In newspapers, infographics are commonly used to show the weather, as well as maps, site plans, and graphs for statistical data. "Graphical displays should: Graphics reveal data. History[edit] Early[edit]

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.

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

What are infographics? Infographics or information graphics are visual representations of information, data or knowledge. By presenting information in a compact and creative format, infographics are able to quickly convey knowledge and engage its viewers. What Are Infographics Infographics are visual presentations intended to communicate complex information quickly and clearly. The devices include, according to Doug Newsom (2004), charts, diagrams, graphs, tables, maps and lists. Most Infographics are fun to read and provide valuable information. History of Info Graphics goes back to the prehistoric age Prehistory In prehistory, early humans created the first information graphics: cave paintings and later maps. were used to keep records of cattle and stock. 3000 BC Ancient Egyptians use heiroglyphic symbols to tell stories of life, work and religion. 1786 William Playfair published the first data graphs in his book The Commercial and Political Atlas. How Do I Create An Infographic?

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 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.

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

Gladys. Veille, innovation et gestion de projets en mode collaboratif L’outil Gladys a été mis a jour et propose une nouvelle version. Lire le nouvel article que lui consacré Outils Collaboratifs. Gladys est une formidable plateforme de travail collaboratif pour les entreprises innovantes ou… celles qui veulent le devenir. L’imagination est plus importante que le savoir a écrit ce cher Albert Einstein. J’ai déjà dit ici il y a quelque temps de cela tout le bien que je pensais de Gladys. Cette nouvelle version de Gladys offre une interface au design revisité. Pour mémoire, Gladys permet de centraliser dans des espaces de travail partagés et collaboratifs tous les projets d’innovation. Vous êtes responsable de développement ou d’innovation, voilà comment mettre en place et partager très simplement une veille collaborative. Pratique aussi la nouvelle intégration avec LinkedIn et Google Drive qui manquaient à la version précédente. Gladys fait des merveilles dans sa fonction de boîte à idées. Gladys permet encore de faciliter la gestion et le suivi des tâches.

25 Fun & Creative Web Designs From DeviantArt | Spyre Studios How many web designers can say that there are too many places to draw inspiration from? Exactly. None. I have taken the time to gather some of the best, most creatively designed websites from users on the site and put them together in this list of 25 Fun & Creative Web Designs. Some of the popular elements in the designs below include: Trees & leaves Light blurs Cartoon characters Realistic animals Water Sky/clouds So sit back, relax, and get inspired! Bird House ↓ Bonza ↓ Creative Flu ↓ Deewater ↓ Designers Junior ↓ Designers Weblog ↓ Detskiy ↓ Feartox ↓ Garden First Aid ↓ Iihe ↓ Imagine Air ↓ Insurances ↓ Kempes ↓ Kindergarten ↓ Kosmos Travel ↓ Lion City ↓ Panda Sofas ↓ Portfolio ↓ Private Planes ↓ Some Web ↓ Sports Deluxe ↓ Tateljee ↓ Web Agency Web Design ↓ WordPress Fairy Theme ↓ Zoom ↓ Your Turn To Talk Hope you liked the post!