Cascading Style Sheets (CSS) is a language for specifying the layout and presentation in general of markup such as HTML and XML.

learn more… | top users | synonyms

1
vote
1answer
39 views

Frontend “Design Patterns”

Are there any treatments of the topic of web front-end software design? I'm looking for something similar to "Design Patterns" (http://en.wikipedia.org/wiki/Design_Patterns) but for web front-end ...
2
votes
1answer
129 views

Uniform identifier/class naming across HTML, CSS and JS

How does one ensure that HTML, CSS and JS have uniform identifiers. For example, one such set of identifiers could be class names. e.g.: CSS: .user-profile{ ... } JS: ...
0
votes
0answers
3 views

Using SASS with Visual Studio 2013, reliably! [migrated]

I want to start using SASS/SCSS in my app since it's very CSS heavy and would love to be able to use mixins, variables, and all the amazing stuff that comes with SASS. I spent the better part of ...
-1
votes
0answers
21 views

Choosing a frontend framework to rewrite the UI of existing projects [on hold]

I'm an experienced web developer and my job at this moment is to finish and polish the details of the UI of two projects made with Django. Those projects are using Bootstrap, but one of them has it ...
-2
votes
0answers
20 views

Should I use a CSS grid system for this template? [closed]

I asked this question in software recommendations but I was told to ask it here... I want to convert the following template to HTML and CSS. Should I use a grid system such as bootstrap? Seeing as ...
0
votes
1answer
91 views

How specific is too specific with css selectors?

The way that I like to write scss gives way to very specific selectors (code sample is under). Is this a bad thing? Are there any performance or reusability issues that I should consider? ...
-5
votes
0answers
23 views

How can I select the middle of three elements? [migrated]

I have three <li> tags in an <ul id="accordion">. I now want to select the various items via jQuery. To select the first <li> item, we can use $("#accordion li:first"). To select ...
1
vote
1answer
58 views

Is it OK to replace html on resize?

I was asked to take over a web project. It is supposed to be a responsive website, but the former programmer didn't write the HTML/CSS with responsivity in mind and adding code to make it responsive ...
0
votes
3answers
317 views

What's wrong with this approach to CSS?

I have a static Jekyll website. The website is constructed once, on my computer, and then sent to the server in the form of plain HTML, image, and CSS files, to be served by a regular HTTP server. ...
-1
votes
0answers
30 views

How to create “fuzzy” material design type shadows on a canvas? [migrated]

I can't seem to find out how shadows are created in material design, or how css does it. Specifically, I am curious how, if given a canvas, one would create the 'blur' part, using algorithms. Below is ...
0
votes
1answer
51 views

Linking stylesheets and scripts when using server side includes

I am working on a site where I want to have a header and footer on each page, so I thought about using server side includes for this. I have not used them before so I am a little bit unsure about best ...
0
votes
1answer
146 views

MVC Widget optimization when accessing CSS and Resources

So we're trying to re-imagine our web solution in an MVC fashion. Going from an old webforms based solution to working with ASP.NET MVC with a bootstrap main menu and adding functionality in the forms ...
2
votes
3answers
1k views

CSS structure for creating responsive websites

I'm a back-end engineer who works on a small team so occasionally needs to do some front-end. I like to develop a good workflow and project structure before I start anything, so I'm wondering about ...
5
votes
3answers
263 views

CSS practices: negative positioning

I'm somewhat of a novice to CSS. Anyway, I noticed that an extremely common method used in CSS is to have negative or off-screen positioning, whether it be to hide text or preload images or what have ...
1
vote
5answers
118 views

What to use instead of IDs in selectors in CSS

I recently installed a csslint package for my Atom text editor. I keep getting warnings saying "Don't use IDs in selectors." I found this weird since I've always been using IDs in selectors in CSS, ...
3
votes
4answers
214 views

Why is it (or was it) important to separate CSS from HTML? [duplicate]

Intro I recently watched the slides from React: CSS in JS and I really like the idea of having CSS applied using JS (and with JSX, this would mean having all the HTML, JS and CSS in one file, which ...
3
votes
1answer
37 views

SASS placeholders to avoid repeated rules in CSS output

I've got a question for all the frontend guys here. First of all, this is not about placeholders vs mixins as I've already have an idea about, whether to use one or another. So the question is - do ...
1
vote
3answers
156 views

Conceptually, is the single page web app more efficient than the web app that loads pieces of the page for every page? [closed]

I searched a lot, but nobody seems to have explained this nor given a proper example. I have a page like this: My team says they want to design the code such that the Title section, Menu ...
3
votes
3answers
3k views

How do I prevent useless content load on the page in responsive design?

In responsive design, elements are hidden in the page with @media queries and display: none in CSS. Ok. In my design however browsers that have less than 800px in width should avoid loading some ...
0
votes
1answer
103 views

Do I need Bower for front end dependencies when I am already using composer?

I use composer for PHP dependencies. I was under the impression that for front end dependencies I should use Bower. So, I installed Bower and loaded my FE dependencies (Bootstrap, jQuery) using that. ...
2
votes
1answer
119 views

Sacrificing readability for shorter compiled code

I'm currently revisiting some code I wrote in sass when I was learning it and I came upon a particular issue. I was able to write the code in 2 ways, with the first being the more readable code and ...
11
votes
0answers
183 views

Math model for a webpage layout? [closed]

While web-programmers surely know CSS/HTML rules by heart, and web-browsers have algorithms to render web-pages, what interests me whether there are any mathematical/theoretical models or at least ...
1
vote
1answer
78 views

Is it okay to use CSS3 with HTML4?

Is it alright to use CSS3 with HTML4. It seems like CSS3 would be a HTML5 complaint deal. But I'm not sure if that's the case. If it's not okay, what are the downfalls to using CSS3 with HTML4, ...
0
votes
3answers
74 views

CSS: When to use which selector

I've been learning HTML5/CSS3 for a month now, and I've built my first demo website. At first I was using a lot of the element selectors like: >, ,, + in combination with the type names for ...
0
votes
2answers
130 views

How to best do cross-browser cross-platform visual CSS regression testing? [closed]

Background: Visual CSS regression testing is where you screenshot (part of) one version of a webpage in a browser and compare it against a screenshot of the previous version of the same webpage in the ...
0
votes
0answers
38 views

Rationale behind CSS height with percentage value

I've been using CSS for a few years, but there are some "quirks" that I cannot quite fathom. One of them is the height property when specified with a percentage. To quote the CSS 2.1 Specification ...
17
votes
7answers
4k views

Why aren't HTML, CSS, and JavaScript used for desktop apps? [closed]

HTML, CSS, and JavaScript can be used to build beautiful (and useful) UI's (especially now we have HTML5 and CSS3), and lots of people already know them. Though it's still way beyond my reach, how ...
1
vote
2answers
492 views

CSS Preprocessing (SASS or LESS) vs CSS Postprocessing

So I stumbled across some frameworks for doing CSS post processing such as pleeease.io and I was wondering what are some main benefits or use cases for using CSS post processing? I feel you can ...
1
vote
1answer
198 views

For HTML report generation, should CSS be put into stylesheet or written into the html file?

I'm writing a report generator for an automation tool. Right now I have a report template html file which is read by the generator and the results are filled in by the tool to be written to another ...
-5
votes
1answer
176 views

Why isn't HTML/CSS/HTML5 considered a programming language? [duplicate]

I was just curious as to why programmers don't consider Web development as programming.. I know C and C++, Python etc. are tones harder then what I do (HTML etc.) but why do programmers laugh at it? ...
36
votes
5answers
1k views

What's the right way to work with a graphic designer?

Recently, we worked with a graphic designer (arranged by the client) to provide the skin for a Django+Bootstrap application we had built. The designer provided a series of static images of the new ...
0
votes
3answers
1k views

Will it be a wrong idea to have <style> in <body>?

In below code i placed internal style sheet with in body tag, instead of having in head. For Single-Page-Application I am considering to do this for styles that is only applicable to that page alone, ...
-3
votes
1answer
1k views

visibility:hidden Vs visibility:collapse

In CSS, what is the difference between visibility:hidden and visibility:collapse They are given to be separate in W3Schools, but I see no difference in their output. I have tried it in Google Crome. ...
-1
votes
1answer
118 views

HTML and CSS required for .NET Development [closed]

On a job application, part of the job description is "...needs to know HTML and CSS as some .NET is required...". What does this mean? I thought HTML is a programming language, CSS is a way to ...
0
votes
2answers
190 views

What are the tecnhical reasons for email HTML, CSS, Javascript limitations and their persistance [closed]

If you've ever made a custom email you'll know that there are significant limitations in you need to be aware of. The most obvious limitations being: No support for Javascript in emails No support ...
0
votes
3answers
189 views

Can display issues affect SEO?

Can website display issues on certain platforms affect a website's search rankings and potentially hinder any SEO efforts?
8
votes
5answers
3k views

When a task can be accomplished by either Javascript or CSS, is it better to use CSS? [closed]

I always veto JavaScript by using CSS as much as possible. i.e. I create tabs and rollover buttons using CSS rather than JavaScript. I have seen some solutions—specifically the Wt ...
0
votes
2answers
208 views

Changing CSS classes when different strings are displayed in a text element with jQuery [closed]

I'm just wondering if this method would be possible using jQuery HTML and PHP. Basically I have a filtering system were products are listed, some have different attribute values such as Hatchback for ...
0
votes
1answer
74 views

With a highly bespoke responsive website, will it be most effecient to customise bootstrap / use something else (pure-io?) / roll my own rules [closed]

I've got a few non trivial responsive website builds coming up. They are not platforms or apps, but large marketing / brochure websites where eye for detail is important. I've used bootstrap ...
2
votes
1answer
93 views

Is this approach to CSS correct?

Reading SASS basic features on their website, I stumbled upon the @extend feature. The example they give is the following: .message { border: 1px solid #ccc; padding: 10px; color: #333; ...
7
votes
4answers
1k views

css - use universal '*' selector vs. html or body selector?

Applying styles to the body tag will be applied to the whole page, so body { font-family: Verdana } will be applied to the whole page. This could also be done with * {font-family: Verdana} ...
3
votes
1answer
484 views

Why are there so many CSS properties which are essentially the same?

This answer really made me wonder. I've written CSS before and (usually) I don't really bother to support browsers other than recent firefox and chrome, but in researching I've noticed that, for the ...
26
votes
6answers
3k views

Tight Coupling Between Javascript, HTML, and CSS: A More Modern Approach?

It's very common to see Javascript bound to certain selectors to find elements, store data, and listen for events. It's also common to see these same selectors used for styling. jQuery (and its ...
0
votes
1answer
118 views

Loading dynamic css based on user

I want to provide different UI theme based on user who logged in. For that I have came up with following 2 options: create separate files for all themes duplicating all the common css. This way I ...
0
votes
0answers
48 views

Handling stylesheet from a real programming language

Lately I've been playing with CSS (and other web technologies). I'm a non-web programmer, and probably this is influencing way too much my approach. I found CSS syntax very limited, thus gave a shot ...
0
votes
1answer
106 views

Should ALL divs float left?

I'm designing within an application that I inherited. I have done a lot of work to "consolidate" the CSS which was extremely overworked through much copying and pasting without a lot of strategy ...
1
vote
4answers
469 views

When making responsive design how many versions of account for? [closed]

I am learning how to make responsive layouts for sites and web applications. It's said we need to use media queries to find out the width(resolution) and then select the layout(wireframe) for that ...
6
votes
3answers
4k views

Responsive Web Design vs. User-Agent Sniffing

The CSS3 media query feature has led to many interesting possibilities in terms of developing websites which adjust to many different screen sizes and devices. However, in practice, I'm starting to ...
1
vote
1answer
108 views

Best way to let users/visitors alter the website design

What I am trying to do is give the users/visitors the option to alter the whole website based on their taste. So they can move for example the sticky bar from top to bottom, alter background colors, ...
2
votes
2answers
163 views

How to be Agile when new work keeps affecting completed work?

The project I'm working on is to re-skin an existing website. The functionality will stay the same, it's just the styles that are changing. In other words, I'm not modifying the HTML, only the CSS ...