Facebook discreetly releases a Lite app

If you have an Android Smartphone, iOS or Windows phone, you've definitely tested the Facebook app, only out of curiosity. Unfortunately for me, being equipped with a modest Xperia M I had a hard to use it so much it devour the resources of my Smartphone.
Wanting to conquer all markets and aware of the lack of their application, Facebook discreetly injected on Google play store last week a lighter version of their official application named simply "Fac ebook Lite" and available in eight countries (for now?).

A very Lite Facebook version

The application weighs 1Mb which is a fraction compared to the 27 MB of its "normal" version. It is available for Bangladesh, Nepal, Nigeria, South Africa, Sudan, Sri Lanka, Vietnam and Zimbabwe. Obviously, the new strategy of Facebook is to conquer the market of emerging countries.
I found the Facebook L ite app on the play store, h owever I couldn't install it (it was predictable) so I downloaded and installed this APK available at APK mirror.
Once launched and connected, the interface reminds me almost the version 0. Facebook orm. Facebo ok adapted for the feature phones. The interface is very simple, I noticed a rather bizarre behavior with scrolling, as if the weight of the news feed was also "Lite". The"views" of the app load like Web pages, I'm not 100% safe, but I believe it's a native-HTML hybrid version.
Here are some screen prints from my Smartphone:

Facebook Lite screenshots V
Facebook Lite screenshots V

Note: do not confuse Facebook Lite created by Facebookand FastLite for Facebook which is a fairly popular application and recognized as a good alternative to Facebook (official) since as its name implies, it is very fast. Personally, I prefer Friendcaster for Facebookthat remains in my eyes a much more accomplished, complete and well supported by its developer.

Filed under: Non classé

Propel your WP site with really static

Have you ever wondered if there was a way to make your WordPress site much faster when loading your "static" pages?
You will tell me that there is the excellent w3 total cache (which we use for Beldy) and that does wonders side optimization of content cache. However, in my research, I got in the lead that it was possible to do better, that it was possible to make this whole process much more effective if we changed approach.

How does w3 total cache work?

Skip this game if you are already familiar with w3 total cache.
W3 total cache will put a " tag" expiration on each static element of the site, if for example a visitor will want to open beldy.tk, the server that will send him the entire content is going to tell him if such or such resource is static and therefore will not be subject to a change. The logo of the site for example is a simpl e static. PNG image, so your browser will save it in its cacheso as not to have to re-download the server freeing up the bandwidth and sparing your connection of an unnecessary HTTP request. If we decide to change this file, your browser will be notified using a return code in the header that this resource has been changed and will reload it from the server. Then imagine the drastic gain in loading performance.
W3 total cache does not stop there, it also allows you to create a cache of the site database. If you visit an article, the SQL query that was used to retrieve the article is cached in a file thus facilitating its reading and then reducing the number of SQL queries sent to the database.
These techniques are very useful and can save valuable resources for both the server and the client.

And really static works the same way?

Propel your WordPress site with really static

Yes, but really static pushes the concept a little further. When you visit a dynamic page, it is initially in. php, the server processes it, transforms it into. html and sends it to you. Until then, I don't teach you anything new. Imagine that this HT ML page is saved on the server in such a way that it is served to you instead of the. php page until there has been a change.
The server will only serve you a simple static page until there has been a concrete change in the content. More SQL queries, more processing of pages. php, j ust HTML that transited from the server to the client.
This plugin proves to be very useful if you have a very large site under WordPress and you find that w3 total cache is not enough for your needs.
Hoping that this little discovery is useful to you!

Filed under: Non classé

Create a pure CSS3 accordion without JS

I love CSS3 and every day I discover a feature that I did not know or that I did not imagine feasible in pure CSS3 HTML5. Finally, understand me, I got used to that JavaScript manages the interaction of the user through events, and this example is very common when we talk about accordeons in HTML.
But not anymore, the example I'm going to show you (on the Internet) proves that it is quite possible to create an interactive accordion in HTML5/CSS3 only!

An accordion in pure CSS3? How is that possible?!

Pure CSS accordion
Pure CSS accordion

The author explains that this is achievable via the selector: target so it is only possible on browsers that support this selector (see on can I use the list of browsers that support the selector: target).

The selector: target?

Suppose you have an element whose ID is #mon-Super-element and a link that points to it. It's an anchor. If you click on the link of this anchor, it will be directly affected by the selector: target.

Concrete example

I will in this example use the following source code:
text-decoration: underline;
color: #0089a2;

<p><a href="#num-1">Click me to surliger number 1</a></p>
<p><a href="#num-2">Click me to highlight number 2</a></p>
<li id="num-1">Number one</li>
<li id="num-2">Number two</li>

See the result on CSSDeck

As you can see in the example, it is very simple, and once the principle is understood, we realise the multitude of possibilities that are available to us. Now, understand what's going on with our accordion.


See the example created by LukyVj on CSSDeck

Basically the example is composed of three div each with a unique ID (predictable you will tell me) containing themselves a link pointing to that same ID. This facilitates the targeting of the div when the respective link is clicked.
The content is initially hidden with a simple display: n one propert y on the div. When the tab link is clicked, the display property of the di v changes to display: block and it is displayed! The following animation is a simp le transition (CSS3 property too).
The other tabs are "collapsed" If a tab is clicked, this is also done by the selector: target.
Here, personally, I'm really a fan of the concept! Hoping you liked this article.

Filed under: Non classé

Manage your music effectively with MusicBee

Managing your music turns out to be very difficult when you have a lot of songs and that-like me-you don't sort them out and don't take the time to correct the ID3 tags. I used the excellent Picard of MusicBrainz which is very effective to tag your music properly and intelligently, but having a "music tagger" on one side and a music player of the other made me tired at the highest point.
In this article I will tell you about a very functional software called MusicBee.

MusicBee, the versatile player

MusicBee logo
Yes versatile, this is the best word that could describe this software! In addition to being a good music library Manager, it integrates almost all the features you'll need. Here is a non-exhaustive list of what it offers:

  • Music player supporting almost all popular formats;. MP3,.FLAC,. o gg,. WMAand many others…
  • Library, it facilitates the search, reading and creation of reading lists.
  • Support for podcasts, audiobooks, Internet radio and online services such as Soundcloud.
  • The inevitable 10-band equalizer with pre-amp, DSP plugi ns and support for Winamp plugins.
  • Scrobbling last.fm online and offline.
  • Different skins in colors and styles.
  • The ability to tag music with automatic detection or manual search
  • The possibilityto tag the album coversof music (in tags or separate image file) and from several sources such as last.fm, Amazon or Google images
  • Ability to rearrange your music library into hierarchical folders according to your choices.
  • Encoding, re-encoding and leveling the volume of your tracks (and deleting interrupts for example)
  • Support MTP devices andsync with your mobile device or audio player.
  • Other features that I could list…

MusicBee fashion cinema album and artist
MusicBee fashion cinema album and artist

Download MusicBee for free * on its official website

* Free for personal use

I use this software for almost four months and I confess to worship, the only complaint I have is that it is not cross-platform, I hope that the developer will consider skipping the step to Linux.
Filed under: Non classé

Create "long shadows" in pure CSS

The flat-design is still very popular nowadays. Both simple and very minimalist this style has seduced many designers who swear by its splendor. I myself am a very great admirer of this style, however, like any good thing, it is not to be abused;).

This is not the subject, tonight I wanted to share with you a very sympathetic discovery. Dragging on the StackOverflow side, I came across this topic titled "how to make the new long shadow trend with CSS?" (Literarily: how to recreate the new trend of long shadows in CSS?) that made me smile well.
The author of the question wants to reproduce the same effect (see the illustration in the topic) without creating an image, he wants to do it in pure CSS (or HTML5/jQuery or other).
What really surprised me was that he found a more or less functional solution on this page:

Long shadow generator by Juani Ruiz Echazú

Long shadow generator by Juani Ruiz Echazú

Beldy via the long shadow generator
Beldy via the long shadow generator

Well, the CSS generated is very repetitive and poorly optimized and not at all usable on a production site, but it works, that's what I think is most surprising! Well, I know that the CSS3 is full of stunning properties, but I didn't expect such a discovery especially since the long shadow is a pretty tedious effect to recreate on a vector drawing software.

How does this long shadow generator work?

The script overlays classic shadows via the CSS box-shadow and text-shadow properties to achieve this result. Yes, you understand, it only overlaps shadows while shifting 1 pixel on the x axis and y each time, the gradient is simulated by gradually changing the color at every 13 almost overlays (I'm talking about the default settings).
Very stylish, I find the effect successful, it adapts to the cast used and since it is in pure CSS3, the zoom and de-zoom does not affect the precision o f the work (good, at one time, the pixel-by-pixel offsets become visible, I grant you).

Filed under: Non classé