background preloader

Free prototyping tool for web & mobile apps - Justinmind

http://www.justinmind.com/

Related:  outils - méthodoA trier

Why you should design the content first for better experiences? Imagine, you are given the task of designing the package for a Soap brand. The first set of questions you would ask are, “Is it a soap bar or gel?”, “What is the quantity?”, “What kind of fragrance does the soap have?”, “What is its shape if it is a bar?”, etc. Getting Started with Vuforia Engine in Unity Add content as a child of the target. Tip: Delete the default Main Camera after adding an ARCamera. The ARCamera contains its own scene Camera. 19 Kick-Butt Tools for ELearning Everyone likes nifty tips, tricks, and tools – so how about 19 of them! Here in the United States, Monday is memorial day, so if you’re celebrating, perhaps right before your afternoon food-coma you can take a look at these incredibly useful tools that you may find of use when you’re working on your next elearning project. Many of them are free! Some of them you may have heard of before, but sometimes a reminder never hurts: 1. GreenShot: a perfect alternative to Snagit.

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. 50 Time-Saving Web Design – Developer Tools In our field it is important to know how to do specific tasks and use creativity to achieve our goals, however it is necessary to have the right tools in order to get our aims in a more efficient way. Here you have several tools for different steps on our daily work, from scratch to production: Mock Up Tools

Visual Index - macOS - Human Interface Guidelines Most macOS apps are built using components from AppKit, a programming framework that defines common interface elements. This framework lets apps achieve a consistent appearance across the system, while at the same time offering a high level of customization. The following AppKit elements are flexible and familiar, and they automatically update when the system introduces appearance changes. glTF Overview Runtime 3D Asset Delivery glTF™ (GL Transmission Format) is a royalty-free specification for the efficient transmission and loading of 3D scenes and models by applications. glTF minimizes both the size of 3D assets, and the runtime processing needed to unpack and use those assets. glTF defines an extensible, common publishing format for 3D content tools and services that streamlines authoring workflows and enables interoperable use of content across the industry. Participate in the glTF Community glTF is run as an open project by Khronos. The specification, supporting materials and source code is developed and made freely available on GitHub.

Futuristic Gaming Suit Adds Real Impact For Gamers Just a decade ago, gaming was all confined to the screen, but that has changed dramatically over the last few years. This is not only because gaming has become a whole lot better when it comes to graphics and control, but also because new and powerful gaming accessories have started to emerge on the market. Innovations like the Oculus Rift and other gadgets have started a new trend. Maybe the futuristic gaming suit from ARAIG can further immerse us into the virtual world. Useful Web Apps For Prototyping and Wireframing Being able to create rapid prototypes or wireframes of web and mobile apps is crucial for improving efficiency and essentially the end product. Creating wireframes or prototypes will allow you to discuss and amend various different versions of the the project in deeper details with clients, designers and developers without the need to invest hours of staff time creating endless pixel perfect mockups. Wireframing tools will allow you to create initial mockups of your website or app, this will allow you to quickly create many different variations of the skeleton layout. By doing this you can decide which concept will work best for your requirements, this method has the added bonus of saving countless hours creating various Photoshop mockups.

5 More HTML5 APIs You Didn’t Know Existed The HTML5 revolution has provided us some awesome JavaScript and HTML APIs. Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers. Regardless of API strength or purpose, anything to help us better do our job is a step in the right direction. I recently shared with you 5 HTML5 APIs You Didn’t Know Existed in the hope that some of them would inspire you to improve your own web apps.

Design Patterns In software engineering, a design pattern is a general repeatable solution to a commonly occurring problem in software design. A design pattern isn't a finished design that can be transformed directly into code. It is a description or template for how to solve a problem that can be used in many different situations. 10 CSS3 Animation Tools You Should Bookmark As people tend to more easily perceive things that move, smartly used animations can enhance the user experience of a site by drawing attention to important elements users need to quickly notice. CSS3 has introduced a new animation syntax that can help you achieve many interesting things in your designs. Building cool animations can sometimes be complicated and time-consuming though, that’s when animaiton libraries and generators can be excellently used.

Overview The Tin Can API (sometimes known as the Experience API or xAPI) is a brand new specification for learning technology that makes it possible to collect data about the wide range of experiences a person has (online and offline). This API captures data in a consistent format about a person or group’s activities from many technologies. Very different systems are able to securely communicate by capturing and sharing this stream of activities using Tin Can’s simple vocabulary. A better Photoshop grid for responsive web design Posted on 20 January 2012 • 90 comments In making the move to responsive web design, one of the potential hurdles is the rather awkward maths for calculating the percentage-based widths necessary for fluid layouts. If, for example, you’re designing with a 960px grid in Photoshop and you have six columns, each 140px wide, you divide 140 by 960 to get your percentage-based width: 14.583333%. Now, I don’t know about you, but numbers like that look a little scary. It doesn’t matter that there are great calculation tools built into TextMate to do the maths for you; the point is that the final figure looks like an arbitrary number with no immediate relation to either the container’s pixel width (960) or the element’s pixel width (140). Compare that to a container that has a width of 1000px. 1000 is a nice, easy, round number.

Related:  Prototype BuildersSites2-Maquettes fonctionnelles et story-boardNástrojeBach Lenguaje de programación de propósito generalinspiringWIREFRAMES