How to create a web design style guide What are style guides? The name gives us a pretty good idea of what they're all about: guides to style. But web design style guides can be so much more than that. Compressive Images Posted by Scott on 10/30/2012 Topics: progressive enhancement responsive design 200+ Backgrounds Freebies from Dribbble Looking for cool, fresh backgrounds for you app, web and graphic design projects? Check out this massive list with over 200 backgrounds freebies from Dribbble! These awesome backgrounds freebies were created by some very talented Dribbble designers. In this list of over 200 backgrounds freebies from Dribbble, you’ll find polygon backgrounds, blurred backgrounds, image backgrounds, geometric backgrounds and more! Want more? Download these 150+ Free HD Geometric Polygon Backgrounds, HD Free Blurred Backgrounds Sets, and Beautiful Backgrounds for Apps.
Use SQL Query In phpMyAdmin To Change Custom Post Types in WordPress This tutorial shows you how to run a sql query on a specific database in phpMyAdmin. This SQL Query changes the name of a custom post type from portfolio to photos which i tested in phpMyAdmin. Once you login to phpMyAdmin: Select the database from the left hand sidebar you want to run the query in.Click SQL from the top menuCopy the following line of code from the view raw link in the Gist and paste it into the RUN query box.Make sure you change the names for each post type type to your own.
Styleguide — Paul Robert Lloyd This document is a guide to the mark-up styles used throughout the site. Parts of this markup guide are attributable to Dave Shea, and licensed under a Creative Commons License. Sections The main page header of this guide is an h1 element. Any header elements may include links, as depicted in the example. The secondary header above is an h2 element, which may be used for any form of important page-level header.
Copyright Law on the Internet Is a Total Train Wreck Right Now I'm going to tell you a little story, but before I do, a warning: It ain't pretty. It's a perfectly fine Thursday afternoon. I'm going about my business, happily editing a blog post, when I get an email from the head of HubSpot's legal department. Oh boy. 16 Free Infographic Vector Templates, Kits Infographics are the most popular tool nowadays for presenting financial data, workflow and processes, presentations, meetings, or just for personal inspiration. Designing an infographic, however, can be very tedious especially if you have to do everything from scratch. Drawing charts, graphs and diagrams for example would surely consume a lot of time. In addition, you also have to think about creating icons and symbols that you will use for your infographic designs. As graphic and web designers, time is a very limited and precious commodity.
25 Web development resources to help you create better websites As a developer I am always on the hunt for time saving resources, anything that can save me just a few minutes of time is a great help in an already hectic schedule. Compiled here is a list of 25 resources that are bound to make your life a little bit easier. I have added different CSS3 grid systems, as well as several code generators, whether you need a button or a pattern there should be something here for everyone, I have also added some font generators, if you are having problems with your code then you will find a code checker as well as other resources.
The Most Epic MailChimp Tutorial Ever! If you’re a blogger, you know that with the start of 2015 comes the unfortunate reality that Facebook will be showing your posts to no one unless you pay. As experts like Neil Patel and others have reiterated over and over, email subscribers are the best and most efficient way to get and keep readers. So to start off the year right, I’m going to dive into MailChimp – an easy and free program for email newsletters and blog posts. I have a table of contents below or if you are the pinning type, click here for the pin! How to Create a List Your list is where all the email addresses reside. Contrast Analyser for Windows and Mac About the Colour Contrast Analyser This native application (available for both Windows and Mac) allows you to evaluate the color visibility and contrast of foreground/background color combinations. It provides an initial pass/fail assessment against WCAG 2.0 color contrast success criteria. In addition, the Colour Contrast Analyser provides functionality to simulate certain visual conditions such as dichromatic color blindness (protanopia, deuteranopia, tritanopia) and cataracts. Note: the image simulation features are currently not available in the Mac version. Details
20 of Our Best Posts to Make You a Better Designer What’s the secret sauce to becoming a 100% awesome designer? While there’s a lot of experience and dedication that goes into being a world-class designer, doing your research beforehand (and throughout your career) sure doesn’t hurt. That’s why we’ve done a bit of research for you by rounding up the posts from our blog that we think will equip you to go out there and rock at UX. Let us know what articles are the most salient for you and your career. Give us a shout in the comments!