9 Excellent Tools for Design Mockups

So you've just taken some killer photos with your new DSLR, or you captured a great video with your iPhone — what's next? While it feels natural to just post media quickly to your Facebook Page, sometimes great photos or video need their own home in the form of a personal website. But on the other hand, it's not easy to make a website layout that complements rich media. In order to make a great website, professional web designers take advantage of mockup tools to analyze layout, design and functionality. Taking advantage of these applications (some of which are 100% free) is a wise move — especially if you're interested in creating a professional website for your photography or video. We've rounded up nine applications that can help you get the most out of designing your web layout. 1. The application comes with a huge collection of drop-in components and reusable libraries, and an easy drag-and-drop interface. 2. 3. 4. 5. 6. 7. 8. 9. inPresso Screens

Le Top des ressources SEO gratuites proposées par Google Google a quand même fait des efforts de communication sur ce qu'il entend par bon référencement sur son moteur de recherche. Et pour faciliter la tâche aux webmasters, il crée de plus en plus de pages d'aide et de tutoriels à même d'encourager les webmasters et autres référenceurs à respecter ses règles SEO. Ce sont ces ressources SEO qui vont vous être présentées ici et dont vous allez certainement en faire bon usage afin d'améliorer votre référencement web. Guide de démarrage Google Le guide de démarrage Google regroupe tous les conseils d'optimisation pour les moteurs de recherche prodigués par Google. Consignes aux webmasters La page des consignes aux webmasters est un bon complément du guide de démarrage ci-dessus mentionné. Création et soumission de Sitemaps Créer un fichier Sitemap au format XML et le soumettre à Google est certainement le moyen le plus sûr, voire le plus rapide en dehors de Google Plus, de voir tous vos contenus indexés par Google. Amélioration HTML Profil Google+

The Walking Web 15 Useful Online HTML Editors for Web Developers Online HTML editors makes it easy and fast to create HTML markup directly on a website or without installing an HTML editor. Creating HTML markup is the most essential part of publishing content online. For programmers, HTML is rather simple, and easy to learn, but for everyone else it is a programming language and takes focus away from the real task at hand; creating valuable content. HTML rarely works well alone and some CSS styling need to be applied to make web pages look great. In modern publishing solution, like e.g. TinyMCE TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. Free Online HTML Editor This online HTML editor can help you make website content in HTML language without knowing any of the HTML tags. CKEditor CKEditor is a text editor to be used inside web pages. Quackit Use this online HTML editor to create HTML snippets or even whole HTML pages for your website, MySpace page, etc.

The Game Creators - Make Your Own Game - Computer - Design and Making Software 9 Apps to Help You Create HTML5 Animations Without Coding Apps 9 Apps to Help You Create HTML5 Animations Without Coding This post is written in partnership with PrintRunner, an online printing company that offers label printing services. We all love HTML5 and the stunning animations article shows us its true potential. So, for those of you thinking about creating a professional animation or application using pure HTML5 and CSS3 here are some options. Adobe Edge Even Adobe who owns Flash technologies realized that HTML5 is the way to go in the years to come. Tumult Hype Create one of a kind animations using HTML5 and CSS3. Hippo Studios Is a minimalist animation application that makes technologies like HTML5 and CSS3 work even on old browsers like Internet Explorer 6 where usually these kind of technologies wouldn’t work. Sencha Is a rich CSS3 animation builder with a nice user friendly interface that includes timeline and support for mobile devices. MotionComposer Purple Visual Studio Is an animation tool created for iPad and iPhone devices. Mugeda

SkillSwap: Making A 2 Player 2D Game With Unity | Rocket 5 Studios [UPDATE] We have a brand new Unity tutorial which uses the new built-in 2D sprite and physics systems that Unity added in version 4.3. You can find it here. I recently presented a step-by-step workshop titled “Making A 2D Sprite-Based Game With Unity” to the Toronto SkillSwap community which is “A collaborative group for folks interested in sharing their skills and training with other developers in Toronto, and for folks interested in learning!”. Around 50 people showed up to the 3 hour workshop and although we tried our hardest to get through all of the content, we only completed about 1/2 of the project before it was time to move on to the beer drinking portion of the event. So while I still had all of the project steps fresh in my mind, I figured it would be a good idea to go through the workshop at home and screencast the whole thing so that everyone could get a chance to follow along with the complete tutorial. And here’s the screencast: Calculating Orthographic Camera Size

Les meilleurs frameworks CSS pour créer un site web professionnel. Pour créer un site web de qualité professionnelle, très rapidement et avec peu de connaissances en CSS, rien de tel que d'utiliser un framework CSS. Le choix d'un framework est toujours compliqué, car il nécessite un apprentissage coûteux en temps qui engage le programmeur à l'utiliser par la suite pour rentabiliser son investissement en temps. Si vous hésitez dans le choix de votre framework CSS, ou si vous ne connaissez pas vraiment ces outils, cet article vous apportera peut-être quelques éléments de réponses. 1- Qu'est-ce qu'un framework CSS ? un framework, littéralement cadre de travail, est un ensemble de bibliothèques et d'outils offrant une aide à la programmation. 2- Quel est le principe des framework CSS ? Les frameworks CSS fonctionnent tous sur le même principe. Elles permettent aussi l'intégration de composants tels que des boutons, des barres de navigation, des formulaires ou des menus de qualité professionnelle. 3- Quelques bons frameworks CSS. Épingler!