Kate (1) spent nearly $300,000 on digital marketing courses and certifications. “My husband and I spent close to $250,000 in three years. From going to conferences and buying books and memberships to marketing clubs,” Kate said. “It’s probably more, but that is a conservative estimate.” In spring 2013, Kate enrolled in a Harvard Extension digital […]
Continue reading %Social Media Certifications: Useful or useless?%
Writing to local files is one of the functionalities many plugins and themes need for various purposes. Security is the most important issue plugins and themes have to take care of while writing to local file systems. WordPress runs across various hosting services and configurations, therefore it becomes difficult for developers to create plugins and themes which access local file systems to work across all different kinds of environments without compromising security.
In this tutorial, we'll learn how to use the WordPress Filesystem API to access local file systems which takes care of proper file permissions. In the process, we'll create a plugin which displays a form with a textarea in an admin page that saves the content of the textarea to a file.
You might be wondering why we don't just use PHP's file system functions to read and write local files instead of learning and using a whole new set of APIs?
Continue reading %An Introduction to the WordPress Filesystem API%
If you are a front-end developer there is a good chance that you have heard about pseudo-elements as well as CSS’s content property. I won’t discuss pseudo-elements in depth here, but I suggest you take a look at this Louis Lazaris’ article on Smashing Magazine if you are unfamiliar with the concept or need a quick refresher.
In this article, we’ll focus on the content property. CSS’s content property works with the ::before and ::after pseudo-elements (which can use either single- or double-colon synax). The property is used to insert generated content in a web page and it is fully supported in all major browsers.
content PropertyThe syntax for the content property is broken down as follows, with each of the values represented:
The CSS differs slightly from value to value. For example, to use the attr() value with ::before or ::after, you need to write CSS like the following:
That’s just one example, and more on that later. In the following sections I will discuss each value, including attr().
none or normalWhen set to none, the pseudo-element is not generated. If you set it to normal it computes to none for the ::before and ::after pseudo-elements.
This kind of thing might be used in nested elements that already have a pseudo-element defined but you want to override the pseudo-element in certain contexts.
<string>This value sets the content to a string and can be any text content. If using non-latin characters, the characters need to be encoded. Let’s look at examples of each. Consider the following HTML:
[code language="css"]SitePoint, 2015
[/code]
And then the following CSS:
[code language="css"] .new::after { content: " New!"; color: green; } .copyright::before { content: "\00a9 "; } [/code]Here we are inserting text content into one of the list items, and also inserting an encoded character (in this case, the copyright symbol) into the paragraph element.
See the Pen Content Property with Text by SitePoint (@SitePoint) on CodePen.
A string value must have quotes surrounding it and these can be either single or double quotes.
<uri>The <uri> value comes in handy when you are interested in displaying some sort of media, which you can do by pointing to an external resource (for instance an image). If for some reason the resource or image can’t be displayed, it is either ignored or some placeholder takes its place. Let’s look at some code that demonstrates the use of this value.
Here is the HTML:
[code language="css"] SitePoint [/code]And this is the CSS to show SitePoint’s favicon along with some text:
[code language="css"] .sp::before { content: url(http://ift.tt/1nWd7e4); } [/code]See the Pen Content Property with url() by SitePoint (@SitePoint) on CodePen.
counter() or counters()This value is the most complex value that can be used with the content property. It is written as one of two different functions — counter() or counters(). For a more thorough discussion of CSS counters, check out this article. But here is a brief overview.
Continue reading %Understanding the CSS ‘content’ Property%
It’s the accidental that initiates the serendipitous. Be open to the unexpected! Montreal studio of designer Maxim Aginsky.
Desert is one of the all authentic and reliable – Agency, Portfolio & Resume HTML Template with dozens of awesome features and design you would have never seen in any other Agency HTML template.
DutchScene is an online magazine that publishes music news, reviews, interviews, features and more!
Namzad Food company