JoniGiuro
-
AnythingSlider - different border on each slide
it works if you set border-bottom: 5px solid red; box-sizing: border-box; to each of the panels (maybe by giving them another class or an id) not sure about compatibility, though. Someone else might have a better solution
-
jquery navigation
Question to everyone: writing this pen I found myself doing something I do quite often but I'm not sure it's the best was: to select an element from an array of jquery elements I do: $($('.loader')[5])//where 5 is the index of t…
-
jquery navigation
I've done something similar here: http://codepen.io/anon/pen/jkumD
-
Horizontally Scrolling Gallery
Give a look at this experiment I did a couple of weeks ago: http://zhereicome.com/experiments/statics/myascensor It's not exactly what you're looking for but it is easily customizable. If you're interested download it from: https:/…
-
AnythingSlider - different border on each slide
I think we need a link to your page to see the problem and help you out
-
Stop playing video when its in hidden
Another solution would be to download the videos and put them on your site using the html5 video player. That way you could just use video.pause() - but it would run on modern browsers only.
-
Stop playing video when its in hidden
have you read this? http://developer.vimeo.com/player/js-api
-
Script Selecting Everything
or this (looks a bit more readable to me) $('.case-study').hover( function () { $(this).find('.box').slideDown(300); }, function () { $('.box').slideUp(300); });
-
Slideshow/Carousel mark up (responsive)
It's a good thing you really care that much about semantic html, but honestly, here I would just put all the images first, then all the heading and in the end all the paragraphs.. I'm interested in this topic and hope someone else will sh…
-
AnythingSlider implementation.
Under each demo there's an accordion with the html and css sources. Take a look at those
-
AnythingSlider implementation.
this might help: http://css-tricks.com/examples/AnythingSlider/demos.html#&panel1-1&panel2-1&panel3-1
-
Putting programming into practise
Just do what you want! A couple of years ago I had an internship as a back end developer (and I knew nothing about it). The first day they gave me a book and told me learn: "Ruby and the Rails framework". So I started creating my own proje…
-
OOCSS and the issue of icons and hover states
"So, that leaves us with putting a class on the ancestor object that the icon can "listen" to, so..." this is how I usually roll. I think it's the best solution
-
Animate swap of divs layers
I would animate it to the right, change z-index and then animate it back to the left. $('.box').animate({'left':500}, 500, function() { $(this).css('z-index',100) }); $('.box').animate{'left':0…
-
Magic Line navigation sliding triangle
http://jsfiddle.net/jonigiuro/bvwMX/2/ this was the problem: mainnav ul li:hover, #mainnav ul li.iehover{ position:relative; } Remove this css rule and it'll work. Also, this: $(".group li").find("a") can be written…
-
Designing a Wordpress Theme to look good on a Ipad
It doesn't float because there's no room for it to float. You should give a fixed width to the container. Anyway, as watson said: avoid horizontal scroll. You might want to re-think that site
-
Appending A Data-Icon To An External Link With CSS3
with this snippet you get a list of all the links that don't contain the same domain as the page you're currently on: var host = window.location.host; $('a').each(function(e){ var curLink = $(this); var curLinkHref = curLink.att…
-
Setting a Div height to the window viewport size
you don't need to add " +'px' " with jquery. default is pixels
-
My CSS3 Slideshow doesn't work on IE and Opera but works on Chrome & Firefox
this could be an option: http://modernizr.com/
-
Gap between Nav bar and top of page
try this in your html: i usually use a reset.css that might help in these case: http://meyerweb.com/eric/tools/css/reset/
-
Images preloader
the link to the loader script http://www.zhereicome.com/experiments/statics/myascensor/js/loader.js
-
jQuery intermittent loading?
I still see this error in the console: Uncaught TypeError: Object [object Object] has no method 'datepicker' I think this might be the problem. The error stops javascript and the slider doesn't load.. I don't know where this co…
-
Images preloader
Ok, I solved it on my own with some hard work. If someone's interested, here's the link: http://zhereicome.com/experiments/statics/myascensor
-
Problem with two unordered lists
if you have this: you have to use $('ul#packages') to target it (no space) also in the css ul#packages{} ul#packages > li{}
-
Inspect Element-Saving Changes
@carlojohn open up the inspector, click on the code and presso ctrl+F (on windows) or cmd+F (on mac)
-
Images preloader
my script: nImages = $('.slide').length; loadedImgs = 0; var bgImages = ['img/bbb.png','img/bbb2.png']; $('.slide').each(function(i){ var curSlide = $(this); var img = new Image(); img.src = bgIm…
-
Smooth scroll div alignment on single page site.
I think the problem might be that you're getting the top() for funding-areas, about-us and our-projects on document ready and maybe those elements are not yet completely loaded and resized. I'd try to move the three variable declarations i…