Web Development Board

You must be logged in to view the contents of this board.

HTML CSS JS Tricks

Pin

Web Design Bookmarks

  1. CSS Selectors Reference
  2. HTML Audio/Video DOM pause() Method
  3. Ultimate CSS Gradient Generator from ColorZilla
  4. List of Every CSS Property and Selector
  5. HTML5 Video Tag

    Info on <video> html5 tag and all attributes

  6. Shapes using only CSS

Meteor JS Info

Pin
  1. Meteor For Everyone Tutorials
  2. URLs and Routing | Meteor Guide
  3. rankmeteor.com

    List of most popular Meteor Sites and their packages.

  4. Introduction | Meteor Guide

Sketch Plugins

Pin
  1. ScottSavarie/Clipboard-Fill

Troubleshooting

Pin
  1. "Cross origin requests are only supported for HTTP." error when loading a local file

    Problem with json and local servers. has notes on installing node server to fix issue

JS jQuery Plugins

Pin
  1. Vide

CSS Selectors

Pin

Tips, tricks and troubleshooting using selectors in CSS

  1. Preventing blurry rendering with transform: scale

PHP

Pin

For those having issues with PHP basics... :(

  1. How to combine two strings together?

NPM

Pin
  1. Using node-sass
  2. How to Build an npm Package - Treehouse Blog

WordPress Customization

Pin
  1. How to Create Custom Post Types in WordPress
  2. What, Why, and How-To's of Creating a Site-Specific WordPress Plugin
  3. Ajax Powered Loops with jQuery and WordPress
  4. WordPress Custom Fields 101: Tips, Tricks, and Hacks
  5. How to Create Custom Taxonomies in WordPress
  6. Permalink - Applying to <a> Tag

    Info on how to use the the_permalink function in WordPress.

Meteor JS Packages

Pin
  1. fourseven/scss
  2. accounts-password
  3. accounts-ui

Sass

Pin

Information on using Sass

  1. Sass Basics

    Intermediate guide to quickly grasp what is possible with Sass

CSS Filters

Pin

Everything about CSS3 Filters

  1. CSS Filters Playground

    Image, Iframe, Video examples. Enter custom image URL to try

  2. CSS Filters - HTML5 Demos

    Demo showing CSS Filter Effects 1.0

  3. Understanding CSS Filter Effects
  4. Can I use... Support tables for HTML5, CSS3, etc
  5. Dropbox - CSS3 image manipulation

    Cool examples within a Dropbox folder

Coding Utilities

Pin
  1. Share code real-time in your browser
  2. Learning JavaScript Design Patterns
  3. Refactor yourself

Codekit

Pin

Help with using Codekit.

  1. Working with CodeKit and Git
  2. CodeKit: THE Mac App For Web Developers.

JS Effects

Pin
  1. 404 Glitch Effect

Ghost Node CMS

Pin
  1. Installing Ghost on Windows - Ghost Support

MailChimp

Pin

Info and Links for MailChimp

  1. Translate Signup Forms and Emails
  2. Additional Tracking Options for Campaigns
  3. Email Design Reference
  4. Find MailChimp Data in Google Analytics
  5. Integrate Google Analytics with MailChimp
  6. Translate Content in a Campaign

UI Design

Pin

Inspiration for UI

  1. CSS menu design - Pop Out UI

    Simple design using box shadow for highlights and black borders create depth.

  2. Free Professional Fonts - League of Moveable Type
  3. Pure CSS Country Flags
  4. Creative Navigation Patterns in Email Design
  5. demo:CSS image hover effects
  6. Notification Styles Inspiration

WordPress Links

Pin

Quick Reference to WordPress Functions

  1. Pagination
  2. The Loop
  3. How To Use Sass With WordPress – A Step By Step Guide
  4. themelab.com

    The Ultimate Guide to WordPress Conditional Tags | If and or || &&

  5. Installing WordPress Locally on Your Mac With MAMP
  6. Generate WordPress Post Type

Mongo DB

Pin
  1. How to install MongoDB on Windows

CSS Transforms and Transitions

Pin

Info on CSS3 Transforms and Transitions. Tips, tricks, and troubleshooting

  1. Preventing blurry rendering with transform: scale

Freelance Stuff

Pin
  1. Visual CSS flexbox builder | Webflow
  2. Best Tools for Freelance Designers and Developers

Useful Blogs for Dev and Design

Pin
  1. 32 Chrome extensions for designers and devs

Documentation

Pin
  1. Mac Show Hidden files

    defaults write com.apple.finder AppleShowAllFiles true

  2. How to undo (almost) anything with Git
  3. Make your HTML5 video play on mobile devices

Interview Questions

Pin
  1. MaximAbramchuck/awesome-interview-questions

Modals

Pin

Modals built with creative methods. Either with great design or excellent HTML/CSS/JS structure.

  1. Modal Dialog by David Fitas - CSS, jQuery

    Very clean modal design with animations. Missing close modal on click outside though.

  2. Pure CSS Modal - Good Design Great Structure

    This modal uses an Anchor tag w/ absolute positioning & an empty hash to close the targeted modal

0 Comment
Comments or thoughts?
Submit
Cancel
or
Email a link to this board
Share this board on Facebook
Share this board on Twitter
Notice label will go here