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.
Aloha,
Here is the code I want to use for my project.
http://desandro.github.com/3dtransforms/examples/carousel-02-dynamic.html
3D transforms by DeSandro.
My task is to make it close to fullscreen (for example for 1024x768 like 900x700) and make it resnponsive.
Questions would be:
1) Can it be done with bootstrap? I tried Bootstrap container/row/span but all of them just screw everything.
2) http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ I found this media queries. Are they enough for make it responsive? or there is never enough?
i tried to copy code to http://jsfiddle.net/ but it doesnot work there I guess
I think from your description its clear that you want a Jquery 3d responsive carousel...
So why using with bootstrap its of no use... Just attach a jquery plugin for your requirement..
Check out this plugin...
http://coolcarousels.frebsite.nl/c/51/
The responsive part here can be done by the use of media queries and their are many examples too you can choose from it...
Related
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 downloaded NIVO SLIDER and it's working perfectly but the problem is that i don't want the slider to resize.
// Detect Window Resize
$(window).resize(function() {
slider.children('img').width(slider.width());
sliderImg.attr('src', vars.currentImage.attr('src'));
sliderImg.stop().height('auto');
$('.nivo-slice').remove();
$('.nivo-box').remove();
});
I can recommend slider.js. This one seems pretty decent. Anyhow you have to style it using css to make that prev and next button to appear the way you want. Its no big deal actually.
You can use a pure css slider which looks quite need. But #Doan Cuong is right, that would have solved itself with a an easy google lookup
http://wowslider.com/de/css-slider-aqua-flip-demo.html
You may start with one of these jquery slider plugins:
http://www.tripwiremagazine.com/2013/03/jquery-slider.html
or these responsive ones:
http://webdesignledger.com/resources/8-responsive-jquery-slider-plugins
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.
Can this by done with CSS? I have multiple selections on a page and will be viewed on mobile, desktop to tablets. An easy way would just be to hide certain unnecessary elements when the page gets rezized. I know and I am also having the elements repositioned with with div blocks.
As the comments point out: using CSS media queries is your answer.
Here are a few links to great resources.
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://css-tricks.com/css-media-queries/
There are also available web frameworks to use, as well as differing philosophy on how to go about doing responsive web design.
http://stuffandnonsense.co.uk/projects/320andup/
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/
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/
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.