800px of front-end

For those who build web

Display: flex; Getting used to flexbox layout model

Flexbox – is literally what many web developers were dreaming about for many years. In a nutshell, this is a new layout model which is supposed to replace old good and .

Flexbox gives us the opportunity to operate block elements as we please. We can line them up in a row or column, align them vertically (yes, yes) and horizontally. We can specify how the blocks should behave when the browser window resizes. We can change the order of the blocks and much more.

Read more

Animated pure css dropdown menu

Hi all. Since I posted a 3 level deep pure css menu I’ve been playing with it around. I thought it would be cool to add some animation on it, since CSS3 with it’s “transitions” is able to do so. It took around 1 hour to create a new version of pure css menu, with little bit of animations.

I want to inform you in advance that this menu is not ideal. Depended on its content it should be changed to work properly. So if you decided to use it on your site, I would recommend you to test how it works with your particular content. Let’s say that it is Alpha 0.1 version of pure css animated 3 level deep menu.

Let’s check it out, here is how it looks and works:

Read more

Customizing ordered list numbers with CSS pseudo-elements

Sad but truth not everything in HTML can be customized with standard CSS. Sometimes we have to use tricky ways to get closer to some elements. On of these elements is ordered list .

Let’s say that we need to change the appearance of numbers in ordered list. But there is no way we can do it directly. Of course we can just set and then put numbers in spans for each , but as for me this method is not very beautiful, since a good web developer doesn’t want to use extra HTML code when it’s possible to solve a problem with CSS.

Here is a better method:

Read more

CSS3 only dropdown menu

Any site starts with its navigation. Considering the fact that content nowadays is waaay more complex than it was in the past – building a one level navigation menu is not enough in pretty much all cases. There are many examples of multi-level dropdown menus built with JavaScript. Using JS for this purpose is of course widely accepted practice. However, as for me, when we have an opportunity to avoid using extra JS code on our beautiful sites, we have to grab and use this opportunity for the next reasons:

  • extra JS could overload the DOM
  • JS could overload users RAM
  • JS affects overall perfomance

So if we could create a dropdown menu without help of JS why don’t we try it?

Read more

My mobile day

Have your ever wondered where all the is time going? There are 24 hours in a day, but since we are all connected to each other through the web it seems the days became twice as shorter than before. And after we can use the web though a device which suits in a pocket the days shortened twice again. I considered to review my daily activity that involves my iPhone in order to figure out what it gives and what it takes. I am going to list all the apps I use and describe the benefit that I got after spending time with it.

Read more

What is Digital Literacy for Marketers?

Digital media marketing is not an IT profession, however everything related to digital marketing happens inside the IT infrastructure. Therefore, digital literacy is an essential must-have skill for every person who wants to deliver the value of anything to people and uses web as the main bridge for it.

Read more

Fighting the second front! What about marketing in the web?

Not only programming builds web, but other forces also have impact and sometimes even more significant impact on the shape of the world wide web. When I think about which is more important for evolving the internet: programming or marketing it reminds me the eternal question about a chicken and an egg. Is that we programmers who create infrastructure for marketers and they later use it to accomplish business goals? Or is that marketers drive everything creating new ways of where to turn the internet?

Even though I can’t answer this question, for me it is clear that a programmer should have a slight insight about the marketing world and a marketer who works with web should have a little understanding about its features and capabilities.

DIgital Media Marketing

Since I decided to get myself into it, I’m going to post here a couple of thing which as I see it are important to understand about digital marketing in 2017.

Read more

The Holy Grail layout with Flexbox

Alright, it’s time to put new features of CSS3 on practice. Do you remember how much of a headache it was to build a “holy grail” layout by using or ? The part when we needed to stick a footer to the bottom of a browser was a real challenge. But thanks God good guys from w3c decided to help us by introducing the flexbox layout model. I suggest to test it and try to build a holy grail layout using flexbox.

Read more

Updater for AngularJS WordPress plugin

I really like these small plugins that make live of a developer easier. AngularJS plugin adds the latest stable version of AngularJS framework to your site.

Advantages of using this plugin:

  • AngularJS is now added to all your themes even to those that haven’t been installed yet 🙂
  • The framework is hosted on a huge JavaScript library hosting so it loads faster
  • You always have the last stable version
  • Every time you install a new theme you can be sure it already has AngularJS

Read more