background preloader

Useful sites for web design

Facebook Twitter

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. 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. 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. Now in some circumstances, designers may use squares and rectangles to help you visualize what should and could be in a specific location. 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) 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. 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. This roundup features the most popular programs for both Windows and Mac, including free and premium apps for you to consider. DoubleClick Products - DoubleClick Creative Solutions. HTML Minifier. Web Developer (ASP.NET MVC) Lachine - Web Developer (ASP.NET MVC) What you'll doAs an ASP.NET MVC Web Developer working in our headquarters in Lachine, Quebec, you will spearhead the Php developer Chateauguay - Responsibilities Develop and maintain clean, efficient, secure, and well-engineered back-end code ...

HTML Minifier

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 Converts a string to an HTML-encoded string. 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. The easiest way to create your CSS sprites - SpritePad. CSS Sprites: What They Are, Why They're Cool, and How To Use Them. By Chris Coyier On This article has been revised and re-written several times since its very first publication in 2007, to keep the information current.

CSS Sprites: What They Are, Why They're Cool, and How To Use Them

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. To summarize: the term "sprites" comes from a technique in computer graphics, most often used in video games. 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.

Removing a White Background with Photoshop Actions

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. After you have downloaded the file, unzip it and save it to a location that you prefer. Inside of Photoshop open your Actions Panel by going to Window > Actions Click on the Actions panel menu and click on the Load Actions menu item. Quel tarif pour la création d'un webdesign de site? Calculez le prix de la conception et des droits d'auteur. Le graphiste web est un professionnel créatif, qui est à l'écoute des évolutions et tendances graphiques. Il maîtrise l'ensemble du processus de création d'un site internet et peut recommander des intégrateurs html, des développeurs avec qui il a l'habitude de travailler pour mettre en ligne votre projet.

Le graphiste web indépedant a également de bonnes bases en marketing et en communication visuelle. 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. 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. 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 Antes de introducirla, debo explicar: 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. 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. 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. I've installed Recordit but it keeps asking me to install Recordit If you're on a Mac, you'll want to check to see if you have your notifications on "Do Not Disturb". If you have "Do Not Disturb" off, then trying shutting Recordit down and then clicking on "Record Your Screen" on the stage.

You should then see a notification appear on the upper right of your screen. If you're on a PC, try shutting Recordit down. Now click the "Record Your Screen" button stage. I don't want to use Recordit. No problem. I want to record my iOS or Android app. Free Screenshot App Marketing Tool & Templates. How do I record my iOS app? Please click here for instructions on how to record your 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. Los complementos (add-ins o plug-ins) para los navegadores añaden funciones que facilitan el desarrollo de las páginas web, como consultar las propiedades CSS que tiene un elemento de la página web, o que permiten la utilización de algún servicio en Internet, como la validación del código HTML o CSS de una página, con una única pulsación del ratón.

A continuación se incluye una lista de complementos para los navegadores Chrome, Microsoft Internet Explorer, Mozilla Firefox y Opera. 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. En los últimos años, se han construido cientos de aplicaciones útiles en AIR, aquí les traemos algunas de las más útiles que será de gran ayuda para los diseñadores web y gráficos.

Code Charts. Responsive Design bookmarklet. Extensiones de Firefox.