background preloader

Plunker

Plunker

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

Can I use... Support tables for HTML5, CSS3, etc 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 ?

❍ IcoMoon IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. IcoMoon is created and maintained by Keyamoon and it is currently operating under Roonas. Need to contact us?

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?

Pricing Community Unlimited public projects and unlimited developers 1 shared builder queue and 1 shared runner queue Commercial For companies and organizations $399 / year Personal For individual developers $149 / year Academic For institutions, teachers, and students Classroom For educational institutions, trainers, and classes Open Source For open source projects Unlimited private projects Unlimited public projects 1 Dedicated builder queue 1 Dedicated runner queue Unlimited developers Additional Queue Includes 1 builder and 1 runner for more power $499 / queue / year Organizational Add-On Multiple admins , team profiles and dashboards $999 / org / year All Premium Subscriptions Always Include: FREE Hosting No Set-up Fee Project Templates Premium Support Codenvy SDK Premium plan guarantees: Powerful grid architecture Load balancing 99.9% uptime Unlimited bandwidth Unlimited storage No advertisements Codenvy Enterprise Private installation on your own hardware or IaaS Codenvy ISV What is a workspace?

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.

HTML5 Please - Use the new and shiny responsibly HTML5test - How well does your browser support HTML5? Sauce Labs: Mobile and Web App Testing Tools For Developers lihaoyi/scala.rx

Related: