Deviant Login Shop  Join deviantART for FREE Take the Tour
×

More from deviantART



Details

Submitted on
December 17, 2013
Submitted with
Sta.sh Writer
Link
Thumb

Stats

Views
2,940 (8 today)
Favourites
23 (who?)
Comments
27
×

CSS: Did You Know? Sneak Peek!

Tue Dec 17, 2013, 6:00 AM





Sneak Peek


VOLUME #0
by :iconlablayers: LabLayers


Creating a Responsive Grid System


Is it really that hard? Resize this window to find out!



.col1
.col1
.col1
.col1
.col1
.col1
.col1
.col1
.col1
.col1
.col1
.col1



Star Ratings


Hover over these stars and see what happens!



Of course, I can always pre-set it for you:





Fixed Background Image Effects


This is so cool, right!?


Getting Started with LESS


The syntax goes a little like this:


@pink:#E85D5F; a.button { color: @pink; :hover {color: white; } }

More CSS Mojo!


In the meantime, you may want to check out pica-ae's awesome CSS tutorials and browse our previous articles:


Congrats!


You found the easter egg! The first person to note LabLayers with a description of the image below will get 20 :points:!





Here are a few articles I'll be publishing in the coming weeks! :la:
Be sure to watch %CSS-DYK for updates and feel free to suggest any article ideas by sending us a :note:.

(P.S. There is an easter egg in this journal. Read the instruction provided, and you may win :points:! No one has found it yet...)
Add a Comment:
 
:iconetsuko-hime:
Etsuko-Hime Featured By Owner Dec 31, 2013  Hobbyist Traditional Artist
i have no idea what this is, but i like it!! :la: happy new year!! XD
Reply
:iconlablayers:
LabLayers Featured By Owner Jan 4, 2014  Student Interface Designer
Awesome! You can learn CSS here: www.w3schools.com/css/default.…
Reply
:iconetsuko-hime:
Etsuko-Hime Featured By Owner Jan 5, 2014  Hobbyist Traditional Artist
Thank you :3
Reply
:iconikue:
Ikue Featured By Owner Dec 18, 2013  Hobbyist Digital Artist
I had no idea LESS worked on dA! I'm gonna have to work that in to my future skins for sure. :nod:
Reply
:iconlablayers:
LabLayers Featured By Owner Dec 18, 2013  Student Interface Designer
For some reason some aspects of LESS work in journal skins, but not all. ;)
Reply
:iconikue:
Ikue Featured By Owner Dec 18, 2013  Hobbyist Digital Artist
Will have to tinker to find out. :B
Reply
:iconlablayers:
LabLayers Featured By Owner Dec 19, 2013  Student Interface Designer
It turns out that you can only get away with putting a id selector named after a CSS attribute with :before/:after inside a class with no element (it's pretty useless) but I will see what else I can do before I file a bug report. 

I used LESS syntax, and it actually compiled when I looked at the generated CSS although it could also possibly be SCSS... :P
Reply
:iconiamanelebiscarra:
iAmAneleBiscarra Featured By Owner Dec 17, 2013  Hobbyist General Artist
so cool!
Reply
:iconlablayers:
LabLayers Featured By Owner Dec 19, 2013  Student Interface Designer
I know, right? :eager:
Reply
:iconiamanelebiscarra:
iAmAneleBiscarra Featured By Owner Jan 15, 2014  Hobbyist General Artist
hah! i figured the fixed background thing (kinda)... it's here:


but yours is better. :D

:squee:...your avid fan here!
Reply
Add a Comment: