New answers tagged

4

You can use attributes as selectors in CSS. [attr] Selects an element with an attribute name of attr. [attr=value] Selects an element with an attribute name of attr and whose value is exactly "value". [attr~=value] Selects an element with an attribute name of attr whose value is a whitespace-separated list of words, one of which is exactly "value". ...


0

I think it's worth noting the HTML meta viewport tag: <meta name="viewport" content="width=device-width, initial-scale=1"> Which allows developers to more easily program responsive websites and web apps on high res devices. What @Rafael said: A retina device declares one thing and does another is exactly right... i.e. CSS pixels are not ...


1

Guidelines / Requirements If this is in any way governmental, there will be some kind of requirements and/or guidelines you need to work by. I don't know where you are but I'm sure this will be the case anywhere. If you havn't been told about these, look for them. Theres a possibility someone isn't doing their job properly and you finding out after spending ...


0

"What could be causing this discrepancy in measurement?" design not properly executed in code code not being cross-browser compliant (subset of #1) creative not set to screen resolution used by developer - this discrepancy should've been brought up prior to start of the project. At the end it's up to developer to properly execute creative direction and ...


3

The origin of "mobile first" The idea of "mobile first" in regards to Responsive Design comes from a time when the browsers for mobile devices were a lot less capable than what you would find on a desktop device. Many of them did not support media queries at all, so the idea of building up a fancy desktop design and then sticking in styles using media ...


-1

To me the main reason to do mobile first is to avoid a situation where your mobile site doesn't do everything the desktop version does. There are tons of websites where I have to request the desktop version on my phone to do something because even though the phone can do it, their mobile version doesn't. That bugs the crap out of me. That said, I think ...


8

Mobile first is best practice -- it's not law, and if you understand why you should be using it, and why you don't want to use it on a particular project, that's fine. It's worth noting that mobile first affects the design/UX and the build itself, and as this is a graphic design forum, I'm a bit perplexed as to why you think a mobile first design will ...


18

From a purely design standpoint, starting with the mobile version first does make sense. The hardest part of the design process is always pruning, never adding. So the smaller the screen real estate you allow yourself, the more you'll have to think about what is important in your design, what information you really need to show. Also, you'll force yourself ...


2

I tested your website www.cosmosdesign.co.nz on different screen sizes and its's working fine on all screens. Regarding your question for mobile first design I would like to say that your designing approach must consider your target audience along with many other factors like images, content, etc. If your target audience will be using this website mostly on ...


1

Simple way to do it, it's similar to Grunt task, but even more easier: To all objects you would like to make class, give the name for example: "myClassmainCircle" and "myClassmainStar". After exporting replace all: 'id="myClass' with 'class="' The result will be: class="mainCirle" class="mainStar"



Top 50 recent answers are included