srig99
-
Slide Up upon clicking on another item?
@wragen22 Sorry for the late reply. I tried searching the transition that you provided but it is non-existent (atleast for the h1's). However, I did find them in the following selector: .main-nav a:hover. I added comments to the code I original…
-
Slide Up upon clicking on another item?
@wragen22 To have only one article shown at a time, you need to close all the other articles before opening the one the user clicked on. Here's an example to help you: http://codepen.io/srig99/full/ajqlp. Also, I don't quite understand you…
-
What front-end framework?
For a CSS framework, I would suggest Kube as it's an awesome and responsive grid framework. Or you could use 960gs (another grid layout stylesheet). For JS, I would suggest jQuery and CoffeeScript (Note that the latter is a preprocessor that g…
-
Font change with javascript?
Yeah just like @TheDoc said, I would use classes and change them with JavaScript every 5 seconds using the setInterval() method. Here's the API for the setInterval() method: https://developer.mozilla.org/en-US/docs/DOM/window.setInterval.
-
add a javascript variable as a class
I would suggest making a CodePen just like @CrocoDillon said, but are you sure that geoplugin_countrycode() returns a string? If not, then that might be your problem because you need to pass in a string for the addClass() method. I'm pretty sur…
-
Replace Entire divs with Jvascript
@Jarolin After looking at your site, I noticed that you are using a separate JS function to update the ribbon for every button in the navigation bar. This is highly inefficient and it can be done with one function/event in JS. I whipped up a pen for…
-
Contact Information Hover Effect
Thank you so much @dfogge and @JohnMotylJr!
-
Setting image width 100% not working.
I noticed that you have .div in the jQuery version but just div in the CSS version. Is this intentional? Did you make a class name called div (I don't even think that's possible). I think that's your problem...
-
Opinion on Site
@thesocialdiner I love the "Surf" ribbon, but sometimes, it's a bit annoying to have it pop open everytime (or atleast 90% of the time) the user tries to access the top of the scrollbar (in the "Locations" page and "Gua…
-
clear: both; not working?
@ufo973 Why don't you just set it up like this: http://codepen.io/srig99/pen/vwqsb? Absolute positioning can be painful to go through. Try simplifying it like the previous pen. If this is a requirement, then let me know and I'll look furth…
-
Change font-style when user starts typing
@chrisburton I think this gets it done: http://codepen.io/srig99/pen/xoyuz. Is that what you wanted? Or did you want to change the font-style only when there is text inside the input box?
-
Alert, or Message or Something to tell user to scroll for more
@thesocialdiner Sure thing! Let me know if you need anything else!
-
Alert, or Message or Something to tell user to scroll for more
@thesocialdiner Perhaps you can use a standard JavaScript popup, but that would be ugly in terms of looks (maybe you disagree). A solution I would go for is to make a message div appear (using jQuery or standard JavaScript events) when the user hove…
-
How do you prevent pages of your website from appearing on search engines?
@Jarolin This might be useful: http://yoast.com/prevent-site-being-indexed/.
-
horizontal and vertical menu in same page css problem
Here @rahiem: http://codepen.io/srig99/pen/vCBkl. Tell me if you find this useful! Let me know if you need anything else!
-
Color palette inspiration and creator?
@Rugg These are some I use: Color Scheme Designer DeGraeve Image Color Palette Generator Colllor GenerateIt Color Schemes Let me know if you need any more!
-
More than one way to do CSS and html, which is best?
Anytime @jansentina! Let me know if you need any more help!
-
More than one way to do CSS and html, which is best?
@jansentina This might be of use: https://developer.mozilla.org/en-US/docs/HTML/Element/Input.
-
Traditional vs CMS site?
@chrisburton Hey, that screenshot is really cool! I love the slick and clean design for the panel interface! Is that Kirby?
-
SlideToggle info like google-images - FIXED
@cparliaros Do you have any code you can show us? Perhaps a CodePen link or a JSFiddle? Also, judging from what you told us, you can use jQuery to handle click events to the container that holds the movie pictures. Then, you can call a function whe…
-
document.write to a specific id
Here's a simple fiddle that I made for appending some text to a div with an id: http://jsfiddle.net/LJdWc/. Please let me know if you need anything further!
-
A Guide To Using CodePen - Help Us Help You.
@eran1 Well, I got this from their website's help page (http://imgur.com/help/uploading): The maximum non-animated file size you can upload is 10MB. If the image is over 1MB, however, it will be automatically compressed to 1MB for better vi…
-
Social media icons disappear!
@jcporter Why don't you manually add them in? I haven't worked with Joomla! in the past, but it might be the reason why they are disappearing.
-
Row Headers
@sj1208 Without adding the HTML, we can't see the problem you are having. Can you please update the pen with the necessary HTML so we can identify your problem?
-
Need help achieving an image scroll effect!
@Jochim I can't seem to find the "little kid," although I think this may help you: http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/.
-
What is the difference between SASS and CSS?
@Jarolin Well, SASS is just a preprocessing language for CSS. Basically, you can write CSS faster with shortcuts. After you write it, you need to change it into regular CSS. To do this, you can use the Scout App or if you have a Mac, you can use Cod…
-
Image Loader Bug!
@dfogge Thanks so much! Can't believe the solution was so simple! I really need to strengthen these jQuery skills of mine. Thanks again! And what do you mean by double post?
-
auto resize image to fit in the window
@adzzi Well, to make images respond to size changes of their parents, here's an example: http://codepen.io/srig99/pen/cfpDI. Also, did you want an example of full page backgrounds too? In case you did, here: http://codepen.io/srig99/full/olrJL.
-
css rule for responsive layout
@jbarriosmm Does this help? http://css-tricks.com/snippets/css/media-queries-for-standard-devices/