Friday, May 18, 2012

21 Most Used Fonts By Professional Designers | Fonts | instantShift

The fonts are one of the most important parts of every web Project. All though there have been many other selective collection font posts around which most of the time leads to big confusions Like which typefaces is really useful for your project or how to choose your font from the list of hundred fonts.

21 Most Used Fonts By Professional Designers

We spent last whole week reviewing dozens of font reservoirs and typography articles about fonts usability and popularity. Finally we end up with a list of 21 Most Used Fonts by Professional Designers in Web Designing World. All the screenshots made in such a way that there is no point of confusion. You can directly check the actual preview and corresponding font type.


The basic purpose behind this post is to show popular font types. there is no direct download link available for any font. You can find some related references at the end of the post.

Gimp permet de recadrer une photo facilement.


Nous allons pour l’exemple recadrer cette photo en cherchant à conserver uniquement la partie gauche de l’image :



On va utiliser pour cela l’outil selection rectangulaire afin de faire le contour de la zone à conserver avec cette outil :



On fais alors un cadre de la zone à conserver. Si la zone n’est pas bonne, vous pouvez annuler la selection en faisant selection->aucune. Vous pouvez alors refaire une selection.


Une fois la selection faite on peut alors recadrer l’image en faisant Image->decouper l’image.

Combiner les images avec GIMP :)

gimp :: detourageNous allons placer notre premier noeud par un simple clic pour commencer à détourer cette jolie cuillère.
Nous allons ensuite placer notre deuxième noeud tout en restant appuyé sur le clic gauche de la souris, vous allez alors pouvoir déplacer la souris et voir un segment entre nos deux noeuds se déplacer.
Lors de cette manipulation, deux tangentes se sont créées, les poignées qui se trouvent au bout des tangentes pemettent de modifier la courbure des segments.
Moins vous prendrez d'espace entre vos noeuds et plus votre tracé sera précis, mais attention à ne pas trop serrer vos noeuds non plus. Regardez sur l'exemple lorsque se sont des lignes droites les espaces entre les noeuds sont plus important que lorsque se sont des courbes.
Faites le tour de la cuillère de cette manière jusqu'à arriver au dernier segment à refermer. Pour refermer un segement il vous suffit de pointer sur le dernier noeud à relier tout en appuyant sur Ctrl.
Si vous vous êtes trompé, vous pouvez à tout moment revenir en arrière en faisant un Ctrl + Z.

25+ jQuery Plugins that enhance and beautify HTML form elements

Focus will be laid out on the following aspects


The aim of this article is to give you a quick introduction of a css property named text-shadow which was first included in CSS2 (but it’s not implemented in all browsers yet). Nevertheless you can make some cool effects with it, which could only be done before by photoshopping text and rendering it as an image.

Because it’s included in Safari since version 1.1(!) Mac users should be aware of various effects done by this property. In fact, most companys and persons with mac users as their main target audience use this effect on their websites.

This article describes how text-shadow works, what you can do with it and which browsers currently support it. At the end of this article I’ve made up some examples and provide a list of useful resources.


Using CSS Text-Shadow to Create Cool Text Effects


View the article

The CSS3 text-shadow property has been around for some time now and is commonly used to recreate Photoshop’s Drop Shadow type shading to add subtle shadows which help add depth, dimension and to lift an element from the page. This isn’t all the text-shadow property is capable of though, by getting creative and playing around with the colours, offset and blurring we can create some clever and pretty cool text effects!

View the text-shadow effects

Check out the six text effects of vintage/retro, inset, anaglyphic, fire and board game in the demo, then copy the code snippets below to use the effects in your own designs. Needless to say you’ll need a text-shadow supporting browser (Safari, Chrome, Firefox) to see them in all their glory.

22 Advanced CSS Text Effects And Web Typography Tips

22 Advanced CSS Tips for CSS Text Effects

You definitely should have seen those advanced CSS text effects for now already, they are rapidly getting popular as upcoming and current trend in good webdesign. The best thing about these effects is, it can be achieved with pure CSS, no more image replacements and image heavy web designs. In this article I showcased all the best explained CSS tutorials and typography tips I found and thought you definitely must read! Scroll through or definitely save this article to bookmarks so the next time you create new design in Photoshop with letterpress, shadowed etc. effects – you can create them just with pure code!

Typography takes also very important role in good web designs, so I strongly recommend to read articles I featured there as well! Enjoy and get inspired for your new, advanced web designs!

1. Create a Letterpress Effect with CSS Text-Shadow


View Demo

2. Text Rotation with CSS


3. Date Display Technique with Sprites


4. CSS Gradient Text Effect


View Demo

5. CSS Text Gradients

Yet another very similar tutorial about text gradients, but maybe you’ll like both variants trying to explain really how CSS text gradient effects work.


6. Add grunge effect to text using simple CSS

Article is based on the same technique as CSS text gradients using it to add grunge type effect to your typo!


View Demo

7. Two simple ways to create text embossing effect


8. Text Embossing Technique With CSS

Example from AlexBuga homepage.


9. Codename Rainbows

Beautiful CSS&Javascript code offered by DragonInteractive teaching how to get two-color gradient text effects, shadows and highlights.


View Demo

10. CSS Drop Shadows


11. Text-Shadow Exposed

Make cool and clever text effects with css text-shadow. Very detailed article teaching you a lot of hidden tips how to achieve text glowing, embossing,shadowing with just few steps.


12. Background gradients and CSS

Pretty cool CSS background effect, which can be applied on hover giving a lot of options use it in creative way!


13. CSS Text-Shadow in Safari, Opera, Firefox and more


14. Text-overflow


15. How To Implement sIFR3 Into Your Website


16. How To Use Any Font You Wish With FLIR


View Demo

For Further Reading – More Typography Tips In Sucessful Web Designs

17. How to use headings in HTML


18. Advanced Typography techniques using CSS


19. 10 Examples of Beautiful CSS Typography and how they did it…

Beautiful article explaining simple but very effective CSS tricks how to achieve beautiful typography effects with just a few lines of code.


20. Typographic Contrast and Flow

Nick La teaches how to apply right contrasts and flow in your webdesigns explaining why and what works and how to achieve that effect.


View Demo Overview

21. The Elements of Typographic Style applied in Webdesign


22. 5 Principles And Ideas Of Setting Type On The Web




Thursday, May 17, 2012

A Common Problem and a Simple Solution

Filed under: ScribeFire, Troubleshooting, WordPress by Christopher Finke

One of the most common bugs reported for ScribeFire is a variation on this theme:

“When I post to WordPress, all of the HTML is stripped out. e.g., <br /> appears as ‘br /’.”

This is not a bug in ScribeFire; rather, it is a bug in a piece of software called PHP that is used to run your blogging software.

The (hard) solution to this bug is to get your Web host to upgrade their version of PHP to version 5.2.9 or greater. If that’s not possible, you can fix it yourself by installing this WordPress plugin.

Thanks to all of the ScribeFire users that have reported this problem, and thanks as well to the other users that supplied links to the fixes.

Monday, May 14, 2012

When you're in the jungle?
This helps a lot ...

Where is php.ini located?

That's the largest font I got to make my voice hhheard.  Then I came across this blog, so share and have sex :)

Well it depends on the Linux distribution you are using, the version of php and the way you install it with Apache web server. Php.ini may be here:


Or here:


Or here:


Anyway, you can always find any file named php.ini in this manner

find / -name php.ini

The simplest yet most powerful usage of the renowned find command. By its help I was able to locate the php.ini on my Ubuntu 9.04 Apache2 and PHP5:


Use phpinfo() to find out

Write a simple PHP file with the following content:

<?php phpinfo();

And upload it to your server and access it in your web browser to get a page like this:

PHP configuration file php.ini path


Know us

Our Team


Video of the Day

Contact us


Email *

Message *