Responsive Layouts, Responsively Wireframed

Responsive layouts, responsively wireframed Made with HTML/CSS (no images, no JS*) this is a simple interactive experiment with responsive design techniques. Use the buttons top-right to toggle between desktop and mobile layouts. Using simple layout wireframes, this illustrates how a series of pages could work across these different devices, by simulating how the layout of each page would change responsively, to suit the context. Responsive layouts? Producing static wireframes to design layouts for websites, web applications and user-interfaces has worked well for a long time. However, this solution creates a new problem: How should we go about the process of designing these variable layouts? Enter, responsive wireframes? The 'wireframes' on this page (which are only very simple, high-level examples) were created with HTML/CSS, and some argue that this is the answer; to design in the browser. So which is better? Traditional wireframes? HTML? So, what's the answer? Just wondering...

Wirefy | The Responsive Wireframe Framework jeanphiBlog samedi 10 novembre 2012 Par jeanphilippe, samedi 10 novembre 2012 à 17:52 :: Flash Media Server Les fichiers sources (Adobe Flex et Adobe FMS) pour réaliser de la vidéoconférence... Lire la suite 132 commentaires :: lu 9113 fois :: aucun trackback jeudi 8 novembre 2012 Par jeanphilippe, jeudi 8 novembre 2012 à 19:17 :: Flash CS5 Pendant un mois, je laisse l'accés OPEN à mon video chat (visioconference) réalisé sur Flex et Flash ..... 139 commentaires :: lu 2648 fois :: aucun trackback mercredi 23 mai 2012 Ma Triumph Bonneville T100 Jet Black.... Par jeanphilippe, mercredi 23 mai 2012 à 20:09 :: Photos Une photo de ma nouvelle monture.... 476 commentaires :: lu 38492 fois :: aucun trackback mercredi 12 octobre 2011 IPHONE IOS5 : La mise à jour iOS5 est disponible... Par jeanphilippe, mercredi 12 octobre 2011 à 19:32 :: IPHONE APPS iOS 5 est téléchargeable dès à présent depuis le logiciel iTunes. 837 commentaires :: lu 25355 fois :: aucun trackback vendredi 4 février 2011 mardi 23 novembre 2010

MockFlow - Online Wireframe Tool Best Open Source Resources for Web Developers | WebAppers 30 Wireframe Templates and Toolkits Creating wireframes doesn’t necessarily require the use of special wireframing software. It is entirely possible to plan and prototype user interfaces using established tools like Adobe Illustrator, OmniGraffle or even PowerPoint and Keynote. These tools are tried and tested and incorporate a rich set of features that allow users to quickly and easily create wireframes without the need for specialist software. To help you get started with wireframing using your tool of choice, I have compiled a list of useful wireframe templates and resources that are available in different file formats. Webpage Wireframe Stencil Kit (Adobe Illustrator, EPS) A collection of high-fidelity wireframe controls and icons in .ai and .eps vector format; free for use in both personal and commercial projects. Webpage Wireframe Stencil Kit → Wireframe/Blueprint Kit (Adobe Illustrator) A small kit of beautifully designed website wireframe elements in light-grey with flecks of blue. Wireframe/Blueprint Kit → Conclusion