background preloader

Plunker

Plunker

Free Mercurial and Git Client for Windows and Mac | Atlassian SourceTree 40 Free And Useful Online Generators For Web Designers Here, we have gathered 40 useful Online Generators to speed up your work. With these CSS Generators, you do not have to learn all the coding of CSS and CSS3, besides this it also makes your work easy because learning all hand written codes of CSS and CSS3 is not an easy task. With these useful generators, you can also create professionally written codes for your future projects. CSS3 codes are different for different browsers; however, we hope that you will find this collection and these CSS generators helpful for you. Let us have a look at this collection and enjoy! Stripemania Stripemania is a simple and free web 2.0 tool to create seamless diagonal stripes for your designs. ColoRotate Edit color palettes with a few taps of your fingers. Tabs Generator Tweak size, colors, corners and more, generate your design, then download and use in your css style sheet. CSS3 Gradient Generator v2.0 The CSS3 Gradient Generator is a showcase for the power of CSS gradients. CSS3 Generator BgPatterns Faary

12 superbes ressources HTML / CSS / JS réalisées sur CodePen CodePen est un formidable outil qui regroupe de nombreuses ressources pour développeurs, intégrateurs et webdesigners qui sont en quête d’inspiration. À l’image des vagues du web, Megaptery vous propose une sélection de 12 superbes ressources réalisées sur CodePen. CodePen, c’est quoi ? Conçu par Chris Coyier (créateur de CSS-Tricks), CodePen est un éditeur de code en ligne (tout comme jsFiddle et CSSDeck) composée de 4 vues distinctes : le HTML, le CSS, le JavaScript, et une zone de prévisualisation « en live » permettant de partager facilement des travaux avec d’autres développeurs, qui peuvent à leur tour les éditer et les améliorer. Vous l’aurez compris, CodePen est une véritable mine d’or de ressources front-end. Voici une sélection de 12 réalisations HTML / CSS / JS de qualité accompagnées d’une brêve description. CSS circular reveal Description : un effet original d’apparition d’une image au rollover de façon circulaire. Color Wheel Manette NES 3D

Goodbye, Zen Coding. Hello, Emmet! Advertisement Back in 2009, Sergey Chikuyonok wrote an article1 to present a new way of writing HTML and CSS code. This revolutionary plugin, called Zen Coding, has helped many developers through the years and has now reached a new level. Emmet2, previously known as Zen Coding, is the most productive and time-saving text-editor plugin you will ever see. By instantly expanding simple abbreviations into complex code snippets, Emmet can turn you into a more productive developer. For those who prefer to watch instead of read, here is a summary of my favorite tricks. How Does It Work? Let’s face it: writing HTML code takes time, with all of those tags, attributes, quotes, braces, etc. HTML Abbreviations Initializers Getting started with a new HTML document takes less than a second now. html:5 or ! Easily Add Classes, IDs, Text and Attributes Because Emmet’s syntax for describing elements is similar to CSS selectors, getting used to it is very easy. Also, you can combine classes and IDs. Nesting

Stripe Generator - ajax diagonal stripes background designer Web Après plusieurs mois de travail intense, la plateforme technique qui supporte MDN vient de changer. Originellement basée sur la solution DekiWiki de la société MindTouch, la documentation de Mozilla vient de passer sous une solution 100% maison : Kuma. Kuma est un projet codé à l’aide de Python/Django et est directement inspiré de la plateforme qui supporte déjà SUMO (le support utilisateur de Firefox) connu sous le nom de Kitsune. Comme tous les projets Mozilla, Kuma est 100% open source. Le code est disponible sur GitHub et vous êtes largement invité à proposer patches et fixes si vous en avez envie Le principal intérêt pour MDN de passer sur une plateforme ouverte et développée par Mozilla est simple : Pouvoir maîtriser les évolutions à apporter à la plateforme pour garantir la meilleure expérience utilisateur possible sur MDN. Quoi de neuf ? Si la plateforme, très jeune, souffre encore de quelques bugs en cours de résolution, les premières améliorations sont déjà visibles. Et après ?

Emmet — the essential toolkit for web-developers Online Editors: The Best Online Real-Time HTML Editors Internet Has To Offer By Umar Anjum on November 15, 2010 The Best Online Real-Time HTML Editors Internet Has To Offer Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. HTML Editor is a software application which is used to create web pages and websites for the internet. HTML Instant HTML Instant is a free to use online HTML editor which can be used to create and modify HTML content over the web. Real-time HTML Editor One of the simplest yet most useful online HTML editors, Real-time HTML Editor provides users with a simple way to manage their HTML code online. TimsFreeStuff HTML Editor This real time HTML editor solves the problem of continuously switching between browser windows and provides a live show of what HTML code would look like in a separate preview pane. Online HTML Editor If you guys know more tools that will be useful for the readers feel free to leave links in the comment box below and we will try to review them asap.

Tavmjong Bah's Blog | A blog about Inkscape, SVG, and other worldly matters… The SVG Working Group had a four day face-to-face meeting in Sydney this month. Like last year, the first day was a joint meeting with the CSS Working Group. I would like to thank all the people that donated to Inkscape’s SVG Standards Work fund as well as to the Inkscape general fund that made my attendance possible. Joint CSS and SVG Meeting Minutes CSS Stroke and Fill Specification The CSS working group would like to allow the use of the SVG ‘stroke’ and ‘fill’ properties on CSS text as well as other places in CSS (e.g. box border). Text Issues Next we covered a whole slew of text issues I raised dealing with flowed text in SVG. Strategy for using CSS in SVG for wrapping The first issue was to agree on how SVG and CSS are related. The CSS/HTML code: The result: Wrapped text in HTML. The CSS/SVG code: Wrapped text in SVG 2. It was pointed out at a discussion on Day 2, that the use of ‘shape-outside’ in SVG was not consistent with the CSS model. How is the first line placed in a wrapped shape?

TopStyle 5 - HTML5 & CSS3 Editor Reading local files in JavaScript Introduction HTML5 finally provides a standard way to interact with local files, via the File API specification. As example of its capabilities, the File API could be used to create a thumbnail preview of images as they're being sent to the server, or allow an app to save a file reference while the user is offline. The spec provides several interfaces for accessing files from a 'local' filesystem: File - an individual file; provides readonly information such as name, file size, mimetype, and a reference to the file handle. When used in conjunction with the above data structures, the FileReader interface can be used to asynchronously read a file through familiar JavaScript event handling. Selecting files The first thing to do is check that your browser fully supports the File API: // Check for the various File API support.if (window.File && window.FileReader && window.FileList && window.Blob) { // Great success! Using form input for selecting Example: Using form input for selecting.

the stack built to scale featuring Scala, Akka and Play HTML5test - How well does your browser support HTML5? Play Framework - Build Modern & Scalable Web Apps with Java and Scala

Related: