Shop Forum More Submit  Join Login

CSS-DYK Is Starting Back Up!

Sun Mar 2, 2014, 6:57 AM





CSS-DYK Is Starting Back Up!


A Quick Guide
by :iconlablayers: LabLayers






You heard right!


CSS-DYK is back, with new articles starting every week on Thursday!


Every week, we will feature a new topic within CSS that will apply both inside and outside of deviantART. I will also release or feature an ambient custombox background at the end of each article. Here's this one:


Ambient Smoothie Custombox Backgroud by LabLayers


Interested in Helping Out?


Think you've got the CSS Mojo to teach others your skills? You're in luck, because are looking for writers! Send us a :note: if you're interested.



A Note on Composing Journals:


For the best results, it is highly recommended that you compose your journals in Firefox or Internet Explorer 11+. This will allow you to enjoy the benefits of using HTML with Rich Editing Mode without having to deal with debugging later on.

Webkit-based browsers like Chrome and Safari tend to put in extra code inside (contenteditable) textareas, keeping the output cluttered and all sorts of messed up.

This is probably the #1 issue people run into when creating and using more advanced journal skins due to the fact that the HTML editor tends to be intimidating and time-consuming to use.




Firefox vs Chrome


Let's take a simple journal with a div tag. Looks innocent, right?



That's where the similarities end. As we switch to HTML mode, however, we see two different worlds:


Chrome




Firefox




As we switch to the preview.. you can tell that Chrome does not like to render your journals correctly with all the random <div> tags put all over the place.


Chrome




Firefox




Simply put: Firefox is much better when it comes to composing journals if you are using rich editing mode! Other than that, it's up to your imagination to decide what to come up with - the possibilities with CSS is endless!

Until then, see you around later this week. :D




It's been a while. ;)
New article later this week!
Add a Comment:
 
:iconaphicrys:
Aphicrys Featured By Owner Mar 4, 2014
:la:
Reply
:iconkovowolf:
KovoWolf Featured By Owner Mar 2, 2014  Professional General Artist
:dance:
Reply
:iconikue:
Ikue Featured By Owner Mar 2, 2014  Hobbyist Digital Artist
:eager:

I only ever code in HTML mode rather than rich editor. But I make it a point to test the wysiwyg editor once the skin is done just to check.
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Mar 2, 2014
I only use Firefox to create my skins and i still run into these problems. I don't think that it is browser related, it's more an issue of the connection AND when you switch between RTE and HTML mode.
Because that usually causes my problems... or when you worked in HTML mode, switch to RTE and then edit things. Every line break could mess up the code then.
Reply
:icongillianivyart:
gillianivyart Featured By Owner Mar 2, 2014  Hobbyist General Artist
Ah, that is good to know.  I just do the Rich Text Editor when writing a regular journal, and input my template content in the HTML when doing code examples.  Had no idea it was my browser issue and not an RTE issue.  I just thought the RTE was annoying.  ;P  haha.  Well, I'm not going to use the other browser just for writing a journal :shrug:.  I still love my Chrome more.

And yay for the group restarting!  It is a lot of work to keep the articles coming.  bradleysays did a lovely job.  I still have unfinished articles in my sta.sh.  I'll see if I can make anything presentable and send them in to the group.
Reply
:iconlablayers:
LabLayers Featured By Owner Mar 2, 2014  Student Interface Designer
Yeah, it's the #1 problem deviants run into when using my overly complicated journal skins. Random div tags break everything and more time than not they are not comfortable with HTML. Using Chome is totally fine as long you never ever use the rich text editor when developing journal skins :P

It's definitely been a while (like 9 months) since an article was last posted. Feel free to note me your articles once you get them done (or if you want me to finish them for you.) Here's a tiny sneak peek of the next one while I'm at it: sta.sh/02cj809h1kqj :D
Reply
:icongillianivyart:
gillianivyart Featured By Owner Mar 2, 2014  Hobbyist General Artist
:D
Reply
Add a Comment:
 
×

:iconlablayers: More from LabLayers


More from DeviantArt



Details

Submitted on
March 2, 2014
Submitted with
Sta.sh Writer
Link
Thumb

Stats

Views
13,822 (2 today)
Favourites
4 (who?)
Comments
7