background preloader

WebDev Resources

Facebook Twitter

Placeholders: Minimal Does Not Mean Simple - Marvel Blog. Since placeholders came along, designers have adopted them as means of storing hints.

Placeholders: Minimal Does Not Mean Simple - Marvel Blog

Their appeal lies in their minimal aesthetic and the fact they save space. “Since placeholders came along, designers have adopted them as means of storing hints.” Some designers go one one step further, and replace labels with placeholders. Responsive Logo Design & Branding Guide for Websites. Posted on 29'17 Jan Posted on January 29, 2017 along with 5 JUST™ Creative Comments This article was contributed by Evan Brown.

Responsive Logo Design & Branding Guide for Websites

In a chaotic time of brands revamping their logos, minimalism on the rise, responsiveness being the new sexy, designers lead on by the mantra of “less is more”, we can only wonder; what is the design world coming to? Welcome to Method of Action. Fiverr: The marketplace for creative & professional services. #1 Excel tutorial on the net - Excel Easy. Forbes Welcome. Thanks for coming to Forbes.

Forbes Welcome

Please turn off your ad blocker in order to continue. To thank you for doing so, we’re happy to present you with an ad-light experience. Hi again. Looks like you’re still using an ad blocker. Please turn it off in order to continue into Forbes' ad-light experience. POLARIS Creative Solutions – 2016 Social Media Guide. 2016 Social Media Guide Facebook Cover Photo dimensions: 851 x 315 pxFacebook Profile Image dimensions: 180 x 180 pxFacebook Shared Image dimensions: 1200 x 630 pxFacebook Shared Link dimensions: 1200 x 627 pxFacebook Highlighted Image dimensions: 1200 x 717 px Pinterest Profile Image dimensions: 165 x 165 pxPinterest Board Display dimensions: 222 x 150 pxPinterest Pin dimensions: 236 width Twitter Header Photo dimensions: 1500 x 500 pxTwitter Profile Photo dimensions: 400 x 400 pxTwitter In-Stream Photo dimensions: 440 x 220 px Google Plus Profile Image dimensions: 250 x 250 pxGoogle Plus Cover Image dimensions: 1080 x 608 pxGoogle Plus Shared Image dimensions: 497 x 373 px or 150 x 150 px.

POLARIS Creative Solutions – 2016 Social Media Guide

POLARIS Creative Solutions – 2016 Social Media Guide. Social Media Cheat Sheet 2016: Must-Have Image Sizes! Creating a custom HTML theme. Want to create a custom look for your blog?

Creating a custom HTML theme

If you’re comfortable hand-coding HTML, then you’ve come to the right place! If not, choose from hundreds of beautiful themes in the Theme Garden. Introduction Tumblr is built around seven key post types: text, photos, links, quotes, chat, audio, and video. Forbes Welcome. 35 (More!) of the Best Personal Websites We've Ever Seen. You’ve no doubt heard that you should have a personal website—whether it’s to build your personal brand, serve as an online resume, help you score new clients, or publicly archive your work.

35 (More!) of the Best Personal Websites We've Ever Seen

But throwing up a site with your work experience and contact info is just the beginning. In order to be effective—and catch the eye of the people you’re targeting—it needs a couple key elements. First, it should be easy for your visitors to navigate. Next, you’ll want carefully chosen examples of what you’ve done or the services you offer—along with an engaging bio and something that shows your personality.

The cherry on top? We know, it feels like a lot. Easy to Navigate.


Developer.mozilla. CSS 3.0 Transform Maker. Color Hex - Commons. 20 Free Subtle and Soft Textured Photoshop Brush Packs. Subtly textured brushes are currently a popular trend in web design.

20 Free Subtle and Soft Textured Photoshop Brush Packs

They are really useful for adding character and bringing a little light emphasis to your otherwise dull designs. In this post we have 20 subtle and soft textured Photoshop brush packs with a total of 223 brushes. Hope you find them useful. Subtle and Soft Textured Photoshop Brush Packs. Project Naptha. 30+ Seamless Patterns for Photoshop. If you are feeling lost in the chaotic world of Photoshop patterns and tools, we are here to the rescue!

30+ Seamless Patterns for Photoshop

In this roundup, we bring to you 30 awesome seamless and tileable Photoshop patterns. The choices are plenty — you can take your pick from fabrics, geometrical shapes, grunge, or simple lines! Your search stops here. 60 High Quality Free Photoshop Patterns and Textures. Welcome to day 6 of freebie week on Designrfix.

60 High Quality Free Photoshop Patterns and Textures

Today we have assembled a stunning collection of high quality free Photoshop patterns and textures. So if you are in search of some really cool patterns and textures for your latest project, this post is not to be missed. Feel free to download and use them in your next design. Patterns .36 by crazykira-resources on DeviantArt. Ali 40 Photoshop seamless patterns set #1. Paste this code at checkout when you are done shopping.

Ali 40 Photoshop seamless patterns set #1

Not sure where to paste it? View instructions Paste this code at checkout when you are done shopping. Not sure where to paste it? Visit and paste this code... Fundamentals of Web Design. List of subdomains - Free Web Hosting Forum. Create a new fiddle - JSFiddle. (X)HTML5 Validator.

Specificity Calculator. Unicode Arrows → ⇒ ⇄ ↑ ↩ ⤢ ↱ ↷ ↻ ► ☛ By Xah Lee. Date: . Last updated: . Here's a complete list of Unicode arrows, grouped by style, covering up to Unicode 8.0. Commons. PhoneGap. Framework7 - Full Featured HTML Framework For Building iOS7 Apps. HTML Templates. News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. See Demo. Lorempixel - placeholder images for every case. Font sizing with rem. Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age.

Unfortunately, there are still various pros and cons that make the various techniques less desirable. HTML Standard. 4 The elements of HTML 4.1 The root element 4.1.1 The html element. The @Font-Face Rule And Useful Web Font Tricks. Advertisement The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there.

Instead, there’s quite a variety, as you will get to know in this article. - helps you choose fonts! Iconset:flat-brand-logo-2 icons. Icon search engine and market place. Bootstrap 3 Glyphicons. Using CSS3 @font-face to “fake” multiple font weights - Ilia Draznin. CSS2 specifies additional font weights, beyond Normal and Bold. In particularly there are 9 font weights in total — 100, 200, 300, 400 (normal), 500, 600 (bold), 700, 800 and 900. Unfortunately browsers still somewhat lack support for this feature, but more importantly fonts lack support for this. Many fonts however, still come with only normal and bold weights. Moreover, based on a few tests, even professional fonts that come with multiple weights (such as thin, light, regular, bold, heavy, etc.) don’t actually support these weights in the same way as the CSS2 specification dictates, in other words they can’t be used out of the box like that.

Semantics - Dive Into HTML5. The W3C CSS Validation Service. Hoefler & Co. Typekit.

Cool Things to Do

Full Hierarchy. HTML 5 Outliner. CSS Tools: Reset CSS. The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. Website Review - SEO Tool. A Beginner's Guide: Stepping Into Web Design Industry. Blog.SpoonGraphics.

HTML5 Doctor, helping you implement HTML5 today. HSL Color Picker; HTML Color Picker; Web, HEX, CSS, HSLa. The HSL Color Picker is a simple, yet effective color workbench to generate color output and also to import colors for analysis and comparison.

It has all the features you need for experimenting with the seven color contrasts in mind. The contrast of light and dark (luminance value), of hue (hue value), of saturation (saturation value & grayscale equivalent of luminance), of warm and cold (is the red or the blue value dominant?) , of complementary colors (opposite side of the color wheel), of proportion (visual weight formed by the combination of hue and luminance) and of simultanious color (e.g. thin red and yellow lines form the impression of orange). Jesse James Garrett: Visual Vocabulary for Information Architecture. CSS3 Animation Cheat Sheet - Justin Aguilar. How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated.

The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). jQuery API Documentation. Same old...

Naming Resources

The World's Largest Domain Name Registrar - GoDaddy. Web Hosting & Domain Names by The World's Most Powerful Browser-Based IDE - Codio. Bootstrap CDN. Font Awesome Icons. Bootstrap Zero - Free Bootstrap Templates and Themes. - Quick and simple image placeholders.

CSS3 Linear Gradient Buttons Generator. Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet. I scanned it and made this. Fonts. DevDocs. Lorempixel - placeholder images for every case.