background preloader

Useful sites for web design

Facebook Twitter

Choose your ipsum. 15 dummy text generators you should know. As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

15 dummy text generators you should know

For example, if you are designing a brand new website for someone, most times you will have to make sure the prototype looks finished by inserting text or photos or what have you. The purpose of this is so the person viewing the prototype has a chance to actually feel and understand the idea behind what you have created. Industry Based Copy for the Web. Lorem ipsum for webdesigners. 10 of the Best Lorem Ipsum Alternatives.

Your website requires text.

10 of the Best Lorem Ipsum Alternatives

Few clients provide content up-front (or indeed at any point during the development process), so many of us rely on faithful sites such as Lipsum.com. Character Converter. Online regex tester and debugger: JavaScript, Python, PHP, and PCRE. Best Online File Comparison Tool to Compare files,String,Text,Code,Xml,Json,CSS,Javascript,documents. DiffNow - Compare files online. Powered by ExamDiff Pro. Diff Checker - Online diff tool to compare text to find the difference between two text files. Ceaser - CSS Easing Animation Tool - Matthew Lein. Unminify JS, CSS and HTML Code. Réducteur de lien / Minimiseur d'URL [Raccourcir un lien]

Griddify, a Tiny Photoshop Panel for Guides and Grids. Griddify is tiny and fast.

Griddify, a Tiny Photoshop Panel for Guides and Grids

It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) Download and install ZXPInstaller. It helps you install Griddify and other Adobe extensions easily. Download and Install (Photoshop CS6) Download the CS6 version of Griddify here and extract the zip file. 25 plugins gratuitos para Photoshop (Parte I) Si quieres ampliar las de por sí ya cuasi infinitas posibilidades de Photoshop prueba estos 19 21 25 plugins, acciones, scripts y extensiones gratuitos.

25 plugins gratuitos para Photoshop (Parte I)

Wirify – The web as wireframes. Free PSDs & Resources for Web Designers by Orman Clark. 20 Best Photoshop Plugins For Designers. Although there are many great and free alternatives, Photoshop is still the most popular and powerful graphics editor, and the default choice of many designers, illustrators and photographers.

20 Best Photoshop Plugins For Designers

If there’s a feature you need, but can’t find in Photoshop, don’t worry – countless scripts and plugins are available to help you extend and improve Photoshop’s functionality. Here is a selection of 20 useful Photoshop plugins for designers. Photoshop Plugins For Mockups and Layouts 1. URL Decoder/Encoder. URL Decoder/Encoder Input a string of text and encode or decode it as you like.Handy for turning encoded JavaScript URLs from complete gibberish into readable gibberish.If you'd like to have the URL Decoder/Encoder for offline use, just view source and save to your hard drive.

URL Decoder/Encoder

The URL Decoder/Encoder is licensed under a Creative Commons Attribution-ShareAlike 2.0 License. This tool is provided without warranty, guarantee, or much in the way of explanation. JavaScript Compressor. CSS triangle generator. Mobile + Tablet Device Dimensions. How Much to Make an App. FontBase — a blazing fast, beautiful and free font manager for Windows.

10 Most Popular Font Managers for Mac & Windows. How big is your font collection?

10 Most Popular Font Managers for Mac & Windows

If you’ve been busy downloading all the free fonts you can find, or if you’ve invested in some premium typefaces chances are you’ve got hundreds (or thousands!) Of font files that are bogging down your system. Font managers are important tools that allow you to activate and deactivate your fonts on the fly, organise your collection into groups, and easily test out multiple typefaces at once to find the perfect choice for your designs. I browsed through graphic design forums and messageboards to find out which font managers were recommended by real professionals. DoubleClick Products - DoubleClick Creative Solutions. HTML Minifier. Web Development: Build a web site Newark,NJ - Candidate will build a new website for my HVAC company.

HTML Minifier

We will use wordpress with the current theme, divi.. or another theme you recommended. URL Decoder/Encoder. Encode and decode a piece of text to its HTML equivalent - HTML Entities Encoder / Decoder. Htmlentities (PHP 4, PHP 5) Convert all applicable characters to HTML entities. string htmlentities ( string $string [, int $flags = ENT_COMPAT | ENT_HTML401 [, string $encoding = ini_get("default_charset") [, bool $double_encode = true ]]] ) This function is identical to htmlspecialchars() in all ways, except with htmlentities(), all characters which have HTML character entity equivalents are translated into these entities.

Encode and decode a piece of text to its HTML equivalent - HTML Entities Encoder / Decoder

If you're wanting to decode instead (the reverse) you can use html_entity_decode(). HttpUtility.HtmlEncode Method (String) .NET Framework 4.6, 4.5, 4, 3.5, 3.0, 2.0, 1.1. Flat Surface Shader. 7 useful tools for Web Design & Development teams. A week ago, I was in conversation with Meisam Ebrahimi, Technical Director of Passion Digital (Partner Agency of Cloudways).

7 useful tools for Web Design & Development teams

Passion Digital is a London-based Digital Marketing Agency which specializes in developing amazing websites for their customers along with providing digital marketing services, such as SEO, SEM, and Social Media Services among others. We were conversing about different ideas on how to improve the customer experience and during the discussion, a question popped up in my mind: “What are the most essential tools that help the web team in developing awesomely creative websites to the customers? Are there any specific tools used by your team?”

Meisam was right down to point out some tools. I thought to myself that “sharing is caring” and decided to go public with the tools so that other digital agencies and developers can learn from it. The web team at Passion Digital have shared seven of their favorite free tools with us. CSS Sprites: What They Are, Why They're Cool, and How To Use Them. This article has been revised and re-written several times since its very first publication in 2007, to keep the information current. The most recent revision was done by Flip Stewart in January 2015. What are CSS Sprites? Spoiler alert: they aren't fairies that write your stylesheets for you. I wish. In short: CSS Sprites are a means of combining multiple images into a single image file for use on a website, to help with performance. Removing a White Background with Photoshop Actions. There are a ton of textures available on the internet, like spray paint drips that have a white background.

Usually you will want to to remove the background and then bring it to your design. I created some actions that use alpha channels to remove the white background. These actions are very handy for all types of textures. There are 3 separate actions included in this set. Quel tarif pour la création d'un webdesign de site? Calculez le prix de la conception et des droits d'auteur. RJ TextEd - The Unicode source and text editor.

Animation

Favico.js - Make use of your favicon. Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color. Slide animation Fade animation Pop animation Pop & fade animation. Moklick/frontend-stuff. Free Online Tools For Developers - To Beautify, Validate, Minify, Analyse and Convert your JSON, XML, JavaScript, CSS, HTML, Excel.

Explore CSS lengths. Gridpak - The Responsive grid generator. Why you learned the grid layout system all wrong. I mentioned the “Swiss School” and “the grid” layout in another article and while most comments were positive about the article, there were a number of people who asked if the grid was even still alive. I assure you the grid layout is alive, well, and used all the time. Those who never learned it just don’t realize the rules of the grid and how one can use or even bend, or break those rules for success in designing incredible layouts.

Firstly, using a grid layout isn’t something assigned to print or digital exclusively. Layout is layout and design is a method to convey a message using multiple elements. Moklick/frontend-stuff. Erlen's blog. Moklick/frontend-stuff. Epic List of 41 Web Design Tools That Will Help You Build Websites Faster. This list of 41 web design tools has been consolidated over years of creating websites, striving to do things faster & more efficient. Most everything here is free or at least has a fully functional free version. Enjoy! Updated on 12/19/14. Grid Calculator by Nicolaj Kirkgaard Nielsen.

Generate your own Grid with the Responsive Grid System calculator. Mockup Builder — Online web prototyping wireframe tools, software. Guía de resoluciones efectivas CSS (o “viewport”) en smartphones, tablets, ordenadores especiales y otros dispositivos » (No copypaste de) Tecnología » fernastro.com G8.

ACTUALIZADA EL 19.04.2015 Ahora con los Galaxy S6 y S6 Edge, que en realidad tiene la misma resolución efectiva que el S3, S4 y S5, pese a la mayor densidad. Web-Based Tools for Optimizing, Formatting and Checking CSS. Stylesheets can get large real quickly, both in terms of length and file size. To ensure that your web pages render correctly and quickly, here’s a compilation of some of the best free, web-based CSS optimizers/compressors, code formatters, and validation services. Check them out and pick the ones that work best for you.

Optimizing and Compression. URLEncode URLDecode, Codificador y descoficador de cadena de texto a (o desde) formato URL - vermiip.es. JavaScript Compressor. Facebook. Web-Based Tools for Optimizing, Formatting and Checking CSS. Centimeters to Pixels (Y) Conversion Calculator. Convert pt to em. Comprime PDF - Reduce gratis y online tus archivos en PDF. Suelta el PDF aquíElige un archivo.

Templates

Free Beautiful Online Survey & Form Builder. SYNTACLet.com: The Leading SYN TAC Let Site on the Net. 74 sitios web útiles para desarrolladores y diseñadores web. Cada día Internet se convierte en el día a día de muchas personas, sobre todo para los desarrolladores y diseñadores web, que deben buscar funciones, recursos y todo lo necesario para que trabajar sea un poco más fácil. Así mismo en Internet existen una gran cantidad de blogs sobre diseño y desarrollo web, pero también existen sitios web que únicamente sirven a una función en específica de diseño o desarrollo. ResizeMyBrowser.

[es] .htaccess Editor. Css.

Images & video

Icons. Typographie. Patterns. Color. Outils de travail. Mincss - Clears the junk out of your CSS — mincss 0.1 documentation. Young Woman Holding White iPhone 6 With Friend Mockup. Free Screenshot App Marketing Tool & Templates. How do I record my iOS app? What's My Browser Size? 20 Incredibly Useful Tools & Resources for Web Designers.

IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 10. IETester is free.To support the projectyou can make a donation : or you can translate it. Accesibilidad Web: Complementos para navegadores. Responsive design testing tool – Viewport Resizer – Emulate various screen resolutions - Best developer device testing toolbar. Adobe Air: 60 útiles aplicaciones para webmasters y diseñadores. Adobe AIR es una plataforma genial para construir aplicaciones de escritorio eficientes, que funcionan en cualquier sistema operativo.

Code Charts. Check Browser Compatibility, Cross Platform Browser Test - Browsershots. Responsive Design bookmarklet. Extensiones de Firefox.