General Links 3/10

General Links: – ‘An Introduction to Animate.css’ 0 – ’10 Essential Responsive Design Tips’ – ‘Standards for developing flexible, durable, and sustainable HTML and CSS.’ – A lot of cool articles and web design snippets. – ‘Create maps of your favorite places and share them with friends. Fast, free and easy.’ – ‘All your favorite cheatsheets in one place!’ – ‘flexboxes + media queries = awesome layouts’ – ‘Tips to Load Your Webpage Faster based on Google’s Pre-* Recommendations’ – ‘Window Clusterfuck’ – Great post on how silly some variables are and how the browser interprets IDs in html…–net-25631 – ‘Build Web Apps from Scratch with Laravel – The Eloquent ORM’ – ‘A simple guide to responsive design. Made by Adam Kaplan.’ – ‘Masonry is a JavaScript grid layout library.’

Frameworks, APIs, and Node.JS — What are the differences?

There are more differences than what I’ve listed here. There is deep complexity in each of these topics, but this is just meant as a primer.

  • Set of development tools that allow you to develop something
  • Composed of compilers, libraries, tools, APIs and anything else that’s needed to develop in the target environment
  • Usually a set of libraries/tools that you use in conjunction with a framework
  • In the web world, an API is usually a set of functions provided to you by a 3rd party application that allows your application to inherit some functionality or data from the 3rd party application.
  • Allows you to run JavaScript on your web server; it’s a service provider, and could fall under the “compiler” category of a framework. It’s not a framework by itself though. Though if you were to package Node.JS scripts, Node.JS, a SCSS compiler, and some JavaScript APIs together, you would get a framework (see 

Typography Links

General Links 3/1

Happy March 1st :0


General Links: – ‘Zeal is a simple offline API documentation browser inspired by Dash (OS X app), available for Linux and Windows.’ – ‘DevDocs combines multiple API documentations in a fast, organized, and searchable interface.’ – ‘Make any directory a secure public file server in one command’ – ‘A comprehensive css animation library built with SASS and optimized for performance.’ – ‘Introspected tunnels to localhost’ – ‘ABC: Always Be Coding’ – ‘A simple guide to responsive design.’ -‘Cascading grid layout library.’ – INCREDIBLY useful. Hard to explain, but easy implementation and so, so useful. Check it out. – Detailing’s new website redesign. Looks great. – Complete guide to Create, Read, Update, Delete using MongoDB – ’20 Useful HTML5 Code Snippets You Should Know’ – ’11 Free Mockup and Wireframe Tools for Web Designers’ -‘To close or not to close’ – concerning HTML5 elements – ‘Intro to Node.js, Express.js, MongoDB for Beginners’

Some Inspirational Sites: (for design aesthetic, usually)

How good should your skills be?

Bottom line: Whether or not you are capable of doing the job in a reasonable amount of time.

What happens over time:  You get better at using your tools(or switched to better ones), you’ve optimized your workflow, and it’s now easier than in the past to hold larger programs in your mind.
What I recommend: Challenge yourself. Determine how much free time you have, and set some certain amount of time to design a full site, like a couple days or a static amount of hours. Maybe full mockups for a few hours and wireframes for the rest of the hours in that day(or time period). Then build the full site in a certain amount of time, maybe a full week or two. Set yourself technical targets beforehand (i.e. if it’s static or dynamic, if you’re using a new technology and implementing it correctly, etc), and give yourself a hard deadline. 
Do a few sites this way, see how it goes, and evaluate how it went. It’ll give you an idea of how fast you can put something together.

General Note Collection from Past 2 Weeks-ish

I’ve been pretty bogged lately with various things, haven’t been able to post as steadily, but here’s a big list of links for reference… =)
Inspirations:– Nice looking, however is WordPress… uses a WP plugin for it’s nice slider effect…
General Links:– ‘A remarkable online markdown editor.’– ‘AWS tips I wish I’d known before I started’– ‘What skills do you consider to land a front-end job in SF (or other software hot spots?)’– ‘Vertical Align Anything with Just 3 Lines of CSS’– ‘Vue.js is a library for building interactive web interfaces.

It provides efficient MVVM data bindings with a simple and flexible API.’– ‘On the subject of pixel perfect PSD to HTML/CSS’– ‘A Guide to Discernible Web Design in Photoshop’– ‘Learn Advanced HTML & CSS with one useful guide.’– ‘ Semantic empowers designers and developers by creating a language for sharing UI.’– ‘Top 5 Core Differences between Bootstrap 3 and Foundation’– ‘A rapid wireframing tool that helps you Work Faster & Smarter. It reproduces the experience of sketching on a whiteboard, but using a computer.’– ‘A free Git & Mercurial client for Windows or Mac.’– ‘Create and configure lightweight, reproducible, and portable development environments.’– ‘VirtualBox is a powerful x86 and AMD64/Intel64 virtualization product for enterprise as well as home use.’ – ‘The only professional solution that is freely available as Open Source Software.’– A reddit post with some great comments on how people set up their developmentenvironmenton windows.– ‘The PHP Framework For Web Artisans.’– ‘Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.’– ‘Helping you select an MV* framework’– ‘Prepros is a web design & developement tool that does all the heavy lifting needed to preprocess, optimize and test your sites and keeps your workflow supercharged.’– ‘Save your important time tracking data with an industry-leading database engine. Watch your reports shine in a bright, beautiful vector graphic interface. Group, filter, and get statistics in ways you never could before.’ – I am actually thinking of writing a how-to guide to utilizing Grindstone, as I personally would love to use it more. I think a combo of Grindstone and Evernote would be a perfect productivity suite.– I think everyone has heard of Evernote, but personally I had heard of it, and attempted to use it before… and I couldn’t really get into it. It takes a bit to get into, but I figured ‘learning’ how to use it would benefit me greatly. I think I will do a ‘guide’ of sorts of using Evernote productively, soon.– ‘Rich JavaScript Applications – the Seven Frameworks (Throne of JS, 2012)’– Post with some details outlining how someone listed their development credentials on a resume/cv for web development.– A web IDE for Web Development — haven’t personally used, thinking of checking out especially if I start going to use my linux laptop for development more.– This dude does really great looking UI/UX design, great for inspirations…– ‘Why you should move that button 3px to the left’