background preloader

Internet

Facebook Twitter

Tumblr for Business: The Ultimate Guide to Getting Started. If you’re like a lot of marketing professionals, the most you know about Tumblr is the links you’ve clicked to it from Pinterest. But beyond that, does Tumblr matter? Should you be on it? Why or why not? If you use it, what benefits could it provide? And how do you use it? To help answer those questions and to clear up Tumblr misunderstandings take a look below… Tumblr 101 To understand Tumblr, we have to start at the beginning, with what exactly the network is.

What Is Tumblr? Simply put, Tumblr is a free, micro-blogging, social sharing site. Who Uses Tumblr? Like most social networks, Tumblr has a diverse user base. How Do You Get Started on Tumblr? Setting up an account on Tumblr is simple. How Can You Use Tumblr for Business? You can use Tumblr for business in all the ways you can use blogs for business. Which Small Businesses Could Benefit from Tumblr Most? Because of the visual nature of Tumblr, small companies in visual industries stand to benefit the most from it. 1. 2. 3. 4. 5. 6. Free CSS Templates - best free website templates. Utilizing Custom Fields to Create Review Boxes. Reviews are perhaps one of the greatest powers of blogging in terms of authority.

When done properly (with hard work and consistent information), review blogs are arguably the most profitable category in the blogosphere. But every blog has to offer a solid design in their posts, including reviews. In this post, we're going to talk about how to build the perfect review box, since review boxes are probably the first part readers check before reading a review. What We're Going to Build As an example, we're going to create a review box for a movie. Let's take one of my favorite movies of all time, The Pursuit of Happyness. We're going to display the following information about the movie: Name: The Pursuit of HappynessYear: 2006Director: Gabriele MuccinoWriter: Steve ConradStars: Will Smith, Jaden Smith, Thandie NewtonGenre: Biography, DramaRuntime: 117 minutesStoryline: Based on a true story about a man named Christopher Gardner. Step 1 Preparing the Custom Meta Box to Fill in the Data Done! Retour d’expérience sur le responsive design.

Au-delà de notre satisfaction d'avoir sorti un site dont nous sommes particulièrement fiers, nous avons voulu partager notre retour d'expérience sur la refonte de notre site en responsive design. Refondre son site web est toujours un défi pour une agence web. Notre précédent site fêtant son 3ème anniversaire, il n’était plus très en phase, ni avec notre discours, ni avec nos méthodologies et commençait à être technologiquement obsolète. Avec l’arrivée du HTML5, des CSS3 (media queries, @font-face, multi-columns, animations…) et l’expansion du javascript (à travers jQuery ou Mootools…), nous possédons désormais les outils nécessaires pour pouvoir mettre en ligne simplement des sites à la fois agréables, accessibles,rapides et portables.Avec cette refonte, nous avons voulu construire un site qui soit en phase avec notre image,nos méthodes de travail et notre vision du Web. Faire les bons choix Responsive Design, mais jusqu’à quel point ?

Non les écrans HD d'abord ! Un réseau pour une veille complète sur les outils du web. Fidel Navamuel, journaliste et directeur du développement de l'Ecole des métiers de l'information (EMI-CFD), est le responsable éditorial du réseau Les Outils du Web. Ce réseau regroupe plusieurs annuaires de référence dédiés aux nouveaux outils et usages numériques : AllWeb2, Les Outils Collaboratifs, Les Outils de la Veille, les Outils Tice, Les Outils WordPress, Les Outils Google. Ces sites adoptent peu ou prou la même interface tout en se distinguant par un code couleur différent : les billets les plus récents sont affichés par ordre antéchronologique sur deux colonnes, avec pour chacun des produits décrits, le titre de l'article, une vignette d'illustration et l'incipit du billet.

Une troisième colonne contient la liste de tags (et éventuellement des catégories) utilisés pour indexer et classer le contenu des différentes chroniques. Une couverture très complète Sources Fidel Navamuel : About.me AllWeb2 : Fidel Navamuel : son profil sur Scoop.it. Focal Point: Intelligent Cropping of Responsive Images. The practice of implementing responsive images is still in its infancy. We’ve seen a lot of ideas and suggestions for how it should be done and we’re bound to see a lot more. Today we’re going to look at a fascinating little framework that allows you to not only automatically resize your images when the viewport changes, but also crop the images with a specific important focal point in mind. Amazingly enough, it does all this with pure CSS. Read on to see how it works. Meet Focal Point Focal Point is a GitHub project and CSS framework created by Adam Bradley.

The problem with this idea of course is that if you arbitrarily crop an image, you could be cutting out the most important part of the image! Fortunately, Focal Point allows you to specify a targeted area of the image to retain (the focal point). How Does It Work? Implementing Focal Point is a pretty unique process, but it’s quite easy. The process here is to find the face, then count grid units from center. The Code Build It. Create an Animated Share Menu With CSS. Sharing is an integral part of the web experience and designers are always looking for new and interesting ways to highlight or show off the sharing portion of their pages. Today, we’re going to build a simple sharing menu that integrates an icon font as well as some animations. The final product is inspired by Disqus, but has a unique twist of its own.

Let’s jump in and see how it works. Check out the Final Demo: Click here Disqus Share Menu The idea for today’s tutorial comes from the Disqus comment menu that you see at the bottom of this and every other Design Shack article. Step 1. For this menu, we’ll need at least three social sharing icons. After some searching, I found Socialico from FontFabric, which is free, has tons of icons and is licensed for embedding on websites.

Now, to make sure that we have maximum compatibility for embedding this font into our page, let’s head over to FontSquirrel. So far so good! Step 1. Now it’s time to mark up this sucker. That’s it! Step 2. Step 3. The 20 best tools for choosing a colour scheme | Colour. The web is absolutely chock-full of colour scheme tools that promise to help you reach colour nirvana. Not all tools are created the same, though, and many are no more than basic rip-offs of the more popular or useful offerings. So to make things easier, we've rounded up some of the best tools for choosing colour schemes available today. They'll help save you having to sort the wheat from the chaff and enter colour heaven... 01.

Adobe Colour CC You may know it by its previous name, Adobe Kuler. Its essential nature has not changed, however: Colour CC lets you try out, create and save various colour schemes, each of which consists of a set of five colours. 02. The Mudcube Colour Sphere is a handy little colour resource for designers in that it not only provides the hex numbers for each colour; it also helps you to build up a colour scheme from one chosen shade. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 15. 16. 17. 18. colr.org 19. 20. 21. 23. 24. 25. 26. 27. 28.

Words: Sam Hampton-Smith. How to Use Pinterest to Build Traffic. Home >> Get Traffic >> Pinterest Pinterest is an image sharing social media website that exploded on the scene in 2011. It has become a great traffic source for many people and those who've never even signed up! The reason is people can "pin" images from your site onto their page even if you don't use the platform and every pinned image from your page links back to YOUR site!

How It Works As a Pinterest user, you create boards and "pin" images to them. So if you love shoes, you can create a board called "Awesome Shoes" and whenever you're browsing the Web and find a pair of shoes you love, you simply click the "Pin It" button on your browser toolbar (that you install) and the picture gets pinned to your board. People can "like" your pins, follow your boards and re-pin images you post to their own boards. How Does Pinterest Generate Traffic? There are two ways to get traffic from this network. 1) You can add your website address to your Pinterest profile Don't Be Too Self Absorbed Copyrights & Such. Get More Viral Traffic & Exposure From Pinterest With This Simple Strategy - 2 Create a Website - The Blog.

SEO

Wordpress. Comprendre GitHub : Fork, Branch, Track, Squash et Pull Request. Ce guide va tenter de vous apprendre comment bien contribuer à des projets Open Source sur GitHub. Il suppose que vous savez déjà comment utiliser Git pour la gestion de versions et que vous avez déjà un compte GitHub ! Pour faire rapide et afin que tout le monde comprenne, Github est un service Web d’hébergement et de gestion de développement de logiciels, utilisant le programme Git.

Ce site, développé en Ruby on Rails et Erlang, propose des comptes professionnels payants, ainsi que des comptes gratuits pour les projets de logiciels libres. Ainsi, vous allez y retrouver le fait de pouvoir héberger des projets sous Git, avoir des fonctionnalités de type réseaux sociaux (flux, suivi de personne, etc…), un pastebin nommé Gist, et enfin un wiki et une page web pour chaque dépôt. Note : Dans l’exemple ci-dessous, je vais me baser sur le projet bootstrap de Twitter, disponible à cette adresse : Mise en route Vérifiez la partie « Network » Créez votre fork. Scoop.it.