Ask MetaFilter questions tagged with css and programminghttp://ask.metafilter.com/tags/css+programming
Questions tagged with 'css' and 'programming' at Ask MetaFilter.Tue, 05 Nov 2013 22:34:42 -0800Tue, 05 Nov 2013 22:34:42 -0800en-ushttp://blogs.law.harvard.edu/tech/rss60Is there anywhere decent to look for freelance web work?http://ask.metafilter.com/251445/Is%2Dthere%2Danywhere%2Ddecent%2Dto%2Dlook%2Dfor%2Dfreelance%2Dweb%2Dwork
I'm a frontend web developer with quite a long resume. I work full-time but I'd like to pick up some freelance, remote work in my spare time. I'm wondering if there are any places to look besides my personal network, Craigslist, and those awful "Rent-a-coder" sites where you get underbid by overseas folks who'll do it for $9/hr. I'm pretty sure I'm not going to get the answer I want, but I figured I'd try anyway. I'm just not interested in "lowest-bid" sites. Anything that pays under $50/hr or so is just not worth my time- I'm sorry if that sounds bad, that's just how it is. (If I was going to freelance at an office, the market rate for my skillset would probably be around $80-120/hr, but I'm willing to take much less b/c I need to work off-site on nights and weekends, and I can't afford to be picky.)<br>
<br>
My skillset is mostly on the frontend- html, css, advanced js architecture and ability to pick up flavor-of-the-month js frameworks as needed. I can also do enough Rails to get by if the "full-stack" buzzword comes into play. Overall I have 14 years of experience as a programmer.<br>
<br>
I've asked people personally and had one "almost" that fell through, and I've browsed CL until the people wanting professional devs to work for literally a cup of coffee makes my eyes roll back in my head, but I'm kind of at a loss of what else to do. If there is any resource or technique I'm missing, please let me know. Thanks!<br>
<br>
(I'm sure other questions like this have been posted; posting this anyway b/c things change so fast in tech)tag:ask.metafilter.com,2013:site.251445Tue, 05 Nov 2013 22:34:42 -0800drjimmy11Responsive Email Template Resources?http://ask.metafilter.com/230078/Responsive%2DEmail%2DTemplate%2DResources
Know of a good resource for mobile-friendly responsive email templates for html emails? I've been tasked with converting the (mostly) table-based html emails I've been developing to more mobile-friendly, responsive layouts. Any resources for templates and tutorials are greatly appreciated!tag:ask.metafilter.com,2012:site.230078Fri, 30 Nov 2012 19:21:14 -0800mgriffioen#wrapper { smart-level= 0% }http://ask.metafilter.com/225758/wrapper%2Dsmartlevel%2D0
Please help me overcome this weird language hump I have with CSS. Design student, currently enrolled in interactive design class. Part of that class is learning some basic CSS. For some reason I'm having issues with it. I'd just teach myself [like I do with most things] but I can't even really explain <em>where</em> the issue is. I don't even know what I don't know. With html, I understood it on such a fundamental level that I could figure things out on my own. I could read an html document and translate it like a language. I just *got* it. With CSS, I can sort of read through it and figure out through deductive reasoning what it's doing. But as soon as I go to write some on my own, my brain goes "hrrrrrrrrr". This is a very weird feeling for me that's never happened before. My partner says I have a degree in Fucking With Shit. I can usually look at something and just figure out how it works and replicate it. But not with css. I just don't get the language.<br>
<br>
So, the basics. I need them. I need it explained to me like I'm 7. Like, in English: an adjective goes before a noun, and the verb usually goes after the noun. But for CSS.tag:ask.metafilter.com,2012:site.225758Mon, 01 Oct 2012 21:12:07 -0800FirstMateKateThis gradient effect is harder than it lookshttp://ask.metafilter.com/221873/This%2Dgradient%2Deffect%2Dis%2Dharder%2Dthan%2Dit%2Dlooks
I'm a coder and a total neophyte regarding graphics and design. I see this kind of single-color gradient everywhere, but simply cannot manage to make one myself. What I mean is something like the upper part of <a href="http://imgur.com/I4mxg">this.</a><br>
<br>
Its a barely perceptible (radial?) single-color gradient that's great at giving a subtle impression of depth, especially when offset against a darker bottom or side panel.<br>
<br>
Seems simple enough but obviously it isn't for graphically challenged me. A radial gradient between a green and a darker green isn't really doing it. Is there some theory that I'm missing, or is this a "keep doing it until it looks right" kind of effect?<br>
<br>
I'd like to figure this out in html, svg, or code (for Android or XAML) - I think if I can pull it off in inkscape or something similar I'll be able to do it anywhere.tag:ask.metafilter.com,2012:site.221873Thu, 09 Aug 2012 11:36:26 -0800tempythethirdEverything there is to know about programming and making websites, vol. 1http://ask.metafilter.com/193377/Everything%2Dthere%2Dis%2Dto%2Dknow%2Dabout%2Dprogramming%2Dand%2Dmaking%2Dwebsites%2Dvol%2D1
I want to learn about programming and making websites. Where to start, and how to proceed from there? I know a few html tags, I know <i>what</i> CSS is, and I know what Python is, as well as JavaScript, Perl, Ruby, etc. A vague sense of what PHP, MySQL, Lamp, Apache are. <br>
<br>
I also know about W3C, HTML Dog, <i>Learning Python</i>, <i>Think like a Computer Scientist</i>, <i>Learning to Program</i> (by Alan Gauld), <i>Python Programming</i>, the MIT courses, the HeadFirst books, etc.<br>
<br>
But where do I start? In what order? Does it matter? Do I just pick one book or course and start there? Would it be stupid to read one of the HeadFirst books while reading <i>Python Programming</i>? While doing one of the MIT courses? While reading about CSS?<br>
<br>
I think I can guess what the answers are going to be, but I'd like to hear your input, just the same.tag:ask.metafilter.com,2011:site.193377Sun, 14 Aug 2011 00:44:20 -0800BusoniCascading Style Sheets Positioning Phenomena Questionhttp://ask.metafilter.com/183009/Cascading%2DStyle%2DSheets%2DPositioning%2DPhenomena%2DQuestion
My friend has a question about how positioning is supposed to work in cascading style sheets. Friend:<br>
<br>
I wanted to create a small login form at the upper right hand corner of my Web site, laid out in a grid format, with labels being the two cells on the left, and the input elements in the two on the right. As we know from the W3C, relatively positioned elements position with respect to their original position, and leave the space they would have occupied open. I.E. if you create a container, then try to position elements with position:relative, then make your browser window the size of the container, you will get a scrollbar. For my design, I didn't want this to happen, so I played around a bit with the way I positioned the elements.<br>
<br>
Here's what's at play. I have a "contentWrapper" div element that I use to contain all the rest of my elements on my site. I have a banner div, and within this div, I have my login form floated to the right. The previously mentioned form is within this. From my experimentation, I've noticed that when positioning elements in cascading style sheets with the position attribute, absolutely positioned elements will stay within their container unless the left or top properties are specified. What this has the effect of doing is "breaking the container." Or, in other words, the element moves outside of the container and positions with respect to the body element.<br>
<br>
To get around this behavior, I've noticed that if you leave the left and top attributes undefined, an element will stay within it's container but still be positioned absolutely. The other elements within the container position side by side by alternating position: absolute and position: relative. This also removes the "occupied space" of the relatively positioned elements. To me, it feels like a hack, and I'd rather not use hacks in my designs.<br>
<br>
Is this phenomenon that I've noticed understood/documented as the way it's supposed to behave? Or is this indeed a hack? My searches on the W3C specification for how positioning is supposed to work haven't returned much in the way of an answer.tag:ask.metafilter.com,2011:site.183009Fri, 08 Apr 2011 23:56:00 -0800biochemistWhat IDEs / editors do you use for web development?http://ask.metafilter.com/179814/What%2DIDEs%2Deditors%2Ddo%2Dyou%2Duse%2Dfor%2Dweb%2Ddevelopment
What IDEs, editors, or general tools do people use to do web development? I'm a linux geek, so my tool of choice is gVim. But I'm teaching a course on this right now and don't want to inflict my prejudices on the students, and I'd like a broader perspective. So if you're a web developer, what do you use? NetBeans, Notepad? Something in-between?tag:ask.metafilter.com,2011:site.179814Wed, 02 Mar 2011 11:40:08 -0800handeeWhat are the top plugins and tools for web developers?http://ask.metafilter.com/175808/What%2Dare%2Dthe%2Dtop%2Dplugins%2Dand%2Dtools%2Dfor%2Dweb%2Ddevelopers
What are your favourite plugins, IDEs, tools and tricks for client side web development? I'd like to have a "tip of the week" or a "plugin of the week" spot in a course I'm delivering. Main content of the course is HTML5/JavaScript/CSS, with a bit of JQuery and Silverlight. My preference is for browser plugins or online tools, rather than things that require admin rights to install - so the students can have a play with it. If there's something awesome that requires an install I might talk about it with slides though, so go ahead and mention it.tag:ask.metafilter.com,2011:site.175808Sat, 15 Jan 2011 12:23:38 -0800handeePressing onward, and upward, with WordPresshttp://ask.metafilter.com/154957/Pressing%2Donward%2Dand%2Dupward%2Dwith%2DWordPress
What can I do for 30 minutes a day to improve my WordPress skills from "intermediate" to "advanced"? Almost all the projects I work on as hobbies are now using WordPress as a platform in one way or another. I'm stumblingly familiar with the structure -- I know how themes work, the difference between index.php and page.php, etc. I've worked my way through the <a href="http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/">Small Potato "Build a Theme" tutorial.</a> I'm basically okay with the fundamentals of CSS. I know my way around HTML. <a href="http://ask.metafilter.com/127695/Need-recommendations-to-learn-simple-Wordpress-to-modify-an-existing-webpage">This question</a>, for instance, covers stuff I've already figured out for the most part. <br>
<br>
But every time I want to do something that's not "out of the box" functionality for WP -- which is often -- I suddenly feel totally lost. As a f'rinstance, I'm currently trying to figure out how to (a) find (b) identify and (c) display the auto-generated thumbnails for WP 2.9 so that individual category pages will have a box at the top with the thumbnails and titles for the most recent entries in OTHER categories. I get as far as using Firebug to identify the div the images are appearing in -- and then I blank in the face of a sea of PHP, core functions, and code. <br>
<br>
I'd like to get myself up to the same level as the folks that make plugins and widgets -- or at least to a level where, if I install a widget, I can look at the widget code and understand what it does, instead of just trusting in its wizardry. <br>
<br>
What do you recommend for somebody who is reasonably intelligent but not especially "computery," who wants to dive into the core and start really understanding how to make WordPress 2.9 work for me? Ideally something I could tackle during lunch breaks at work -- figure 30 minutes a day.tag:ask.metafilter.com,2010:site.154957Wed, 26 May 2010 05:02:43 -0800ShepherdWhich HTML/CSS/JS IDE do I want?http://ask.metafilter.com/136596/Which%2DHTMLCSSJS%2DIDE%2Ddo%2DI%2Dwant
Which HTML/CSS/JS IDE do I want? So I've been doing AS3 development for the last few years, using Flex Builder, but am now moving back into HTML/CSS/JS. I've gotten used to having a fairly intelligent IDE and I'd like to not go back to the bad old days of having to type every single param and property from scratch every time. (I'm looking for code help, not just highlighting.)<br>
<br>
I have tried a few but none seems to have everything I want:<br>
<br>
1. Dreamweaver: <br>
Pluses: When you link to a stylesheet, you can CTRL+space and get a list of styles to choose from.<br>
Minuses: Weak support for JS. (no auto-complete at all)<br>
<br>
2. <a href="http://www.aptana.org/studio">Aptana</a>:<br>
Pluses: Seems to have excellent JS support, including major AJAX libraries.<br>
Minuses: Unless I am missing something, I can't choose Css styles off a list, and that is a major major timesaver for the work I'll be doing.<br>
<br>
3. <a href="http://www.blumentals.net/htmlpad/tour.php?id=23">HTMLPad 2010</a>:<br>
Plusses and minuses seem about the same as Aptana, plus it costs money. (DW CS3 is already installed on my work machine so no cost there.)<br>
<br>
So, am i doing something wrong with Aptana? Is there another piece of software I'm not aware of? Or should I settle for DW for html/css and Aptana for JS? (The work will probably be 80% or more on the html/css side.)<br>
<br>
thanks!tag:ask.metafilter.com,2009:site.136596Tue, 27 Oct 2009 13:31:52 -0800drjimmy11Pimp my CSS please. Before I kill myself.http://ask.metafilter.com/124624/Pimp%2Dmy%2DCSS%2Dplease%2DBefore%2DI%2Dkill%2Dmyself
I'm a designer and usually people do programming for me. I'm trying to teach myself how to customize Word Press themes all by myself though... and I thought I was doing pretty well. But then I had people <a href="http://hiddenlosangeles.com/">look at it</a> in other browsers. Yuck. Apparently it loads slowly for other people at times, the slideshow doesn't go all the way across, just all sorts of crap. I tried to do verification and there are a bunch of errors. I need to figure this out and move on!<br>
<br>
I just really don't know how to fix any of these things. I was already proud of myself just for figuring out how to do the new stuff I've already done. My head hurts. <br>
<br>
Can you help?<br>
<br>
Oh, and the theme I customized for this was "Modularity" by Graph Paper Press.tag:ask.metafilter.com,2009:site.124624Fri, 12 Jun 2009 11:34:41 -0800miss lynnsterHow do I access the drupal admin panel. http://ask.metafilter.com/102815/How%2Ddo%2DI%2Daccess%2Dthe%2Ddrupal%2Dadmin%2Dpanel
Three drupal questions
1. I disabled the log in form on the main page, now how do I get to the admin panel?
(Please note, I have a local install of drupal, php, MySQL and Apache for Dev purposes.)
2. How can I create drop down menus?
3. Is there a way I can change the layout for a certain page? Such as I want the main page to be two columns while others to be one with tables or something to that effect for grid data. How can I do this? tag:ask.metafilter.com,2008:site.102815Sat, 27 Sep 2008 14:56:44 -0800BoldStepDesignHope me learn teh internetshttp://ask.metafilter.com/90840/Hope%2Dme%2Dlearn%2Dteh%2Dinternets
Help me not be such a clueless geek on the Internets. I've been programming for a long time- for over 25 years- and I've earned a good part of my income from doing geek-like things, but I feel like the world is passing me by, and I feel older and stupider more and more each day.<br>
<br>
I've programmed some significant stuff in everything from 6502 assembler through Visual Studio, but when it comes to anything Internet-related, beyond setting up a Wordpress blog, I'm pretty much at sea. Php, javascript, and CSS make my head hurt. Somehow, I just can't get my head around them or grasp the concepts inherent in Web programming. I can recognize bits and pieces, but making it gel isn't happening for me. <br>
<br>
I can't figure out why it seems so difficult to make the conceptual leap, and I really need to get something going, so, to get the ball rolling, hive mind- <br>
<br>
What are the best resources for learning this stuff that you know - either on line or via dead-trees? I've browsed the books at the local Fry's, but the place is awash with "Programming the Web for Dummies". et al. There are a million websites, but many of them seem to be clones, and none of them seem to be that good at anything more than individual narrow areas, and seem to aim at someone who has some critical knowledge that I lack.tag:ask.metafilter.com,2008:site.90840Wed, 07 May 2008 19:02:25 -0800pjernCSS help is neededhttp://ask.metafilter.com/89095/CSS%2Dhelp%2Dis%2Dneeded
Can I make this work in IE the same as it does in Firefox?
<a href="http://joelf.com/menu/">Here is the example i need some CSS help with.</a>
This works properly in Firefox, but needs some help in IE. Any suggestions?tag:ask.metafilter.com,2008:site.89095Thu, 17 Apr 2008 12:25:30 -0800joelfSafari, You've Let Me Downhttp://ask.metafilter.com/60906/Safari%2DYouve%2DLet%2DMe%2DDown
What's the best way to have a CSS rule apply only to Safari? I know about a million IE hacks, and half a million old school ones for Netscape. But I've come across a seeminly intractible Safari rendering difference, and I think the easiest way to deal with it should be a Safari-specific rule. But I don't know any workarounds. I thought of applying a separate safari stylesheet, just for that one rule, but I can't figure out what the syntax is-- I am used to the if IE syntax which is mocrosoft proprietary. <br>
<br>
Any advice or help is much welcomed!!tag:ask.metafilter.com,2007:site.60906Thu, 19 Apr 2007 06:59:48 -0800miss teaMark CF, if you're reading this, shoo!http://ask.metafilter.com/55626/Mark%2DCF%2Dif%2Dyoure%2Dreading%2Dthis%2Dshoo
How do I wish my programming-geek boyfriend "Happy Birthday" and tell him "I love you" using computing code? My boyfriend's birthday is coming up and I'd like to get him something that would amuse him. We're both geeks, and he loves programming, so I thought I'd get him a message in code. Thing is, I don't program, so I have no idea what and how to code. I remember a website that did "99 Bottles of Beer on the Wall" in as many coding languages as possible, so I'm looking for the romance variant.<br>
<br>
He mainly codes in C# (for uni), though he also works a lot with Visual Basic, Javascript, and HTML &amp; CSS. I'm looking for some code that:<br>
<br>
* Takes his birthday (Feb 10th 1987) and prints out his age, or does something cool with it<br>
<br>
* Tells him "I Love You" and/or "Happy Birthday"<br>
<br>
This code will most likely be printed on a card, so it doesn't have to be part of a functioning program. The idea is that he'll work out the message by reading and parsing the code - "Roses are #FF0000, Violets are #0000FF, chown -R you ~/base" worked really well and I'm looking for something like that. Something sexy works too, hahah!<br>
<br>
Google isn't helping me, though it's possibly because I don't know what to search for.<br>
<br>
any other geeky+romantic+sexy code/pictures/links/comics/ideas etc to share with my boyfriend would be much appreciated too! Thank you!tag:ask.metafilter.com,2007:site.55626Tue, 23 Jan 2007 22:27:42 -0800divabatCSS Help!http://ask.metafilter.com/31473/CSS%2DHelp
CSS help: If I have an element that contains two other elements that add up to less width than the container element, should the container element's background color not be visible between those elements? I have an element called #container that is 400px wide. Inside that I have two elements, one 100px wide and one 200px wide. The first is floated left, the second floated right. In between these boxes is 100 px. For me, on all browsers, that space is appearing transparent, rather than the specified background color for #container. Why?tag:ask.metafilter.com,2006:site.31473Wed, 25 Jan 2006 11:54:26 -0800Al_TruistGood CSS Books?http://ask.metafilter.com/22657/Good%2DCSS%2DBooks
What are some good intermediate to advanced CSS resources in dead-tree form? Have you used any CSS books that you could recommend to someone that's already familiar with separation of presentation and data, what CSS is, what it isn't, and so on?<br>
<br>
I'm looking for books that contain detailed examples that answer questions along the lines of "So how do you position your footer relative to this paragraph, but only under these conditions?"<br>
<br>
It seems like all the books I've picked up are either much too simplistic ("How do you change the color of words? What about these words? And these?") or they fall off into the realm of glossaries and indexes. I don't need either of these, what do I look for?<br>
<br>
Finally, if you have some really good web resources, I'd love to see those too... keeping in mind the level of stuff I'm looking for.<br>
<br>
Thanks!tag:ask.metafilter.com,2005:site.22657Tue, 16 Aug 2005 09:30:31 -0800odinsdreamHow can I update my late-'90s HTML skills?http://ask.metafilter.com/10488/How%2Dcan%2DI%2Dupdate%2Dmy%2Dlate90s%2DHTML%2Dskills
RipVanWinkleFilter: Way back in '98, I learned very basic HTML. I wrote some code, made graphics in Photoshop, saved it all in Simpletext, got a domain, and had myself a website. And, err ... six years later I'm basically using the same method. Help me upgrade my skillz? (mi) Obviously, I'm not a web designer by trade. I haven't kept up with CSS updates, or all of the various standards-compliance advances. But I like making sites myself, and I'd like to think I'm somewhat savvy around techie things. (I once was proficient at Macromedia Director, at least.) I also have a graphic-design background, and as such avoid Comic Sans and seizure-inducing blinkies.<br>
<br>
Still, I find myself constricted by the fact that I don't know what the hell I'm doing. (Seriously, I go back to System 9 to open Simpletext and write my HTML, because I don't like TextEdit.) I basically use tables, Javascript commands that I find on other sites, a few cheesy rollovers, and try for the best. I'm often frustrated that I can't make the design in my head appear on the monitor.<br>
<br>
Now I have a few new sites I need to create -- nothing terribly complex -- and I also want to redo my main photography site. I want them to look like they belong in the 21st century. Where to start?<br>
<br>
If I were to learn a WYSIWIG program, what do you recommend? (I'm using OSX, v 3.2.) Dreamweaver? Or should I just keep writing code by hand? (Ack.) Are there any good, modern tutorial websites out there? (The main ones I find haven't been updated since '99.) Or good books? Should I break down and take a Dreamweaver course? Do I need to learn Flash, too, or is its day in the sun over?<br>
<br>
Thanks.tag:ask.metafilter.com,2004:site.10488Mon, 27 Sep 2004 19:06:05 -0800lisa gHTML/CSS Charactershttp://ask.metafilter.com/5425/HTMLCSS%2DCharacters
HTML/CSS: Damn it Jim! I'm an architect of buildings, not of the web! I've been working on the web site for our chapter of the <abbr title="American Institue of Architects"> AIA</abbr> in Europe. I've been trying to learn as much as I can about HTML and CSS -- looking, reading, trial and error. Our new site is coming along but I have one vexing problem. On the front pages of two directories, some browsers exhibit three odd characters at the upper left hand corner of the page: ï»¿. Links are inside... <a href="http://www.aiaeurope.org">Main page</a> is okay.<br>
<a href="http://www.aiaeurope.org/events/calendar.html">Events calendar</a> has the pesky characters.<br>
<a href="http://www.aiaeurope.org/members/memberfinder.html">Member finder</a> has the nefarious characters!<br>
<a href="http://www.aiaeurope.org/about/about.html">About | Join</a> is okay.<br>
<br>
I've run the syntax checker in BBedit and online but find no reference to this problem. I've turned on invisibles in BBEdit and also have seen nothing. I've seen this in Camino 0.7 and Mac IE 5.2.3.tag:ask.metafilter.com,2004:site.5425Tue, 24 Feb 2004 07:26:03 -0800Dick ParisWanted: list of canonical, essential mailing lists/discussion groups for web developmenthttp://ask.metafilter.com/5161/Wanted%2Dlist%2Dof%2Dcanonical%2Dessential%2Dmailing%2Dlistsdiscussion%2Dgroups%2Dfor%2Dweb%2Ddevelopment
Wanted: list of canonical, essential mailing lists/discussion groups for web development, a lá <a href="http://www.css-discuss.org">css-discuss</a>. <small>[more inside]</small> css-discuss and comp.lang.javascript are the ones that I usually post questions for client side development too, but lately, I find myself with all kinds of questions that they don't do well (discussions on PNG alpha transparency in IE, for example). So I'm looking for some good forums for other specific technologies and maybe a few general/cross-discipline groups as well. <br>
<br>
Specific technologies I'm interested in: XHTML, XML, XTLA, Flash, PHP, server-side Java stuff, general enterprise web architecture, content management systems. And Prolog.tag:ask.metafilter.com,2004:site.5161Thu, 05 Feb 2004 18:07:02 -0800westonStarted My Own Blog: Need Advice on CSS, Non-FTP Updating & Automated Archivinghttp://ask.metafilter.com/3708/Started%2DMy%2DOwn%2DBlog%2DNeed%2DAdvice%2Don%2DCSS%2DNonFTP%2DUpdating%2DAutomated%2DArchiving
I'm in the process of starting my own weblog (it launched on Thursday). I can write pretty decent basic HTML by hand (in notepad), but CSS wrestled me to the ground and stepped on my head and a lot of tech jargon passes me right by (I'm a designer and a writer, not a programer, I guess). What advice does Metafilter have for me? I should also mention, I guess, that I've looked at Blogger, but (I know this sounds stupid) I can't quite figure out how to make it work in any way that doesn't <i>look</i> like I'm using Blogger. My big problem at the moment is that I need a way to update from work without using an FTP client, and I know I'm going to need an automated way to archive things eventually.tag:ask.metafilter.com,2003:site.3708Mon, 08 Dec 2003 14:22:50 -0800anastasiav