background preloader

10 Free Wireframing Tools for Designers

10 Free Wireframing Tools for Designers
This series is supported by Ben & Jerry's Joe, Ben & Jerry's new line-up of Fair Trade and frozen iced coffee drinks. Learn more about it here. Wireframing is a crucial step in web design and development as it allows for rapid prototyping and helps to pinpoint potential problems early in the process. Wireframes make it easier to communicate ideas, reduce scope creep, cut down on project costs (due to fewer design revisions later), and enable greater upfront usability and functionality testing. This post highlights 10 of the best free wireframing tools available, including standalone applications, web-based tools and browser add-ons. If you're partial to a particular wireframing tool available for free download, let us know in the comments. 1. Mockingbird is a web-based beta software based on the Cappuccino framework to create, link together, preview and share wireframes of your website or application. As it's web-based, it means you can create and share mockups from anywhere. 2. 3. 4. 5.

Décliner un site pour iPhone Un téléphone qui tombe à point nommé ! Le smartphone d’Apple est à la mode depuis bientôt deux ans, ça tombe bien il a permis de révolutionner la consommation d’Internet, et de faire entrer de plein pied l’accès Internet nomade dans le monde personnel comme professionnel. Le développement d’applications iPhone suit des guidelines mises à disposition par Apple, d’un point de vue technique mais également ergonomique et fonctionnel. Dans le grand nombre d’applications disponibles sur l’AppStore, de nombreuses applications mettent par exemple en place une navigation qui se base sur le composant adéquat mis à disposition dans le SDK. Pour l’utilisateur, c’est l’assurance d’une appréhension plus simple et plus intuitive de l’interface. Dans le même esprit, l’accès rendu facile et nomade à Internet permet aux utilisateurs d’iPhone de multiplier leurs séances de navigation dans un contexte pratique et/ou ludique. Faire d’un utilisateur nomade un internaute efficace La navigateur iPhone à la loupe

J’ai testé pour vous ADOBE MUSE, ou comment faire un site internet sans coder ? Bonjour ! J’ai pris mon après-midi d’hier pour tester Adobe Muse, le dernier logiciel qu’Adobe a sorti en beta. Vous le savez sûrement, en tant que designer, j’utilise de temps en temps les outils d’Adobe et je suis donc toujours curieux de découvrir les nouvelles directions qu’Adobe prend pour proposer des outils qui répondent aux besoins des créatifs, des professionnels, des étudiants… De même, je tiens à préciser que dans mon esprit, un site, ça se code. Si vous voulez commencer par le résultat de mes bidouillages, c’est trois fois rien mais c’est pour tester : Cet outil de création de sites internet s’appelle MUSE. Bon, tout d’abord, il suffit de vous rendre sur muse.adobe.com et de cliquer sur « Get Muse », pour télécharger le logiciel. Lors de la création d’un nouveau document, vous pouvez tout de suite préciser : ) et de différents « Masters » qui seront vos gabarits. Une fois mon texte composé, j’ai donc dans l’ordre :

Free Vector graphic art, free photos, free icons, free website templates, psd graphic, photoshop brush, font, free download Live Chat Pricing - SnapEngage Live Chat Chat Agents are members of your team who can chat with your visitors. Each agent account is associated with an email address. Extra agents are $25 per month per additional agent, and there’s no limit! So add as many as you need. With a click of a button, (okay, two buttons) transfer a chat to another agent, support tier, or department. Our real-time dashboard provides overview information to your team leads to help them manage response time and keep an eye on chat volume. Set your team’s hours and schedule, then offer visitors different contact options when they’re offline. These persistent chat rooms and 1-to-1 secure chats ensure that your team is always connected and always on the same page. Sort your agents into separate tiers. Multi-login and user roles Share access and control user permissions within your team. For big teams who need the extra flexibility, the Premier plan lets you set up multiple administrator accounts. See a few customization examples here. No software to install.

neoMobile – HTML Template for mobile browser | Neo22s Muse : logiciel de création web pour les graphistes|Le blog de la Communication digitale Adobe lance un nouveau logiciel de création de sites web destiné aux graphistes : Muse. Un outil pour créer un site web, sans avoir à saisir une seule ligne de code. Premier retour d’expérience et tour d’horizon de ce nouvel éditeur de site web. Adobe met à disposition des créateurs de sites web, en particulier les graphistes, un nouveau logiciel de mise en page web : Muse. Sous ce nom de code se cache un outil assez ressemblant aux outils classiques de PAO, comme InDesign. L’intérêt de ce logiciel réside justement dans une mise en page intuitive et visuelle, sans avoir à passer par l’écriture de code (bien que Muse utilise les derniers standards du web : HTML5 et CSS3). Le logiciel Muse ne devrait pas sortir avant 2012 mais pour l’instant une version bêta est téléchargeable gratuitement sur le site de l’éditeur. Muse : un outil intuitif A quoi ressemble Muse ? PlanDesignPreviewPublish Plan : l’arborescence du site et la création de maquettes Une interface inspirée de la Creative Suite

Illustfx.com The Best Way to Find Professional Voice Talent, Voice Actors and Voice Artists Frequently Asked Questions Do you have voice talent who can speak Spanish? How about French? We represent talent who speak over 100 languages so finding the language, accent or dialect that you’re seeking is guaranteed. How soon will I get responses? You’ll start receiving responses within 15 minutes of your job being approved. How fast is the turnaround time on a Project? Depending on the length of your script, a voice talent may record and deliver your audio within a matter of hours. How much is it going to cost to hire the voice talent? Voice talent charge their own fees based on the word count of your script and how the audio will be used. How do I pay the voice talent? We strongly recommend that you use the safe payment service provided to you at Voices.com. Do you provide support? Yes!

iPhone CSS—tips for building iPhone websites 31 January, 2010 With the rapid rise in mobile browsers, it has probably never been more important to ensure your sites can be handled on these platforms. By far one of the most popular such browsers is Mobile Safari on the iPhone – this is one of the easiest browsers to develop for: it runs on Webkit (meaning a lot of rich CSS3 support) and it's only ever on one resolution and on one OS. N.B. The practical upshot of this is that you need to do no cross-browser testing, and can use all the CSS3 you like. To start The first thing to remember when developing a site to be displayed on an iPhone is that it is very similar to designing a print stylesheet. Some people don't agree with browser sniffing, but you need to detect the iPhone somehow. This first bit of code is a PHP browser sniffing snippet, the actual CSS we'll use is not brought through via any server side code, we'll use some CSS media queries for that. <? We want people to save your site to their home screen... <? The home screen icon

Modèles Web | Modèles de Site Web Box Shadow Generator | CSS3 Generator | CSS3Gen Use this CSS3 box shadow generator to quickly generate box shadow CSS for your project. Your browser does not support the CSS3 box-shadow property. You can still use this tool to generate the CSS3 rule, but you won't be able to see the results. <div class="error_msg">Please enable Javascript to use this page. Box Shadow Explained The CSS3 box-shadow property allows you to add depth to your website's design without the need for images or extra container elements. While the syntax is easy to understand, it is hard to visualise the style using just code. The box-shadow syntax works as follows: The first value defines the distance of the box shadow in the x (horizontal) direction and the second value defines the distance in the y (vertical) direction. Optionally you can include an additional parameter after the blur distance: This defines the spread distance of the shadow. Supporting Browsers

7 ressources pour développer un site mobile Il semble que le grand sujet du moment est “faut-il développer une version mobile de son site ou développer une application native ?”. Je ne vais pas tenter de répondre à cette question car pour l’instant il n’est pas possible de répondre oui ou non à cette question de manière ferme et définitive. Cependant je vais présenter différentes ressources qui pourraient aider des développeurs lors de la création d’un site pour les appareils mobiles…. Les frameworks que je vais présenter permettent de se lancer dans la création d’une version mobile d’un site à destination des appareils mobiles. 1. iWebkit iWebkit est un framework de développement de sites web à destination des mobiles Apple (mais que l’on peut également adapté pour d’autres mobiles). Le framework est très bien documenté et les démos sont convaincantes. Ce framework fourni un ensemble de fichiers css et JS pour styliser du contenu HTML généré par une webapp. 3. webapp-net 4. jQTouch Vous avez peur du poids de ce plugin jQuery ? 6.

960 Grid System

Related: