Posts on Twitter:

Learn How To Create Mobile Apps With HTML5 ☞ JVLVhQCzzEL




WANT TO LEARN ABOUT Advanced , Sprints, Object-Oriented , Making Design Systems Work? Check the impressive workshops at this years Sign up today. mirisuzanne sophiavux bencallahan _kaseybon…




WANT TO LEARN ABOUT Advanced , Sprints, Object-Oriented , Making Design Systems Work? Check the impressive workshops at this years Sign up today. mirisuzanne sophiavux bencallahan _kaseybon jimkalb…




WANT TO LEARN ABOUT Advanced , Sprints, Object-Oriented , Making Design Systems Work? Check the impressive workshops at this years Sign up today.




Ben jij nog op zoek naar een stage als back-end developer? Kom dan ons team versterken van circa 20 young professionals en word de nieuwe Service Hero. Geïnteresseerd? Neem dan contact met ons op: info@serviceheroes.com




Late birds, complete your registration today. Let's work that screenwriting career.




























I prefer the philosophy of Tailwind framework over : "Tailwind provides highly composable, low-level utility classes that make it easy to build complex user interfaces without encouraging any two sites to look the same."













"It's no secret that you can make a pretty penny creating websites for clients, but what many of us don't know is how easy it is to get started."






Posts on Tumblr:

DO NOT USE FLOATS, THEY’RE EVIL!!!!!!!!!!!

I just edited my theme to get rid of those evil things (except the pagination, which don’t cause issues to others elements on the page). Use display:flex, its a lot better. I finally can breathe. Thank you display flex.

youtube

Dev Online

youtube

Dev Online

Join KharkivCSS 2019!

There are 1000+ events for IT specialists, startups and investors are organized in Ukraine every year! That’s why we always try to visit as much awesome and useful tech events as possible, and we couldn’t miss the next one in Kharkiv! On April 20, 2019, you’re invited to join…

GRID is a visual cheatsheet for CSS Grid Layout

There are so many facts about CSS that we want to share with you! For example, do you know about CSS Grid Layout? We would be glad to tell you! GRID is a visual cheatsheet for CSS Grid Layout
CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, me…

Sometimes I don’t put titles in my posts at all. And there is always this annoying white/empty space in the top of the posts. For years I tried to figure out what the hell is this annoying thing, tried play with paddings, but that always ended up messing with photoset posts.

Only recently I’ve discovered the browsers has a default blah to the paragraphs, as well as the other selectors like blockquotes, h1, the blah in the whole body, etc.. Then, using the chrome inspect tool, I’ve found a way to make this look a lot better:

p {
blah-block-start: 0; /* deletes the space in the top */
blah-block-end: .4em; /* makes the space between paragraphs a lot better*/
}

Result:

The default is 1em (16px) that’s huge!!!!!!!!!!! You can also use blah: 0; but that deletes also the space between the paragraphs. That’s up to you! 

Dark Mode Is Coming

As you have seen lately a new thing is taking over websites, the ability to have a light & dark mode. But Why?

Over the last year, Windows 10 launched light mode to go wit it’s normal dark mode. macOS launched dark mode, Android 9.0 Pie launched Dark Mode. But what is this tech? Well it’s the way to change all of your system to one color scheme.

Now this same tech is making it’s way to the internet. Twitter, Hulu & Youtube are just among some website that have already put dark mode into their sites, but these sites allow the user to choose which color scheme they want to use via a toggle. Sparkk TV’s dark mode will be hard coded, built in based on the user’s OS preference. Currently this is only supported in Firefox (Windows & macOS) & Safari (macOS). Within 2019, it should come to more browsers for support.

Sparkk TV plans on launching our dark mode before April, 2019. Rumors are iOS 13 may support this mode also and if it does, we will be bringing dark mode to mobile also. Currently we will only support this on computers with tablets & mobile coming at a later date if it becomes supported on those devices. By using the hard coded CSS it allows us to have it supported as soon as a browser gains support for the mode.

Using a CSS variable inside a selector

I just learned a cool css trick using css variables (–something / var(–something)). and its very usefull por editing squared images or icons. Like, when you want the elements to have the same height as the width and you have to keep editing both css line until you’re satisfied with both width and height, etc. With css variables you can make one single css line and apply to both width and height. But the new thing is, you don’t need to put this i a root{ } css line, you can put this inside the div’s css you want, so you code will be organized!!!! Look:

.icon img{ 
 --size:200px; /* css variable */

width:var(--size); /* css variable applied here */
height:var(--size); /* css variable applied here */ 
object-fit:cover;
}

If you have a root{} variable on your document, you don’t need to go up there and add a size variable, if others element of your page will not need that css line!!!! See what I did to test it out:

pretty useful.