Hompimpa
-
lol no problem
But The other discussion Was Closed After Solving it And mine Was straightly Closed ... Stop the car before it falls into the abyss, or wait until the car crashed and then stop?
-
Learning about typography on the web
There is one thing I want to know, which is about what factors make some fonts doesn't look good on a small size, while others can. Whether this depends on the file size, the operating system or the font shape...
-
Reload iframe object without refresh.
Not realy good way. Using .insertBefore(): http://css-tricks.com/forums/discussion/18527/change-the-iframe-src-dynamically-without-triggering-the-loading-spinner#Item_5
-
How to reduce load time on large 1-page sites?
http://stackoverflow.com/questions/13294097/jquery-onscroll-smoothly-replace-div-with-video/13294856#answer-13294856
-
HTML Background Image
html { background:white none no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } /* Suppose that a cell phone has 360px screen width */ @media (min-w…
-
How to reduce load time on large 1-page sites?
Simple way to do the trick is by loading resources based on the section position from the visible area on the screen. But, to make the visitor does not need to scrolling and then waiting new resources loaded at the same time, you can set the distanc…
-
Free Font Similar to Segoe UI
@chrisburton NoTo = No Tofu :D ⇒ https://code.google.com/p/noto/
-
Continue to Use the Old Version of JQuery
I'v read that page too before post this question. I'm using much .toggle() (event) + .live() inside some JQuery plugin.
-
JQuery on checkbox check
Since the checkboxes are injected from AJAX, then you need to create a function to repeat the DOM catching (whatever) after the checkboxes element loaded. Like this: function reInit() { $('.select_post').on('click', function…
-
Copy and Paste
What if you asked by a student about how to make this and that? Eventually, you will end up on giving them a variety of links that you recorded on your computer without telling the answer because you didn't understand both the answer and the qu…
-
Making google adsense responsive
You may interested with fixed-fluid layout, where the sidebar that contains ads will be in fixed width.
-
Infogrid - Hide when clicking outside the grid
Use background instead of images. I'v updated the Codepen. PS: The effect looks jumpy from my computer when using Codepen but works smoothly from original HTML test page.
-
Infogrid - Hide when clicking outside the grid
EDIT: Here's my own JQuery InfoGrid version. Believe it or not ⇒ http://codepen.io/tovic/pen/uLvDE I use em units for padding. So if JQuery change the font size, then the padding will also change. No need extra padding animation. This InfoGrid…
-
Infogrid - Hide when clicking outside the grid
Yes, I've checked your code. I think I have another way to re-create this effect, it's just that I feel bad if I ruin all the efforts that you are trying to do for this. I am not very skillful editing the existing code. I prefer to re-cre…
-
Infogrid - Hide when clicking outside the grid
Use event.stopPropagation(). Almost solved. Just a bit confused with the variables ⇒ http://codepen.io/tovic/pen/IltDs
-
How are you handling responsive typography?
I often use a fixed base font size and use percentage for the heading font size. So if the media query going to change the base font size, then the others will follow the ratio.
-
Styling the select element
Just another plugin: http://reader-download.googlecode.com/svn/trunk/jquery-custom-selectbox/index.html
-
Target mobile landscape only
@media (orientation: landscape) {}
-
"csstricks like" texteditor
I got this from Stackoverflow: function wrapText(elementID, openTag, closeTag) { var textArea = $('#' + elementID); var len = textArea.val().length; var start = textArea[0].selectionStart; var end = textArea[0].selectionEn…
-
Google Chrome Webstore Rollover
Although, sometimes I feel a bit stupid when providing solutions without saying what I did. Not seem to give a lesson, and just lead people to copy and paste it :D What specific effect actually called? CSS Transition (?).
-
Curved border in CSS
border-radius:100% ⇒ http://codepen.io/tovic/pen/zwEnt
-
Creating Animated Responsive Menu
Sorry, I'm not good in Preprocessor, but maybe this example will explain what I mean. Set the submenu height to 0 instead of hiding it with display:none, so you can animate the sub-menu height.
-
Google Chrome Webstore Rollover
Here ⇒ http://codepen.io/tovic/pen/blpFe
-
Creating Animated Responsive Menu
@Paulie_D: Transition can happen with a click event if we use a checkbox hack or CSS :target. But you have to set a fixed height for the drop-down menu.
-
If input has value higher than 0
No credit. Here's a complete function to show/hide the [×] button and also hide the × itself if you click the × —plus, reset the input value: $('.searchform input').on("keyup", function() { // check if the value isn…
-
How can I make a navigation like this ?
Just kidding. Here it is ⇒ http://cdpn.io/IdLxj
-
If input has value higher than 0
Here ⇒ http://jsfiddle.net/tovic/43eG7/69/
-
"magic numbers" in CSS
/* prevent empty column/grid */ min-height:1px; For CSS grid. Is this a magic number?
-
"magic numbers" in CSS
Inset box shadow will looks weird in Opera browser when you not define the border radius at least 1px: /* bug? */ div { box-shadow:inset 0 0 0 1px white; border-radius:1px; } Edit!! Not well tested. Just have an experience about this.
-
How can I make a navigation like this ?
By the way, I can't hover the image to see the original navigation hover effect >..