background preloader

CSS

Facebook Twitter

VT View Source. This application can be used to view the HTML, CSS, JavaScript or XML sources of webpages and remotely located files.

VT View Source

It supports different syntax highlighting themes, adjustable colors, line numbers, text wrapping, in-source active links, mobile and desktop browser modes and other features. The source code can be opened by typing the URL address or using "Share page" functionality of device browser (native Android browser, Opera Mobile, Dolphin, Chrome, Firefox, etc.). VT View Source is free with no ads. Please see the feature list below for details. Option 1: Browse for the webpage in your favorite phone browser, then select "Share page" command from your browser's menu and tap on "VT View Source" in the list of applications you can share the link with.

Option 2: You can also use application by specifying the URL address directly. View (X)HTML, XML, CSS and JavaScript sources. Read this before rating negative. If you meet problems using this app, please inform me details. Html - How do I view source in the Android browser? You can capture the source to your shell or to a text file if you're using an emulator, which is very handy for development.

html - How do I view source in the Android browser?

To do this you'll need to install Android Developer Tools, which comes with adb. Fire up your emulator then from your OS's shell run the command: adb logcat browser:V *:S This will output anything from the browser app on your emulator and suppress any other log messages. From there any javascript console.log commands will be captured by adb and output for you to view. $(document).ready(function(){console.log($('html').html())}); Debugging a Web App on Android. Learn how to debug your web app on any Android device with the help of these tools and techniques.

Debugging a Web App on Android

Here I list the common problems and free tools to use in your day-to-day mobile web work. The problem Android is a wonderful platform for developers. It offers almost limitless flexibility and given enough time, a skilled developer can create or enhance smartphone experiences like never before. That being said, it had a rough start and web developers still struggle with those early mistakes.

Tools available These days, web developers don't have to worry about supporting what is considered ancient devices running older versions of Android, so some things have definitely gotten better. How to position a page within an iframe using CSS. View topic - Displaying part of an external web page. Positioning Elements » Best Practices Web Design. Looking for the lessons?

Positioning Elements » Best Practices Web Design

Get started! Positioning elements for page layouts. The entire Web Design Principles section can be accessed through the menu below. Unfortunately, not everyone's browser will support the spiffy JavaScript menu behind that innocent-looking button. If your browser won't display the menu, just click on the button and you'll be taken to a separate page with the entire menu displayed in clear, non-JavaScript HTML. Position is nine-tenths of the law. — Maggie Tuck Positioning elements in an HTML page is usually done through the CSS stylesheet. The key to understanding positioning is understanding the box model of Web design layout.

More about block and inline elements. If you haven't read the page above, you might go back and look it over before moving forward on this page. Measure width and height of any web page elements. Jquery - iframe to Only Show a Certain Part of the Page. iFrame: How to show specific part of a webpage using iframe.

Someone ask me “how can i display a specific area of a website using iframe ?”

iFrame: How to show specific part of a webpage using iframe

So today I’m going to show a way to display specific area/portion of a webpage using iframe tag. Iframing an external webpage is not so tough. We just need a little knowledge about basic HTML and CSS to do that. iFrame: how to display specific area of external website - HTML / CSS. I want to display a specific area of an external website using iFrames.

iFrame: how to display specific area of external website - HTML / CSS

A year ago I created such code successfully, but lost this code due to a crashed computer. Googling for any solutions did not help me so far. CodePen Embed. Clip-path. The clip-path property in CSS allows you to specify a specific region of an element to display, rather than showing the complete area.

clip-path

There used to be a clip property, but note that is deprecated. The most common use case would be an image, but it's not limited to that. Applying SVG Effects To HTML Content. Introduction.

Applying SVG Effects To HTML Content

Print Only Part of Web Page. A client wanted a button to print the calculator on a web page; but only the calculator, not the button and not the rest of the page.

Print Only Part of Web Page

I'll describe how it was done so you can do it, too. Live Demonstration The calculator is the Rotary Valve Model Calculator I previously created for the client. (That link is to the calculator, which serves as the live demonstration for this article.) Here's an image of the calculator, the one you'll find at the above demonstration link. The calculator is for use by dry flow material engineers (think flour, sand, dust, material that flows but isn't liquid). Many Ways To Use the IFRAME Tag. Once, while I was surfing around, wasting time, I came upon a site with links like, paraphrased, "Rotate content in an IFRAME" and "Display different content every day in an IFRAME.

Many Ways To Use the IFRAME Tag

" It gave rise to a surge of ideas about ways to use the IFRAME tag. For example, a comment/feedback form could be in an IFRAME. OU Campus Support. Overview Script code blocks may be safely inserted into an editable region using CodeProtect. These script code blocks are represented in the editor interface by a red question mark icon. This icon is shown in the figure below: CodeProtect regions may be inserted or edited by clicking on the CodeProtect button in the toolbar. This opens the CodeProtect editor window. Whether creating a new CodeProtect region or editing a new one, code blocks are entered into the CodeProtect window, as shown in the following figure:

Adding a Google Map to your website   Introduction. How to position a page within an iframe using CSS.