background preloader


Related:  Cherry White Design

PINIT: DESIGN - PSD - UI In this post we release a free , designed by SurgeWorks and released for Smashing Magazine and its readers. The main idea behind the kit is to speed up the prototyping of Facebook application UIs and Facebook fan pages, thus sparing you from drawing all the comps and letting you customize all the texts, buttons and data as you need. As usual, the kit is free to use in all projects, without any restrictions. The kit brings the Facebook vector icon and logo. Also, since the focus of this resource are the UI elements, it brings a main window with the header, menu and the chat window for you to set up your realistic mock-ups. Plus all the modal components, comment boxes, buttons, message boxes, tabs, etc. Download the set for free! The theme is released under Creative Commons. large preview (.png, 0.72 Mb) download the .zip-package (zip, 6.5 Mb) alternative download link (zip, 5.1 Mb) release on the developer’s page Features The PSD set consists of 3 PSD files:

The Global Timber Trade, Who's Buying, Who's Selling? More Infographics on Good Acheter un nom de domaine et un hébergement << Introduction | Créer la base de données >> Bien choisir son nom de domaine c’est d’abord prendre en compte les moteurs de recherche et les internautes ou clients potentiels afin d’obtenir une image ou une identité crédible pour votre thématique, vos services, votre entreprise ou votre marque. Remarque: Inclure des mots-clés dans votre nom de domaine peut avoir un impact important sur votre référencement (attention aux marques déposées !) Avant de vérifier que le nom de domaine que vous souhaitez est disponible, gardez déjà pour mémoire que l’extension .com a une vocation plutôt «internationale», commerciale et communautaire, tandis qu’une extension type «nationale» (.fr .ca …) donnera une image plus sérieuse et rassurante. En savoir plus sur les noms de domaine et les extensions Dans 99% des cas, l’offre de base (Plan Essentiel) est amplement suffisante, sachez que vous pourrez basculer vers une offre supérieure si nécessaire.

10 Tools for Creating Infographics and Visualizations The author's posts are entirely his or her own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz. Hello there! I'm Miranda Rensch, Product Manager at SEOmoz and lover of visual communication. Communicating visually is one of the most effective ways to explain complex concepts and relationships, and can be a great way to explain your services/products and create valuable site content. I've compiled a list of tools you can use to create visualizations, or simply use to communicate visually with your teammates. Tools for creating simple infographics and data visualizations 1. Piktochart is a web-based tool that has six decent free themes (and a whole bunch more for the paid version) for creating simple visualizations. 2. is another free web-based tool for creating infographics. 3. is another free, web-based tool with some really nice themes and a great interface for creating simple infographics. 4. 5. [Bonus!] 6. 7. 8. 9. 10. 1. 2.

Eight great free SEO and Google Analytics tools All SEOs have certain tools and tricks that they use to monitor their client's performance and that of their competitors. At BrightonSEO several of the speakers revealed some of the free tools they have found most valuable, as well as some custom reports created for Google Analytics. This list is compilation of tools suggested by Auto Trader head of search and online partnerships Berian Reed; Forward3D head of SEO Danielle Fudge; and Koozai digital marketing executive Anna Lewis. You can find more useful GA dashboards and report relating for social media and email marketing on Lewis's blog... Tynt Tynt is a JavaScript plugin that automatically inserts a backlink whenever somebody copies and pastes your content, which could potentially cause an uplift in the number of backlinks you achieve each week. Many major newspapers use similar kind of automated backlinks, which Reed said earns them thousands of extra backlinks each day. Link Detective Pinalytics SEO dashboard SEO report

The Value of an Hour of Work More Infographics on Good Huit points à vérifier avant le lancement d'un site ou d'un blog lors ça y est ? Vous avez travaillé des semaines sur votre blog, votre site ou votre boutique en ligne, et vous êtes maintenant prêt à le lancer en pâture aux millions d’internautes avides de découvrir ce que vous avez à leur proposer ! Mais avant l’ouverture officielle, avez vous pensé à tout ? Je vous propose dans cet article une petite check-list de 9 choses à vérifier avant de vous lancer dans l’arène. 1. Croyez le ou non, il y a des gens qui lisent les mentions situées tout en bas de votre site. De même, vérifiez que toute personne désirant vous contacter sera à même de le faire. 2. Quels que soient les moyens de promotion que vous désirez utiliser, il est indispensable de recourir à la promotion de vos articles ou vos produits via les réseaux sociaux. N’oubliez pas non plus de permettre à vos visiteurs de s’abonner à votre flux RSS, de façon à leur permettre de rester au courant de l’actualité de votre site (nouveaux produits, nouveaux articles, nouveaux contenus,…). 3. 4. 5. 6.

20+ Tools to Create Your Own Infographics A picture is worth a thousand words – based on this, infographics would carry hundreds of thousands of words, yet if you let a reader choose between a full-length 1000-word article and an infographic that needs a few scroll-downs, they’d probably prefer absorbing information straight from the infographic. What’s not to like? Colored charts and illustrations deliver connections better than tables and figures and as users spend time looking back and forth the full infographic, they stay on the site longer. While not everyone can make infographics from scratch, there are tools available on the Web that will help you create your very own infographics. Read Also: The Infographic Revolution: Where Do We Go From Here? What About Me? “What About Me?” allows you to create an online resume format that is beautiful, relevant and fun, all with just one click. Piktochart Many Eyes Venngage iCharts Dipity Timeline JS StatSilk InFoto Free Photo Stats More Tools

This Shockingly Intricate Graphic Tells You Everything You Need To Know 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. 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. iOS tool The Color App aims to make finding colours much easier, with a large grid of colours so you can utilize your full screen. 05.

8 free tools for creating infographics | Infographic Done right, infographics can be a great way to make sense of complex data. The best infographics transform complex information and data into graphics that are both easy to grasp and visually appealing. The only problem is, infographics that look like they were simple to make are often anything but. Exclusive offer: Save 15% on Adobe Creative Cloud now Here, we've selected our top free tools and apps for making infographics. Some of the options here are even suitable for non-designers, as templates and other features make them easy to use. Give these free tools a try and let us know which ones you get on best with on Facebook or Twitter. 01. Visme promises to help you 'speak visually'. 02. Canva is a powerful and easy-to-use online tool that's suitable for all manner of design tasks, from brochures to presentations and much more besides. 03. Google's chart tools are powerful, simple to use, and free. 04. 05. 06. 07. 08. Related articles:

UIKit - Modern UI components for a modern web The Dialog component is the basis of more specific components such the Confirmation Dialog. Example Click here to open a simple dialog that closes after 2 seconds. .closable() By default dialogs do not have a close button, but it's easy to add one! ui.dialog(msg) ui.dialog(msg) is a nice shortcut, try it here. ui.dialog('Just another dialog') .closable() .show(); ui.dialog(title, msg) How about a title this time? ui.dialog('Title', 'Just another dialog') .closable() .show(); .hide([ms]) Dialogs will remain open until you .close() them, optionally providing a delay in milliseconds. var dialog = ui.dialog("I'll close in 2 seconds").show(); setTimeout(function(){ dialog.hide(); }, 2000); .overlay() This method adds an overlay, which may be clicked (by default) to close the dialog. ui.dialog('Overlay time') .closable() .overlay() .show(); .modal() This method adds an overlay which is not clickable, the user must interact with the dialog. ui.dialog('Overlay time') .closable() .modal() .show();

Finaliser et mettre en ligne son site Wordpress << Créez du contenu pour votre site WordPress | Ressources Supplémentaires >> Arrivée à cette ultime étape, vous avez : un site qui fonctionne (moteurs de recherche bloqués) une première structure (plan de site, fil conducteur) du contenu Que reste-t-il à effectuer ? - Si vous avez effectué toutes les étapes en moins de 24h, votre nom de domaine n’est probablement pas encore propagé. Comment vérifier que votre nom de domaine est propagé ? Notez qu’après la propagation, votre site sera accessible comme ceci: Partie Administration URL : Partie Internautes URL : Passez aux étapes à effectuer après la propagation de votre nom de domaine 10.1. Cette opération est, en théorie, réalisée automatiquement, vous pouvez néanmoins vérifier si elle est effective ! Accédez à votre Cpanel : Copiez votre URL Panneau de contrôle situé dans l’email envoyé par votre hébergeur. exemple : Fermez phpMyAdmin et Cpanel 10.2. 10.3. 10.4.

photoshop actions More Information - Free PSDs Today’s awesome and very neat freebie is a Photoshop action that will save you a lot of time! It’s a Photoshop action that takes your design (web design, logo design etc) and frames it in a niffty looking OSX style frame. If your anything like me and spend a lot of time designing websites, this action is ideal! Anyways here is out it works and looks! Step 1 – Download & Install Action Unzip the file download and double click the action. Step 2 – Run the “Canvas” script Run the “Create canvas” script – this will create a new high res document. Step 3 – Add your design! Step 4 – Run the Mock up Script Step 5 – Your done! Close up Hit me up and let me know how you use the action! digg Have somthing to say?