[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]
by Irfan Ahmad via Digital Information World
Wednesday, February 1, 2017
30+ #SocialMedia Marketing Stats for 2017 (infographic)
As social media usage continues to grow at a steady rate it’s essential that entrepreneurs and marketers implement a social media marketing strategy for their business. A key part of any successful strategy is understanding the stats and trends that can affect the outcome of your efforts. To...
[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]
by Irfan Ahmad via Digital Information World
[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]
by Irfan Ahmad via Digital Information World
Animated Filtering & Sorting with the MixItUp jQuery Plugin
Filtering and sorting parts of your website is a great way to organize content. Portfolios, albums, and blogs are just a few examples of things you might want to categorize. To achieve this, many JavaScript libraries can help. Two of the most popular ones are the MixItUp and Isotope libraries.
In this article, I'll go over the basic features of MixItUp 3 (the latest release at the time of writing) and show you all the steps needed to take advantage of it in your projects. To better demonstrate how this library works, I've also created a demo, which I'll refer to throughout the article.
Note: This article was updated in February 2017 to cover v3 of the MixItUp library
What is MixItUp 3?
As mentioned above, MixItUp 3 is a dependency-free, JavaScript library that allows you to filter and sort elements using CSS-based animations. Created by Patrick Kunka, it comes with a number of different customization options and detailed documentation. You can integrate it easily into your existing layouts. All that's needed is to target the desired elements and the library will do the grunt work for you.
For non-commercial projects, you can use it for free. However, commercial projects require a license. More information is available on this page.
The library works in all modern browsers (including IE10+ with full functionality, and a fallback functional but with no animations in IE8+).
Now that we've seen what the library does, let's see the required steps in order to use it.
Getting Started with MixItUp 3
To get started with MixItUp 3, you first have to include it in your projects. You can download it by visiting its GitHub page or by using a package manager like npm.
For our demo, we'll use the first option. The required script will be placed before the closing </body> tag, like this:
...
<script src="/path/to/mixitup.min.js"></script>
</body>
Continue reading %Animated Filtering & Sorting with the MixItUp jQuery Plugin%
by George Martsoukos via SitePoint
Tilt.js – Tiny Parallax Tilt Hover Effect for jQuery
Tilt.js is a tiny requestAnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery.
by via jQuery-Plugins.net RSS Feed
Turn Your Side Project into a Full-Time Gig: Tips from Hacking UI
Based in Israel, David Tinter is one-half of the masterminds behind Hacking UI and Side Project Accelerator, two hugely successful projects aimed to inform, inspire and showcase the evolving world of technology. The other half of the creative duo is Sagi Schreiber, whom Tinter met when they both joined as co-founders of another startup called Moolta.
While Hacking UI serves as a digital magazine, along with its own podcast series and a newsletter released regularly, Side Project Accelerator is an eight-week course that teaches you how to turn your side project into a full time gig - a dream held by many emerging entrepreneurs.
Tinter said that the “lightbulb moment” to construct Hacking UI came when he and Schreiber decided to create a script that exported SVG files from Photoshop. At the time, there was no solution to this never-ending dilemma which frustrated both designers and developers, so of course, the two tech entrepreneurs took matters into their own hands.
“We wrote the script, as well as a couple of articles about it and our workflow, releasing it publicly for free download,” he said.
Continue reading %Turn Your Side Project into a Full-Time Gig: Tips from Hacking UI%
by Aleczander Gamboa via SitePoint
Java’s Switch Statement in Three Minutes
Java's switch statement allows the comfortable selection of one of many execution paths based on a variable's value. The variable must either be an enum, a String, or an integral type like int. Given to switch, it is compared with a list of case labels that each specify a value - as soon as the first one matches, the corresponding statement block is executed. The switch statement works much like a long if-else-if chain and can often be used to replace it.
This article only requires working knowledge of integers and strings but the more you know about if and particularly if-else-if the more you will get out of it. Experience with other numeric types, enums and methods are a bonus.
Using switch
Let's jump right in and start with an example! The following switch statement writes a textual representation of the first three natural numbers to the console:
// any number is fine
int number = 2;
switch (number) {
case 0:
System.out.println("zero");
break;
case 1:
System.out.println("one");
break;
case 2:
System.out.println("two");
break;
default:
System.out.println("many");
break;
}
Just from looking at it, what do you think will happen?
The switch will look at number, which is currently 2, and compare it with each of the values behind the case keywords. It's not 0, it's not 1, it's 2. Bingo! So off it goes calling System.out.println("two").
Syntax of switch
You can use the switch statement with variables of type int, byte, short, char (note that long does not work), String, or an enum (or enumeration type as they are formally called). Here's how it works:
switch (<variable>) {
case <value>:
// statements
break;
case <other-value>:
// statements
break;
case <more-values>:
// statements
break;
default:
// statements
break;
}
You use the keyword switch followed by the variable you want to switch over (as it is commonly phrased) and a pair of curly braces. Inside those curly braces, you list as many branches as you like.
Each regular branch consists of the keyword case, a value that matches the variable's type (meaning it could be assigned to it), and a colon. Together, these three things are called a switch label. It is followed by the statements you want to execute if the variable has that particular value. Unless you have a very good reason, every switch-branch should end in a break. (I'll explain in a minute, why.)
If you need a branch that is executed if none of the labels matched, you can create one with default. It works much like a regular branch but takes no value.
Fall-Through
Continue reading %Java’s Switch Statement in Three Minutes%
by Nicolai Parlog via SitePoint
Mastering Complex Lists with the Android RecyclerView
The RecyclerView was introduced with Google’s material design in Android 5.0 Lollipop.
If you are getting started with Android development or are already an experienced developer the RecyclerView is something worth investigating.
The idea of view recycling has been in Android since version 1 in the form of the ListView. The idea is simple, to present large collection of data using a small collection of views, by recycling and rebinding these views.
Continue reading %Mastering Complex Lists with the Android RecyclerView%
by Valdio Veliu via SitePoint
This Week's HTML5, CSS and Browser Tech News #275
|
by via FrontEnd Focus
Subscribe to:
Posts (Atom)