Forum Replies Created
Docracy is your friend:
Andy Clarke has written a contract used by a lot of web devs, he recently added an NDA which is also written in plain english. Both of these are on Docracy or you can look here:
Good luck with your project
Are you using jQuery on your site? If so you could simply toggle a class on click:
// Add a class to the search icon when clicked
Then hook your animation to this class which you can do by changing the width from 0 to 50% for example and transitioning the change
Example on CodePen here: http://cdpn.io/bqgta
Good call on the linear gradient. It won’t work on IE9 and below though.January 29, 2013 at 2:29 pm in reply to: The Best way to learn web design and keep up with technology? #122760
Re conflicting information, you’ll find a lot of this about. If someone makes a statement such as do or don’t use @import take notice if they explain why, and Google around to see what the consensus is.
In this case@import is normally considered poor practice because it is a performance hit. If you Google something like @import in CSS you’ll find plenty of discussion around why you shouldn’t use it.
I tend to find the best advice makes its way to the top, that said practices change over time so beware of received wisdom.January 29, 2013 at 9:57 am in reply to: Responsive CSS, best code technique, override css rules? #122724
I work my way up – so similar to your example 1.
In this way I only need to alter styles which need to alter as the screen size grows.
I see this as an extension of the cascade so styles flow up the screen sizes until over-written with something more specific – i.e. based on a relevant media query.
But – if I have a style which I only want for the smallest screen size for example then I will limit it with a max-width query but I never use min-width= & max-width= type queries – I’ve never found I needed them.
I don’t think any one approach is “better” though – it is up to you which you find easiest to work with.January 29, 2013 at 9:49 am in reply to: The Best way to learn web design and keep up with technology? #122721
It helps to love web development ;)
If so there is nothing better – always something new to learn and discover plus the satisfaction that comes from “light bulb” moments when something that seemed so hard suddenly slots into place.
But the only way you’ll get there is by spending a lot / all of your time either writing code or reading about it.
A few things that have helped me on my journey:
http://www.abookapart.com/ (Buy all of them)
And tens of thousands of google searches for solutions to problems – there is a lot of help out there if you’re happy to spend the time finding and making sense of it.
Also look for Meetups or usergroups near you – it’s great to meet your fellow devs in person and get along to conferences for the same reason.
Good luck – it’s the best industry to work and play in
This will work (just replace your left and right classes with the below):
Also – you don’t need to wrap these – just put them at the top of your markup.
How it works –
position: fixed fixes the div in place so it won’t move.
top : 0 pins it to the top
bottom: 0 pins it to the bottom
The div will automatically stretch to fill the space if you position it like this – this is quite a useful trick – you can set top, bottom, left and right to 0 and the element in question will fill the screen – handy for overlays etc will work on a positioned element (fixed or absolute)
left or right: 0 pins it to the left or right
left or right: 50% takes it halfway across the screen
background – just giving it a colour
z-index – this gives it a stack position -1 ensures it is under the content elements which have z-index auto (always a positive integer) unless you set them otherwise
Bear in mind this background will always be in place – i.e. it won’t scroll.
Hope that helps
Has to be BBC Radio 6 Music – http://www.bbc.co.uk/6music/
No ads, music from all corners and funny stuff too. Great for work.
Yep, if it was width only I’d be laughing as all the widths are set in %. But the height won’t scale in line with the width …
Got to use images for these buttons as they are icons that pertain to the client’s products.
Can feel a slew of media queries coming on ! Ho hum …
Thanks but that only deals with the position of the background image in the sprite – and assumes you have some content to give it space on the page.
My problem is I want to use a background image as the content to create an image based button with a rollover. To do this I’d normally set the width and height of the anchor so it creates some space on the page, something like this:
background: url ('my30x60image.jpg')
background-position: 0 0;
background-position: 0 30px;
But how do I make that work with percentages? If I fix the width and height of the buttons it will break the design of the container and I can’t set it in percentage as I don’t know what percentage the height will end up at.
Hopefully I’m missing something really obvious here and enlightenment awaits!
Thanks for your help guys. Much appreciated.
I’m pretty much OS agnostic at this point – what I would say is either get an iPhone or a high end Samsung or HTC Android.
On that basis the costs are similar, the stability is similar and it really comes down to which design you like and how important the camera is to you (iPhone’s is best).
Also do you use iTunes a lot – do you want to use your phone as an iPod replacement in which case iPhone wins it – though Double Twist on Android isn’t a bad solution it isn’t as slick as the iPhone.July 16, 2012 at 5:20 am in reply to: Changing properties of slider in a wordpress template. #106176
Do you have a link to the live site you are working on – I’ll try and take a look at it later today.
So the div within the red border on your picture has a width set in pixels? If so that will stop your site being properly fluid / responsive.
Really need to see the code to be more help Steph, paste it on to a codepen and throw us a link!July 12, 2012 at 6:08 pm in reply to: Changing properties of slider in a wordpress template. #105995
Look forward to seeing them, shout if you get stuck.