Styled-Components: CSS-in-JS Library for the Modern Web

This post was written by Jeremy Davis, JavaScript Developer for Toptal.

CSS was designed for documents, what the “old web” was expected to contain. The emergence of preprocessors like Sass or Less shows that the community needs more than what CSS offers. With web apps getting more and more complex over time, CSS’ limitations have become increasingly visible and difficult to mitigate.

Styled-components leverages the power of a complete programming language—JavaScript—and its scoping capabilities to help structure the code into components. This helps to avoid the common pitfalls of writing and maintaining CSS for large projects. A developer can describe a component’s style with no risk of side effects.

Port php mysql scripts to php 7.0 from 5.x version

Recently I got a script or series of scripts that were written for PHP 5.6x and hence used mysql_connect which as you know by now does not work with PHP 7.0. Since there were number of scripts, I thought it would be waste of time to change them manually and wrote a script to fix them. If you have similar situation then probably this few lines could help you.

Since my scripts did not use all the functions so I did not put the sed commands for all of them but you get the idea 🙂

Eight CSS Tips for Advanced Layouts and Effects

The realm of web front-end development has made considerable progress over the last few years. However, the web front-end, as the users see it, is still the same: HTML markup styled with CSS.

Many layout problems can seem simple at first but often proves to be tricky. Without extensive knowledge of how certain CSS features work, these advanced layouts can seem impossible to achieve with CSS alone.

remove the background the easy way — online

Here is a nice link to web application that lets you remove the unwanted background. Just head over to the side, follow the simple instructions of marking the background and the subject and you are done.

http://clippingmagic.com/

Pretty good results you will get here, you may need to do a little work on the results but otherwise pretty good results.

Related articles

• Remove Unnecessary Jars!
• What are the names of frameworks for creating android applications?
• CSS Completed

Your own local search engine.

There are times when you would want to have a local search engine capable of indexing even pdf and doc files. So here is a solution.

You can use “Omega” and here are the instructions.

download omega from http:// xapian.org/download

yum install xapian libuuid-devel

And then make and install omega and for this you can follow the instructions.

Create index using command omindex
and then you can use quest or search.py to search or you can setup the cgi way so that you can use local browser to search.

cd across parallel directories

Here is a simple and fast way to cd across parallel directory.

  <td>
    <div class="text codecolorer">
      cd ${PWD/test/actual}
    </div>
  </td>
</tr>

Related articles

• Linux command line tips: wget (ghacks.net)
• Article Directory Submissions (tjantunen.com)
• Article Directory Submissions (cash-bandit.com)
• Create a repository from your fedora DVD (annupandey.wordpress.com)

Empty a file

This one is for those who know the “touch” command. Hope all of us do not follow a  command just because it is on one of the popular site without trying to understand the command and the output.