background preloader

GenerateIt - Image Generators, Website Tools, CSS Generators

GenerateIt - Image Generators, Website Tools, CSS Generators
Related:  Outils Webdesign

2500 free resources for designers Every designer loves free stuff. So here we bring together 2500 brilliant freebies, covering everything from typography to 3D design, in one mammoth list. We'll update this feature regularly, adding more resources as we find them, so amazingly that number will increase over the coming months and years... Graphic design and illustration freebies Web design freebies Free cheat sheet so you can brand your social media pages with easeGet 500 web design books - they're totally free and available nowDesign your new Twitter header with this free PSD130 CSS and JavaScript tutorials to power up your skills50 superb WordPress tutorials10 top WordPress resourcesHow to build an app: 45 great tutorials 3D design freebies Typography freebies Photoshop freebies 300+ free vector shapes for Photoshop45 free Photoshop brushes every creative must have! Have you spotted a free design resource?

Future XP web design icons Black, white and primary colors make this collection as clean as it can get. With its outline and soft same coloured shadows into each icon gives a soft and smooth look and texture. Your software will look amazing with the future icon collection. This set of icons can be a helpful tool in order to create web pages that in turn make up a web site. There are many aspects important in order to create an useful web applications, software, applications or programs. Sizes: PNG, GIF & ICO: 128x128, 48x48, 32x32, 24x24, 16x16 px Formats: PNG-GIF-ICO-BMP Color Depth: WinXP 32 Bits, Color States: - Normal: Normal color - Hot: Contrasted Colors, useful in rollovers, active buttons - Disabled: Gray Scale colors, useful in inactive buttons. thumbs_webdesign.jpgsoftware-icons-futurexp-web_design.jpgfuturexp-web_design_1.jpgfuturexp-web_design_2.jpg Buy now Sample PDF

Scotch Panels ♥ jQuery Off Canvas Menus and Panels Plugin 20 meilleures banques d'images gratuites et libres de droits Trouver LA bonne image prend parfois un temps précieux, que l’on pourrait investir ailleurs, comme faire la vaisselle ou sortir pour une simple pause. Choisir une image ne doit jamais se faire à la légère, il faut garder en tête le message que l’on veux faire passer. Que ce soit pour illustrer l’article de son blog, faire une affiche pour la kermesse de son enfant ou bien présenter un projet décisif, chaque image et photographie aura un impact. C’est sur ces deux constats, le temps perdu et l’important d’avoir des images parlantes et de qualités, que j’ai décidé de prendre un peu du mien pour vous proposer : Les 20 meilleures banques d’images gratuites et libres de droits, ainsi d’une liste commentée de plus de 60 autres sites d’images gratuites et parfois libre de tout droit d’auteur. Attention cependant à bien lire les conditions d’utilisation.

Article Rewriter Advertisement Paste (Ctrl + V) your article below then click Next to watch this article rewriter do it’s thing! If you want to see it in action first, feel free to play around with one of the included samples. copy and paste your text below: 1 2 3 4 5 ⇐ Select a sample text Advertisment Re-write ArticleCheck Grammar This article rewriter tool will scan through your content for words that can be replaced with a synonym. How Can This Tool Be Used to Produce Quality Content? We’ve added over 500,000 new synonyms to improve the end value of this article rewriter, with the purpose of improving articles by providing better words or phrases. Likewise, it can also be used as an article spinner; to create another version of an article that is unique enough to pass a plagiarism checker. Here’s some tips to make sure that if you use this tool for search engine optimization purposes, it won’t backfire. 1. 2. 3. 4. Origanal Word: 43 Suggestions: i am ok, tayyab shoiab Or Add your own word: Use

Web Starter Kit — Web Fundamentals Download Web Starter Kit (beta) What is Web Starter Kit? Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Features Quickstart Download the kit or clone the repository and build on what is included in the app directory. There are two HTML starting points, from which you can choose: index.html - the default starting point, containing Material Design layout.basic.html - no layout, but still includes our minimal mobile best-practices Be sure to look over the installation docs to verify your environment is prepared to run WSK. Web Performance Web Starter Kit strives to give you a high performance starting point out of the box. Browser Support At present, we officially aim to support the last two versions of the following browsers: ChromeEdgeFirefoxSafariOperaInternet Explorer 9+ Troubleshooting A Boilerplate-only Option Docs and Recipes File Appendix - What do the different files here do? Inspiration

The 22 best places to find free vector art online You know that feeling when you're busy in the office or working from home but that piece of work just isn't coming together? You don't have the time to sort something from scratch so you decide to search for some free vector art online – but it's not always easy to find what you're looking for. A good selection of free resources – including free fonts and free vector art – can be a lifesaver for any designer. But more often than not, the process of finding what you need amidst cluttered, confusing pages just adds to the mounting deadline stress. To help you avoid that experience, we've put together a hand-picked guide to the best free vector art resources, including various useful designs you can download in preparation for future projects. 01. Previously known as VectorOpenStock, Vexels still features thousands of free vector graphics and designs, organised into easy-to-browse categories. 02. 03. After a properly retro look and feel for your work? 04. 05. 06. 07. 08. 09. 10. 12. 13.

Quick Sprout — I'm Kind of a Big Deal WideText jQuery Plugin I was searching around the internet trying to find a responsive text solution that was lightweight and easy to use. The few that I stumbled upon didn't work exactly how I wanted, or they had too many bells and whistles. As always, I decided to mess around with each one to figure out the best approach I could take to simplify everything and get it working for me. In the end, I managed to put together a tight little jQuery plugin that gets the job done and nothing more. Once you've included jQuery and my jquery.wideText.js file on your page, you can call the WideText function like so... $(window).load( function() { $( '.responsive' ).wideText();} ); Make sure to add this little snippet of CSS to yoru stylesheet so each element is ready to be resized. To avoid seeing your text before it's resized correctly, add visibility: hidden; to the CSS for each element. To see it all working, resize this page and keep an eye on the header text and buttons above.

CSS3 – Des effets avancés de survol d’image | epica design Aujourd’hui, je vais mettre à votre disposition une série de code vous permettant de créer des effets pour vos images lorsque celle-ci sont soumises au survol de la souris. Nous utiliserons des lignes fines, beaucoup d’espace blanc, une typographie propre et des effets subtils. Je ne vous cache rien, ces éléments ne sont pas de moi mais simplement rencontré au détour de mes déambulations sur la toile. Ces réalisations sont Full HTML5 et CSS3, aucun JavaScript n’est utilisé: vous pourrez les intégrer très facilement dans la majorité des éditeurs en ligne de sites dès lors que ceux-ci vous offre la possibilité d’insérer ce type de code. Les techniques utilisées pour ces effets de survol impliquent des transformations 3D et certaines transitions utilisants des pseudo-éléments. Crédits de cet article : source de l’article : Tympanus.netsource des photos : Unsplash.comsource des icones : et pour Feather Icons Mise en place du style CSS de base Lily Code HTML: Code CSS: