CSS is amazing. It paints web with designs we know and like. Content behind the scenes is often simply targeted by adding id or class to an element highlighted for styling. That is ordered and good, but what if, for some reason, you aren’t able to add id or class?

Thanks to some dynamic selectors you’re able to call an element you want to style with prefix, suffix or something between depending on HTML.

First of all

While following advanced selectors which I’ll tell you about work, try to best use ids and classes from the beginning. Much like JavaScript, CSS must cross DOM to find connected element. If that element is hard to find, the time needed to find it increases. Sometimes you can’t pass if you for some reason don’t have access to source code or it generates dynamicly (rarely, but it happens).

Partial selectors

Ends with ($=)

Selected element with CSS which has repeating suffix would look like this:

div [ id$=“_myContainer”] {
// CSS
}

First thing you notice is div with brackets surrounding id$ attribute. Div tag can be any element in DOM from input to span etc. That’s amazing if you’re trying to mark specific element with dynamic prefiks like this:

Some sample content

So for selecting this div use selector like before and write:

div[id$="_MyWeb"] {
margin: 0 1%;
padding: 1%;

Do you now what Inkscape is? OK. Probably, most of you know, but for some of you who don’t, it’s free Open Source Software for vectors. I like vectors, for me it is so exciting that combine vectors with HTML and CSS.
I made a little tutorial how to create vector clip in Inkscape.

Step 1

Open Inscape, click on File > Document properties (or CTRL + Shift +D). In section Orientation set for Landskape. You specify dimensions.

inkscape

28codes team were busy like a bees. We created new web sites for others and for us. Proudly present new 28codes landing page.

First landing page was reflection of ourselves on the beginning of our careers – fresh, little bit naive, but still you can see that it was a creation of well training team.

Today, we have much more experience because we have many new web sites to create and code and many new little jobs… Because of that our new landing page have new style different than first one. It’s show new horizons…

 

28codes-digital-agency

 

Most of web developers used or use Adobe Dreamweaver. After a couple of years, it is coming back on scene again. This time more modern.

Dreamweaver is program for web development. At beginning it was only program for writing HTML, and later is writable CSS, JavaScript, PHP and many other programming languages. Until recently, most of web developers on question which program for coding they use, they were happy to respond Dreamweaver, every time. As the web has evolved, program has getting older. Dreamweaver has almost gone to the history. Web developers are turning to alternative programs. However, as announced by Adobe, they’re transforming Dreamweaver into faster program with a modern user interface easier to use. Dreamweaver still is in beta version, what means it still isn’t for sale.

WordPress 4.7 released a few days ago, and named “Vaughan” in honor of legendary jazz vocalist Sarah “Sassy” Vaughan.

As always the WordPress developers and this time save a lot of surprises.
After upgrade or fresh install WordPress, we can see default theme is TwentySeventeen.
Theme is very flexible and deferent of the preceding default themes. It focuses on business sites, not this means that the start is not facing blogs, but that does not mean it can’t be used as a blog.

Brand new basic theme site brings to life with prominent pictures and video letterhead.

After 6 months Ubuntu developers created last stable version, the most popular Linux distribution, Ubuntu 16.10.

What is new and improved in Ubuntu 16.10?

We will come to that, too. We believe that you itchy fingers that as soon as you download your Ubuntu 16.10, so scroll to the end, find all links that you need and come back to us.

Are you ready? Here we go…

What is new in Ubuntu 16.10?

Relative to 16.04 LTS, which was released in April this year, there are no big changes. If you thought that it will be such that you need to upgrade, you will be a little bit disappointed.

But, that doesn’t mean it is worth skipping.

jQuery 3.0 finally came. Web developers community wait this important step since October 2014, when jQuery team started to work on new major improvements this library so far when it’s finally released to the public.

 

Promise that new jQuery is easier and faster and more compatible. In this article, we’ll get some of the new features which jQuery 3.0 provides to have an overview what it changes in JavaScript.

If you want to download jQuery 3.0 to investigate it yourself, you can do that here. It would also be good to look Upgrade Guide or source code.

If you want to test how Your existing project works with jQuery 3.0, you can try that the addition of jQuery Migrate check problems of compatibility with your code.

This article doesn’t cover all the new features jQuery 3.0, only one most interesting: more quality codes, connect with new features new ECMAScript 6, new API for animations, new methods for the rising strings, improved support for SVG, improved asynk callbacks, better compatibility with responsive sites and enhanced security.