Live Tools - Form Builder Form Container Form Title Corner Roundness Border Thickness Highlights & Shadows Container Colors Form Fields Field Titles Field Colors Button Settings Highlights The Ui Store is packed with tons of Ui tools, premium quality design resources and other cool Ui design goodies. <form class="form-container"> <div class="form-title"><h2>Sign up</h2></div> <div class="form-title">Name</div> <input class="form-field" type="text" name="firstname" /><br /> <div class="form-title">Email</div> <input class="form-field" type="text" name="email" /><br /> <div class="submit-container"> <input class="submit-button" type="submit" value="Submit" /> </div> </form>
Raccourcis Photoshop (mac et pc) « Blog Tuto On s’est dit que ça vous ferait plaisir.. Un joli et joyeux regroupement, de ce qui nous semble être les raccourcis clavier Photoshop les plus importants. Un peu manuel d’utilisation, aussi, qui assume pleinement le rose ; cette couleur à travers laquelle vous allez, désormais, voir votre life ! De quoi gagner en efficacité, en confort d’utilisation et en dextérité. N.B. Raccourcis Photoshop Pc Raccourcis Photoshop Mac
Beautiful Examples of Flat Icons Design Flat Design is one of the newest approaches in web design, aiming for simplicity and powerful visual impact and using shapes as patterns and backgrounds. Microsoft’s Metro user interface is probably the most popular Flat Design example. We already discussed the Flat Design approach in-depth, and we did it for quite some time now. Most of you know Designmodo promotes Flat Design with proudness and designers its own framework according to the Flat Design principles. Responsive Icon This icon can be used to mark themes and layouts which are responsive and fit every device perfectly. Calendar and Night Icon There are two icons here: there is the calendar icon, which in my opinion is the result of some amazing work, and a more abstract icon, which could be used for activating a “sleep mode” for example. Mail Icon This is actually a great icon created by us at Designmodo and can be used for any mail purposes. Iconex Misc. This pack has four vector items. Flat Design Icons Set Vol. 1 Two Flat Icons
Web4all - En route pour le housing ! hij1nx/levelweb Comment rédiger les mentions légales de son site ? Bien que les mentions légales soient obligatoires on ne sait pas toujours quoi y mettre exactement. Elles font partie néanmoins des incontournables d’un site internet et nécessitent que l’on se penche un peu sur ce contenu. Responsable de publication, hébergement, CNIL… : petit guide d’écriture des mentions légales… Les mentions légales, kezako ? Les mentions légales sont des informations concernant un site internet que l’éditeur soit une personne physique ou morale, et qu’il s’agisse d’un site personnel ou professionnel. Elles ont été rendues obligatoires par la loi pour la confiance dans l’économie numérique (LCEN) de juin 2004. Mais au-delà de l’aspect législatif les mentions légales sont également une sécurité pour les internautes car vous leur assurez une certaine transparence et instaurez un climat de confiance. Si les mentions légales sont obligatoires, il existe donc des risques si elles ne sont pas clairement présentes sur votre site. Que doivent comporter les mentions légales ?
Fresh Resources for Designers and Developers – April 2013 We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers and developers. In this round, we have some great tools for you to facilitate your work — from a tool that allows you to create customized grid paper for sketching or wireframing to one that aid optimizing your webpage load. Paperkit If sketching and wireframing is what you always do before Photoshop(ing), then you need this tool, Paperkit. Then you can download it in PDF format for printing. Web Development Estimator As a freelance worker, your client will certainly request your service pricing rate. One of the limits of this tool, however, is that it only supports Dollar, Pounds, Yen, and Euro for the currency symbol. Lorem Pixel Lorem Pixel is a tool to generate a dummy image for you to design prototypes, both for Print and Web. All in all, it’s a great tool to complement its sibling Lorem Ipsum, worth bookmarking. Antwort SassMe
DevTools Extensions For Web App Developers The past year has seen many leaps made to improve developer productivity through better tooling. We're paying increasing attention to our workflow and many of us have spent time optimising our usage of tools like Grunt, Bower, Yeoman and the terminal. Another important area worth spending time on is your debugging workflow – if you're like me, this starts with the Chrome DevTools. In this post, I'll share a quick summary of the latest developments in this area, ranging from the recent Ember extension Yehuda Katz presented at EmberCamp through to less well known extensions for Backbone and KnockoutJS developers. Note: Canary DevTools disables icons in the toolbar by default, but I've re-enabled them via the Settings cog to aid with visualisation. Ember Inspector Released as a preview on GitHub.Install via git clone from Yehuda KatzAdditional tooling: Ember Tools Backbone DevTools Angular Batarang Thorax Inspector KnockoutJS Context Tincr
Un contrôle plus fin des césures avec CSS4 Text Cet article a 1 année. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 5 521 fois. On va parler un peu mise en page et typographie aujourd’hui, avec une traduction de l’article de David Storey (en) sur le contrôle des césures grâce aux apports de CSS level 4. NdT Pour ceux qui se demandent encore à quoi correspondent les césures, rendez-vous sur cet article de typographisme. Les expressions suivantes reprennent celles de l’auteur, ainsi lorsque des pronoms possessifs apparaissent, il s’agit bien du travail de l’auteur, non du mien. CSS3 Text offre la possibilité de mettre en place une césure du texte par le biais de la propriété hyphens. Application classique de la césure Beaucoup d’entre vous êtes probablement informés de l’utilité de la propriété hyphens. Aussi, n’oubliez pas de choisir la langue (en utilisant l’attribut lang ou xml:lang) de sorte que le navigateur sache quelles sont les règles de césure à utiliser. Les problèmes avec la césure
Robomongo — shell-centric MongoDB management tool 3D Transforms & More CSS3 Goodies Arrive in GSAP JS GSAP's CSSPlugin is now super-charged to handle some slick new CSS3 properties like 3D transforms, boxShadow, textShadow, borderRadius and clip. Plus you don't need to worry about a litany of vendor prefixes. GSAP makes it easy to create next-generation effects today. [Note: the animation below is NOT a video - it's regular DOM elements being animated with GSAP. 3D transforms textShadow boxShadow borderRadius clip -moz- -o- -webkit- -ms- -no-more- These features work in virtually all modern-day browsers (see caniuse.com for details about browser support for each feature). 3D Transforms Browser support: GOOD (Chrome 12, Safari 4, Firefox 10, IE 10, iOS 3.2, Android 3.0) see details GSAP makes it a breeze to create amazing 3D effects. In order to get the most out of these 3D properties, it's important to understand how perspective and transformPerspective work. no transformPerspective No visual distortion at all. transformPerspective:600 With a higher value the 3D effect is less pronounced. clip
jQuery UI