background preloader

CSS Compressor

CSS Compressor
Related:  Material

HTML Batch Validation Tool - WDG HTML/XHTML Validator Service The WDG HTML Validator will validate up to 100 pages from a single website if you check Validate Entire Site. Enter the URI of an HTML/XHTML document to validate in the form field below. HTML Batch Validation Tool WDG HTML/XHTML Validator Instructions When you enter the root level URI and check the Validate Entire Site box from the four options available above, the HTML validator will check linked pages at the root level and then additional linked pages at /child/ levels until it reaches its maximum of 100 URIs. If your website utilizes a /parent/child/child/ structure, you can enter the root level URI for the /parent/ or /child/ and the HTML validator will check only those linked pages contained in the /parent/ and /child/ directories. ...and the HTML validator will inspect linked documents in the /parent/ and any linked documents in /parent/child/.

jScrollPane - cross browser styleable scrollbars with jQuery and CSS jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant files in the head of your document all you need to to is call one javascript function to initialise the scrollpane. You can style the resultant scrollbars easily with CSS or choose from the existing themes. How to use It is very simple to use jScrollPane. Then you just need to initialise jScrollPane on document.ready (using a selector which will find the content you want to apply jScrollPane to): $(function() { $('.scroll-pane').jScrollPane(); }); There are plenty of different ways to use jScrollPane - either passing in different settings when you initialise it or by using the API. Download You can always find the latest code for jScrollPane on its github page.

HTML Compressor - Reduce the size of HTML, CSS, JavaScript, PHP and Smarty code. You need to enable JavaScript to use this website. Choosing the correct Code Type makes the compression of your code more safe and effective. Choosing the wrong option may lead to fewer optimizations or errors. There are 3 main groups, x/html, CSS and JavaScript. Select JavaScript when you want to compress just JavaScript code, as it would appear in an external.js file. If your JavaScript code contains PHP, ASP or Smarty server side code then select the respective option. note: JavaScript code contained between <script> and </script> tags is considered x/html with embedded JavaScript code. Select CSS when you want to compress just Cascading Style Sheets (CSS) code as it would appear in an external style.css file. CSS code contained between <style> and </style> tags is considered x/html with embedded CSS code. Select x/html for web documents that do not contain server side code, such as static web pages. Select x/html + PHP if you want to compress x/html containing PHP code. How to find out:

YUI Compressor According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). In terms of code minification, the most widely used tools to minify JavaScript code are Douglas Crockford's JSMIN, the Dojo compressor and Dean Edwards' Packer. The goal of JavaScript and CSS minification is always to preserve the operational qualities of the code while reducing its overall byte footprint (both in raw terms and after gzipping, as most JavaScript and CSS served from production web servers is gzipped as part of the HTTP protocol). Documentation: Detailed description of the YUI Compressor and how to use it. How does the YUI Compressor work? The YUI Compressor is written in Java (requires Java >= 1.4) and relies on Rhino to tokenize the source JavaScript file. Using the YUI Compressor from the command line

Free Website SEO Analysis Report | SEOzio Tool Warning: include(cake/bootstrap.php): failed to open stream: No such file or directory in /home/eyeflowc/public_html/seozio/webroot/index.php on line 76 Warning: include(cake/bootstrap.php): failed to open stream: No such file or directory in /home/eyeflowc/public_html/seozio/webroot/index.php on line 76 Warning: include(): Failed opening 'cake/bootstrap.php' for inclusion (include_path='/var/www/vhosts/') in /home/eyeflowc/public_html/seozio/webroot/index.php on line 76 Fatal error: CakePHP core could not be found.

Examples & Howtos List of Supported Filters This polyfill supports the filters grayscale, sepia, blur, invert, brightness and drop-shadow. Declarative or Programmatic Definition You can apply filters in a declarative way via stylesheets, or you can set them programmatically via JavaScript or jQuery. Embedded or External Stylesheets If you specify filters in a stylesheet, this stylesheet may be embedded or referenced externally. Animated Filters Most of the time filters will be static. Initialization of the Polyfill For the polyfill to initialize as quickly as possible, it either attachs itself do jQuery's $(document).ready, or you can offer it the contentLoaded library. Desktop Mobile

Link Building Strategies - The Complete List Remember how people say, "it's not about what you know, it's about who you know"? The same goes for the Web. Those relationships will turn into links, both in the short-term & the long-term. Just like with getting people to see you content, I realized a lot of the tactical ways to build relationships aren’t direct ways to get links, I decided to delete that section in this guide, and list all of them here instead. So here they are. Random acts of kindness - Whenever you can, be nice to people. Give a crap - Actually care about people. Participate - If someone is conducting a survey or testing something, get involved and participate. Local meetups - Whether you find one or start one, meetups are a fantastic way to get to know people close by. User group meetings - A great way to get to know people who think like you is by finding those who use the same products or services like you. Conferences - Seriously, go to them. Call them - Yep, I said it.

Tiny Scrollbar: A lightweight jQuery plugin Nonsense The chart shows how much lessons young people took in sports during 1999 sorted by sport and gender. The most popular sport for boys was football with 67 lessons. The diagram shows the evolution of the horse over a period of 40 million years. The table shows where students got there money from over a ten year period in the United Kingdom. These days sporting champions are more motivated by fame and money. The diagram shows the process of how to do a research. Majestic SEO : Backlink Checker & Site Explorer Best Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. One way to reduce the number of components in the page is to simplify the page's design. Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script, and similarly combining all CSS into a single stylesheet. CSS Sprites are the preferred method for reducing the number of image requests. Image maps combine multiple images into a single image. Inline images use the data: URL scheme to embed the image data in the actual page. Reducing the number of HTTP requests in your page is the place to start. top | discuss this rule Use a Content Delivery Network tag: server The user's proximity to your web server has an impact on response times. top | discuss this rule top | discuss this rule tag: css

The 2013 SEO Checklist | ClickMinded At ClickMinded, your favorite SEO training course, every time we start a new site, we use this SEO checklist to take names and kick ass. There are a number of things you should be doing every time you create a new page. This list covers the most important ones. How to use This SEO checklist, and on-page optimization in general, is best thought about as incrementally beneficial. Try to do as many as you can – but the vast majority of people aren’t able to get everything. Install Google Analytics Why should you do this? Google Analytics is the most widely used web analytics tool in the world. For SEO, you’ll be able to track things like how much traffic you’re getting from search engines, which pages are getting the most organic traffic, what’s the bounce rate, along with many other important metrics. Resources: Set Up Google Search Console Focusing on the US? This is the equivalent to Google’s Search Console for Microsoft’s search engine. Bing Webmaster ToolsUsing WordPress? Using WordPress?

FooTable FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them. What Does It Do? FooTable transforms your HTML tables into expandable responsive tables. This is how it works: It hides certain columns of data at different resolutions (we call these breakpoints). So simple! Demos Download Get the source from Github , or you can download it direct. Config via Data Attributes One of the main goals of FooTable was to make it completely configurable via data attributes inside the table. <table class="footable"><thead><tr><th data-class="expand"> First Name </th><th> Last Name </th><th data-hide="phone,tablet"> Job Title </th><th data-hide="phone,tablet"> DOB </th><th data-hide="phone"> Status </th></tr></thead> So you can immediately see that certain columns will be hidden on phones and tablets. Breakpoints We work with the concepts of “breakpoints”, which are different device widths we care about. Usage Thanks

UglifyJS — JavaScript parser, compressor, minifier written in JS UglifyJS is a JavaScript compressor/minifier written in JavaScript. It also contains tools that allow one to automate working with JavaScript code: A parser which produces an abstract syntax tree (AST) from JavaScript code. A code generator which outputs JavaScript code from an AST, also providing the option to get a source map. All the above utilities and APIs are defined in ~6500 lines of code (except for the effective generation of the source-map, which is handled by the source-map module). These pages document the internals of UglifyJS. Installing (for NodeJS) You can install UglifyJS from NPM: npm install uglify-js but you can also use the Git repository if you feel adventurous: git clone cd UglifyJS2 npm link . Building for the browser Once you installed it for NodeJS, UglifyJS2 provides a quick way to build itself for the browser: uglifyjs --self -c -m -o /tmp/uglifyjs.js Exported API Stats