ToxicFire
-
Learning responsive design!
Looking at the http response headers from codepen, codepen forces X-UA Comptable to edge so would overide any X-UA Comptable meta tags on code pen forcing IE 9 to render as IE 9 the question is why is IE trying to render as 7 when its not been force…
-
Learning responsive design!
@Paulie_D its same as ie9 just hit f12 and select the documents and browser settings from the dev tools @Watson90 that forces it to render as if it was IE8 open your dev tools in IE and see what documents mode its set too without that in the code.
-
IE10 CSS Animation Issue
I have a sneaking feeling its an issue with nested @rules try moving the @keyframes {....animation....} outside of the media query but leave the .tagline {animation: tagline-load 3s ease 3.5s 1 normal forwards;} inside it. EDIT: Yuh just installed …
-
IE10 CSS Animation Issue
@jamy_za article actually states with IE10 that ya don't need anymore and to remove it to ensure forwards compat. But it works for him outside of media query which is weird. @richardlazear Question are you putting the entire animation inside t…
-
CSS Long Files
its not actually something you do ya self, the server generally has a setting that enables compression of resources before transmission. You'll find it quite easy to get started with Sass/Scss, the Scss syntax is the same as CSS you can littera…
-
min-width issue with IE7
Ya know whats intresting when ya remove the width: 670px from the third nested table it expands to fill screen in firefox too.
-
Coding a curvy menu buttons
http://codepen.io/anon/pen/vGxsI CSS only solution mockup, probably as close as your going to get without resorting to image maps. Its basically Nicolas Gallagher's (http://jsfiddle.net/necolas/vqnk9/) border gradient code, tweaked for this s…
-
Coding a curvy menu buttons
You aren't going avoid use of images on that, but as a punt, I'd probably do it this way, The li for the menu item is a solid block of colour easy, then I'd use :before and :after pseudo elements to tack on the curvy part of the butt…
-
CSS Long Files
If your server is gzipping or using deflate to compress files been transmitted, 40-50k shouldn't be an issue as it will shrink quiet a bit, for example I have a minified css file, (chunks of a css frame work i could probably spend the time pick…
-
IE inline-block problem
make sure its is actually rendering as IE9 not IE9 emulating an earlier version aswell
-
Is opacity: .5 equals opacity:0.5 for all browsers
http://css-tricks.com/snippets/css/cross-browser-opacity/
-
Breakpoints?
@Paulie_D but, if the site looks good sub 1100px theres no need to put a breakpoint at 1024 unless something breaks at that point. Infact I'd go so far as saying putting a break point in where you don't need one is uncessicary code. Addit…
-
Breakpoints?
Well, i don't think there is such a thing as standard, theres high occurance values, (these usually are iDevices) but because theres so many different tablet's phones resolutions out there is, its fairly impossible to have a set standard a…
-
Returning to web design after long hiatus (noob questions)
@flex4life You don't really have to worry about font's compatability in browsers these days because we gained this wonderful feature from CSS called @font-face which basically downloads a font behind the scenes for the browser fortunately …
-
Fading CSS sprites using Compass/SCSS
Ok the more i read this post the more I think i've overshot slight and should just say Some Text the social-sketch-twitter_hover in the span class tag's is basically setting a permanent hover state on the span tag if your wanting it …
-
Fading CSS sprites using Compass/SCSS
I seriously don't know how i missed that page i even went through the doc's text searching hover, bah. Hold on i have a feeling this can be resolve with a little use of extend im not thinking clearly today been dealing with browser specifi…
-
Fading CSS sprites using Compass/SCSS
Can you link the doc's you read up on cus compass doc's do not show anything related to a mixin for sprites with a hover state, Also what version of compass are you using and can you include a copy of your sass/scss code you using to gener…
-
IE Documents Mode Forcing Standards
Bah I just checked the http headers and discovered the servers setting Comptable mode in the headers. Anyone know a way of overriding that in the html as theres no direct access to the server, or am i going to have to phone customer support?
-
IE css sheet isn't loading
Aye the ie.css file is producing a 403 error the conditional statement works just tested it myself on a demo page in ie. I've got a sneaking suspicion its the permissions set on the ie.css file assuming its in the root of the theme, rather than…
-
Fading CSS sprites using Compass/SCSS
just create a seperate class for the hover state and add that into the class tag where ever you use the sprite saves playing with the sprite css directly. something like this .bob:hover { opacity: 0.5; } And in your html
-
Question about CSS Grid
you might also want to have a look at some of the big name frameworks that have grids built in and a good bit of documentation on how to implement them, theres twitter bootstrap and zurb foundation
-
Gradient border, CSS only
Couple of good articles on gradient border techniques on css tricks http://css-tricks.com/examples/GradientBorder/ http://css-tricks.com/video-screencasts/95-a-tale-of-border-gradients/ if you want some further reading
-
Hover over text to trigger opacity change to images
.initialopacity { opacity: whatever you want the default opacity to be } when the jquery hover triggers it add's the hovered class to the img tag overriding any opacity set before (unless it has a higher specificity)
-
Hover over text to trigger opacity change to images
just change the opacity value in the code above from 0.5 to 1
-
Hover over text to trigger opacity change to images
Link A Link B Css .hovered { opacity: 0.5; } Jquery $(document).ready(function(){ $('.piclinks a').hover( function () { $('img.'+$(this).att…
-
Hover over text to trigger opacity change to images
You want to use CSS only or you happy with using a bit of javascript
-
Fixing navigation to top on vertical, but keeping centred on horizontal
@damongolding fixed width nav will have some issues on smaller screens would probably be better using max-width: 1000px; and width: 100%; and the old margin: 0 auto; to center it. though u loose the ability to do position fixed on the nav itself you…
-
Can someone recommened a JS plugin to stop mobiles downloading certain images when not used?
@NSR that I think from just looking at their how to use would still not solve the problem as the request for the image is still in the css. Been a while since i've dug into but I think this is one of the overhanging problems with using respons…
-
How to change DIV background image every 5 seconds?
rather than a div containing an image how about setting the background with css then centring it with the position parameter's with no set width your issue with scroll bars should disappear until it hits actual content. As for changing it ever…
-
Print designer need some help choosing CMS etc.
PHP will stand you in good stead for alot of CMS's (just think of it as server side JS) and if you learn a bit of sql, you'll understand whats going on behind the scenes in terms of database manipulation that are at the core of them too.