Export area as image in html [closed] - html

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I have an html page with an area designed using css. I'm looking for suggestions if we can export an html area as an image.
Any help is much appreciated.

Well I think you want to take a screenshot of a particular portion or elements in your web page. If that is the case, it is not possible with just CSS and you need JavaScript.
Google is doing this in Google+ and a talented developer reverse engineered it and produced http://html2canvas.hertzen.com/ . To work in IE you'll need a canvas support library such as http://excanvas.sourceforge.net/

Take a screenshot using your preferred software. GIMP is free and capable.
If that software gave you a full screen screenshot (rather then a region), use an image editor to crop it.

http://cutycapt.sourceforge.net/
http://iecapt.sourceforge.net/
http://www.websitescreenshots.com/
http://www.princexml.com/
http://khtml2png.sourceforge.net/
http://linkpeek.com/

Related

What is the name of this technique? [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
Here is the link: http://codepen.io/uniZero/pen/fvkjJ
I tried to Google "fixed image backgrounds" or something similar but the result is not the same beautiful webpage with multiple backgrounds that are changing when users are scrolling the site.
I'd appreciate if someone can point me into the right direction so I can explore more and learn how to make something similar?
What are the pro and cons for such type of websites???
Thank you all in advance :)
Actually, the backgrounds are not "fixed". What's fixed is the <header>.
This technique is called as... ta-da! Fixed headers. Or, when you are using Twitter Bootstrap, they call this "Fixed Navbar" - and it's a very common component in websites using it.
The key of these is just setting an position: fixed (as you may have noticed), and a possible z-index value, so it's always on top.

css rules for mobile website handling [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
The problem for mobile website is when the screen is landscape, it is widescreen, however, when the screen rotate and change to potartiat, it will become less wider and the CSS rules should be different in order to keep element display consistently. Therefore, I would like to know are there anyway to set when the landscape use landscape.css, when potarait use the potariat .css . Or I need to specific the css once $(window).resize{}? What is the standard way to handle the difference ? Thanks.
There is no silver bullet, what you should do depends on your website. Apple has some good documentation describing various approaches:
http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html
Also have a look at Bootstap, which is an open framework created by Twitter to make things easier. http://twitter.github.com/bootstrap/

Does Tiki Wiki CMS has some particular requirements when it comes to bulding templates? [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
I have to slice a psd and construct a first version template of a future Tiki Wiki CMS web application. Are there some particular features which has to be taken into consideration?
By "features" you mean features of the Tiki CMS ? As there are many parts to be styled I always start "from scratch" with empty CSS (see styles/empty.css) and import the layout base, then I add my own styling or overrides (sometimes you need !important to override). Otherwise there is nothing more difficult than with any other HTML site or CMS. You just need Firebug (or simmilar add-on) installed in your browser to inspect the code for CSS classes and ids to be styled, which is very helpful.
luci

How do I convert an existing static HTML website to Joomla? [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I have a huge problem with converting my pre-existing HTML based webpage into Joomla.
I have tried for the last 36hours to figure out how this Cms works, and it all seems to be a waste of time. I wonder if there is any quicker solution in my case? Or do I have to adapt my entire content and rewrite big chunks of code? It doesnt seem to be any easy way to just add the HTML i have and just work with what i already have. I am really content with my webpage as it is, all I want is to publish it and enable some login panel for admins and lower level admins...
Some guidance here thanks
Turn off the editor (edit your profile and set editor to none) and then create an article for each html page by just pasting in the html (but not the head or the body tags).
Have you looked at the beginner materials?
http://docs.joomla.org/Beginners

Animating with html5 [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I saw this great dynamic image website which got me curious on actual development. My plan is to create a friendly more dynamic animation on the left and right margin of the browser giving it more flavor or life. I am a complete beginner but I am willing to learn. So what would I need to create animations like as seen on link and are there any good tutorials to do this.
You can write raw code for HTML5 canvas or alternatively use a third party app like Adobe Edge.
http://labs.adobe.com/technologies/edge/
Also check out CSS3 animations
http://webdesignerwall.com/trends/47-amazing-css3-animation-demos
Or a Javascript animation library like Alice.js
http://blackberry.github.com/Alice/
What you want to learn is HTML5 with Canvas.
Essentially W3 is trying to replace flash with this feature.