Go Premium for a chance to win a PS4. Enter to Win

x

CSS

41K

Solutions

15K

Contributors

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Share tech news, updates, or what's on your mind.

Sign up to Post

ITKit-SocialMedia-Native.pngIT Day is around the corner! Take advantage of our free set of diagnostic and discovery tools to help you in and out of the office.
2
Free Tool: ZipGrep
LVL 11
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

PriorityQuestions-SocialMedia-Onsite.jpgHave you tried to ask a Priority Question? Check out this article to learn how you can ask your questions and alter the priority of your issue to place it in front of topic Experts!
5
Last chance! Today is the final day to enroll in courseofmonth-native.JPGJuly’s Course of the Month, which prepares you for HTML5 certification. Premium Members, Team Account members, and Qualified Experts unlock this course for free as part of their membership! Once you enroll, you’ll have 30 days to take the course.
4
courseofmonth-native.JPGOnly 5 days left to get your HTML5 certification with your free Course of the Month. Take advantage of this month’s featured course and add a programming language to your resume today.
5
Apple is no longer just for the tech-savvy millennial and professional crowd. Check out today's product release, where developers as young as 7 and as old as 84 are releasing new apps to the App Store. https://www.apple.com/apple-events/june-2017/
6
 
LVL 14

Expert Comment

by:Joseph Hornsey
Wait... Apple users are "tech-savvy"?  Huh.
3
This is an amazingly simply way to make an Electron desktop application from a webpage. I love it :D
3
 
LVL 7

Expert Comment

by:Brian Matis
And I wonder if it works with browser notifications? Those notifs can be pretty handy for something like Hipchat.
0
 
LVL 10

Author Comment

by:Brandon Lyon
Electron has a notifications API so it could probably work if one decided to add that. I can't tell if Nativifier does that or not and I haven't tried yet.
1
1
I had a need for a “colour picker” for the nice original Windows Phone colour palette. The codes are impossible to remember, so I was looking for a method to point and click to copy a value for later to be pasted into a property pane.

As I wanted all values presented in the three often used formats for CSS, VBA, and as hex values - and had the colour values as an enumeration – I also needed some converter functions. Not much, and with a simple loop all field values could be set.

However, writing code for 63 fields looked like a daunting task. This is where WithEvents came in and solved that with a few handfuls of code.

I wrote it all up here as there are so few examples found demonstrating WithEvents:

    https://www.experts-exchange.com/articles/29554/Create-Windows-Phone-Colour-Palette-and-Selector-using-WithEvents.html

with a reference to John Colby’s old tutorial on WithEvents for the interested reader. The only principal difference to John’s example is, that I didn’t use 63 variables but a collection (as I learned from Shamil Salakhetdinov) to hold the controls.

The colour palette of Windows Phone I have previously used here:

    https://www.experts-exchange.com/articles/17684/Modern-Metro-style-message-box-and-input-box-for-Microsoft-Access-2013.html

/gustav
3
 

Expert Comment

by:Daniella Barion
That's great. I am sure it will help a lot of people.
0
Used html5 progress bar for the first time the other day. Really easy to use and makes a pretty cool looking progress bar. Don't know why I didn't take advantage of them earlier.
2
Curious to see what people think about CSS frameworks like SASS or YAML?

I've seen two main schools of thought on this topic:

- Frameworks are necessary for streamlining the front end dev process
- Frameworks require too much training or are too transient to be useful in the long term.

I've personally never used SASS but found HAML to be extremely useful in a startup I was involved with. Having the preprocessor allowed me to unclutter the front end code and made everything much more readable. It was a little difficult to get into in the beginning due to the indentation requirements (very python-esque) but after awhile I started to really enjoy it.
3
 
LVL 10

Expert Comment

by:Brandon Lyon
CSS preprocessors and frameworks have their pros and cons and definitely come in handy for certain use cases.

CSS preprocessors like SASS & LESS can come in handy because of variables, color math, and mixins. Overall the downsides tend to outnumber the upsides, especially when working on large teams. If I were going to use something like SASS these days I would probably just switch over to generating the CSS using javascript (which is another trend that is becoming common). That also has its pros and cons but is even more flexible and comes with fewer cons.

CSS frameworks tend to be useful if you're building something from scratch and don't want to deal with styles. The main issues with CSS frameworks are bloat and inheritance issues. When modifies the styles in those frameworks or only needs a small percentage of them it starts to become a pain point. If you're an experienced user of CSS then frameworks end up taking more time to fix than it would take to implement the styles one needs from scratch.
1
 
LVL 43

Expert Comment

by:Rob
I agree with Brandon.  

If your dev environment is set up to use them then it works really well.  If used in an adhoc way they can be really messy.  Even more so that normal CSS!

I personally do not like referring to them as frameworks as my understanding is they are built using the same language.  These are essentially 3rd party programs that introduce their own variables and structure.  I see them more as a compiler of sorts but I'm probably just being picky hahaha

What I do like is bringing a sense of Object Oriented programming as CSS for the most part is a mess even when you do try to do it right.  You want to have a consistent base font, size etc etc and it drives me crazy trying to implement that effectively.

Bloat is certainly a concern as you want it to produce effective and efficient CSS.  This has been an issue in the past with Web IDEs like Dreamweaver and Frontpage is that they would generate terrible html and proprietary at that and really bloat the site.

I use PHP and a framework called CakePHP to assist with the development and ongoing development of the site.  It's a trade off for sure but as the complexity ramps up, that's where the framework comes into its own as you would be generating almost as much code yourself and most likely more inefficient.  No different to using a JS framework like jQuery, reactjs, Angular or knockout.

So for me it's about complexity.  The more complex the site, the more you may look at using a CSS "framework".  If it's simpler then writing your own is probably the best way to go.  Really a case by case basis.

Certainly with any framework you should always learn the basics to understand what the framework is actually doing.
1

CSS

41K

Solutions

15K

Contributors

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.