background preloader



Related:  codingdiseño web

Abbreviations Syntax Emmet uses syntax similar to CSS selectors for describing elements’ positions inside generated tree and elements’ attributes. Elements You can use elements’ names like div or p to generate HTML tags. Emmet doesn’t have a predefined set of available tag names, you can write any word and transform it into a tag: div → <div></div>, foo → <foo></foo> and so on. Nesting operators Nesting operators are used to position abbreviation elements inside generated tree: whether it should be placed inside or near the context element.

Wireframe : ressources gratuites Si vous n’utilisez pas de logiciels tels ceux de notre précédent article Wireframe et bien vous pouvez télécharger ces ressources et les imprimer, voire pour certains commander des cahiers entiers de wireframe de tablette par exemple. Mockup ! Les premiers sont des versions à imprimer/télécharger. Ensuite c’est des .psd, des kits ou autres à travailler dans Photoshop ou Illustrator. The Five Stages of Debugging In her previous post, the Cranky Product Manager unloaded on Code Boys & Grils who don’t fix their damn bugs. She dropped the eff bomb and everything. Indeed! This post is the flip side. The developer’s point of view when faced with a nasty bug. And it’s an extremely well-written piece by a Code Boy who is a reader of this humble and cantakerous blog.

Actions Emmet allows you to write large HTML code blocks at speed of light using well-known CSS selectors. But it’s not the only thing that every web-developer needs: occasionally you have to edit your HTML and CSS code to fix bugs and add new features. Emmet offers very unique tools that can greatly improve your editing experience: Expand Abbreviation Yep, this is the action that expands CSS-like abbreviations into HTML code.

google webfonts helper Choose Best Support if old browsers still need to be supported. Formats in this snippet: [eot,woff,woff2,ttf,svg] Click on code to select all statements, then copy/paste it into your own CSS file. Choose Modern Browsers if supporting old browsers is not relevant. Formats in this snippet: [woff,woff2]

Build a Style Guide Straight from Sass By Benjamin Robertson On Sass, style guide Last fall, our dev team wanted to get started with style guides. We had added a new member to the team, and as he was getting up to speed, we realized how lacking our project documentation was. If you've ever been a new developer on a team with weak documentation, you know how confusing it can be to try to familiarize yourself with a dozen projects without documentation. In deciding on a style guide method, we came up with two main requirements: Quotes about programming languages What computer scientists, authors and programmers think of popular programming languages. All languages "There are two ways of constructing a software design. One way is to make it so simple that there are obviously no deficiencies. And the other way is to make it so complicated that there are no obvious deficiencies."

Inspiring UI Wireframe Sketches Wireframes are the skeleton of an idea, and it is really interesting to observe how other people do their wireframes because we can get several ideas and insights for our own projects. There are many different approaches to wireframes, from detailing kinds of information you will display, to showing a range of functions available, or laying out the several scenarios you have in mind. Wireframes are a important step of the creating process. Today we gathered a few good examples of wireframe sketches to show you how other designers are developing their ideas. Wireframes are a great way to show your ideas for a project and to discuss it with other people involved in the process.

Related:  randomweb Design ToolsGenerateursWeb Design ToolsResourcesHTML Layouts