background preloader

Online JavaScript beautifier

Online JavaScript beautifier
Browser extensions and other uses: Written by Einar Lielmanis,, maintained and evolved by Liam Newman. We use the wonderful CodeMirror syntax highlighting editor, written by Marijn Haverbeke. Made with a great help of Jason Diamond, Patrick Hof, Nochum Sossonko, Andreas Schneider, Dave Vasilevsky, Vital Batmanov, Ron Baldwin, Gabriel Harrison, Chris J. Shull, Mathias Bynens, Vittorio Gambaletta, Stefano Sanfilippo and Daniel Stockman. Run the tests

Related:  HTMLropetightwebsiteweb designUtils

How to create an animated sticky header, with CSS3 and jQuery Trends come and trends go. The ones that stick around the longest do so because they solve a particular problem. A trend that’s popular right now for that very reason, is sticky elements; elements that behave normally until we scroll, and then maintain their presence on the page somehow. How to use another language pack on Windows 7 Home Premium and Professional If you own Windows 7 Professional or Windows 7 Home premium, you have probably discovered that you are unable to download and install another language pack from Windows Update site. First you will have to download the language pack for Windows 7. Since Windows 7 language packs are available via Windows Update as an optional update for Windows 7 Enterprise and Ultimate editions only, here is the list of 32-bit and 64-bit language packs available from Microsoft for manual download. After downloading the Windows 7 language packs, run the .EXE executable file to extract the .CAB language pack (LP) cabinet file.

Hover.css - A collection of CSS3 powered hover effects All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours. For best results, hover effects use a couple of "hacks" (undesirable but usually necessary lines of code). For more information on these hacks and whether you need them, please read the FAQ. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place. License

The offline cookbook - When AppCache arrived on the scene it gave us a couple of patterns to make content work offline. If those were the patterns you needed, congratulations, you won the AppCache lottery (the jackpot remains unclaimed), but the rest of us were left huddled in a corner rocking back & forth. With ServiceWorker (intro) we gave up trying to solve offline, and gave developers the moving parts to go solve it themselves. It gives you control over caching and how requests are handled. That means you get to create your own patterns. Let's take a look at a few possible patterns in isolation, but in practice you'll likely use many of them in tandem depending on URL & context.

Say Yo to Yeoman - Tuts+ Code Tutorial According to, "Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps." Let's dig in and see exactly what this means! A great deal of work goes into building web apps these days. There's countless libraries out there to use, patterns, styles, grids, boilerplates, bootstraps...the list goes on! Yeoman is an answer to some of these issues. a free jQuery slideshow by Pixedelic A simple slide This is the "simple anathomy" of a slide: Captions You can add a caption to the slide, just put a div with class "camera_caption" into the div above: <div data-src="images/image_1.jpg"><div class="camera_caption">The text of your caption</div></div> By adding one more class to the "camera_caption" div you can decide the effect of the caption.

PHP Login Form with Sessions Session variables are used to store individual client’s information on web server for later use, as web server does not know which client’s request to be respond because, HTTP address does not maintained state. This tutorial enables you to create sessions in PHP via Login form and web server respond according to his/her request. To Start a PHP Session: To Store values in PHP Session variable:

jQuery plugins for web typography jQuery plugins for awesome web typography Typography is a very important part of a website design. But it is also often neglected. In this article, I have compiled the most awesome jQuery plugin to take total control of your site typography. jQuery Cheatsheet Selectors Basics Hierarchy Basic Filters Creating a Mobile-First Responsive Web Design Introduction We're going to walk through how to create an adaptive web experience that's designed mobile-first. This article and demo will go over the following: There is even more up to date responsive guidance on our new Web Fundamentals site.

Google JavaScript Style Guide We follow the C++ formatting rules in spirit, with the following additional clarifications. Curly Braces Because of implicit semicolon insertion, always start your curly braces on the same line as whatever they're opening. For example: if (something) { // ... } else { // ... } Array and Object Initializers Replace the Image in an <img> with CSS The following is a guest post by Marcel Shields. Marcel in a difficult place where he needed to change the image on a page but didn't have access to the HTML. Rare, but I'm sure we've all be in weird situations like this.

Adipoli jQuery Image Hover Effects How To Use Enabling image hover effect is very simple. Place the below references inside your head tag. If you need image hover on an image with id ‘image1′, call adipoli plugin like this: <script> $('#image1').adipoli(); </script> Adding Options: Using PHP/MySQL with Google Maps - Google Maps API Ben Appleton, Google Geo TeamWith contributions from Lary Stucker, Maps API DeveloperApril 2007 This tutorial is intended for developers who are familiar with PHP/MySQL, and want to learn how to use Google Maps with a MySQL database. After completing this tutorial, you will have a Google Map based off a database of places. The map will differentiate between two types of places—restaurants and bars—by giving their markers distinguishing icons.

Related:  html codingjavascriptscan & analysing toolsTools onlinejavascriptJavascriptJavaScriptjavascript/JScript/JScript.NETZeroCodeJavaScriptjQueryJavascriptJavaScriptJavascriptjavascriptJavascriptJSFor webpageDoriane MouhéJavascriptJS