Welcome

Full access to this site requires a valid registration. You can request one here.

Resources

Resources OS Assignment

animate.css

Library of CSS3 animations.

Atom

Atom is a free text editor from the makers of GitHub.

Windows, OS X, BSD, Linux, Unix

Autoprefixer

Post-CSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter, and Taobao.

Bitbucket

Distributed Git-based version control system for team collaboration.

Blogging for Business using WordPress.com

blueimp Gallery

blueimp Gallery is a touch-enabled, responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading, and more...

Bootstrap Build Tools

Build tools and processes for automating development of Bootstrap-based sites.

Bootstrap CSS Documentation

Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.

Bootstrap Framework

Bootstrap is currently the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Bootstrap Grid Documentation

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts. 

Bootstrap Javascript Documentation

Javascript bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.

Brackets

Brackets is a free text editor that is ideal for front end developers. It is backed by Adobe, who plan to add Brackets into DreamWeaver. With focused visual tools and preprocessor support, Brackets makes it easy to design in the browser.

Windows, OS X, BSD, Linux, Unix

Demo: Image Transformations

An online demonstration of image transformations using CSS3 transform properties.

Demo: Image Transitions

This demonstration page shows various CSS3 transition effects.

Emacs

GNU Emacs is a preferred text editor among power users. It is an extensible, customizable—and much more. At its core is an interpreter for Emacs Lisp, with extensions to support text editing. GNU Emacs features include:

OS X, Linux, Unix

FileZilla

FileZilla is a free software, cross-platform FTP application, consisting of FileZilla Client and FileZilla Server. Client binaries are available for Windows, Linux, and Mac OS X, server binaries are available for Windows only. The client supports FTP, SFTP and FTPS (FTP over SSL/TLS).

Windows, OS X, BSD, Linux, Unix

Firefox

Industry standard, free and open source web browser.

Windows, OS X, BSD, Linux, Unix

Firefox Developer Edition

Configured for developers, Firefox Developer Edition was created with Web develper workflows in mind. Build, test, and scale from within the browser. Debug views for any browser. Target screen sizes and tweak CSS on the fly.

Font Squirrel

A large collection of free—and almost free—fonts that can be downloaded and used on desktop computers and within web sites.

Fonts.com

The Fonts.com™ store from Monotype offers more than 150,000 desktop and Web font products

Fontspring

Fontspring's goal is to make buying fonts easy. Fonts licensed from Fontspring are yours to use on as many projects as you like. No annual fee.

Fugu

Fugu is a graphical frontend to the commandline Secure File Transfer application (SFTP). Fugu allows you to take advantage of SFTP's security without having to sacrifice the ease of use found in a GUI (Graphical User Interface). Fugu also includes support for SCP (Secure Copy) file transfers, and the ability to create secure tunnels via SSH (Secure SHell).

OS X

Git Documentation

The official and comprehensive man pages that are included in the Git package itself.

GitHub

Powerful collaboration, code review, and code management for open source and private projects. Public projects are always free.

Google Chrome

A high quality Web browser that set a new standard for easy-to-use browser-based developemnt. Versions exist for all standard operating systems.

Windows, OS X, BSD, Linux, Unix

Google Fonts

Google Fonts makes it quick and easy for anyone to use web fonts. Google executives believe everyone should be able to bring quality typography to their web pages and applications. All of the fonts are free and Open Source. You can share your them with others, customize them for your own use, or collaborate with the original designer to improve them. You can use them in every way you want, privately or commercially — in print, on your computer, or in your websites.

Grunt

Grunt automates boring, repetitive tasks. The less work you have to do when performing repetitive tasks, such as minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of the mundane work for you. Grunt is great, but many also use Gulp.

Gulp

Gulp is a streaming build system. By using Node’s streams, file manipulation is done in memory, and a file isn’t written until you tell Gulp to do so. Gulp is a popular alternative to Grunt.

Hardening WordPress Sites

Security in WordPress is taken very seriously, but as with any other system there are potential security issues that may arise if some basic security precautions aren't taken. This article will go through some common forms of vulnerabilities, and the things you can do to help keep your WordPress installation secure.

This article is not the ultimate quick fix to your security concerns. If you have specific security concerns or doubts, you should discuss them with people whom you trust to have sufficient knowledge of computer security and WordPress.

How to make an imager magnifying glass

Clean example of how to make an image magnifying glass using CSS and Javascript.

How to remove "Get Windows 10" bloatware

Windows 7 and Windows 8 users tired of Microsoft's "Get Windows 10" dialog box can either permanently or temporarily remove it.

Windows

How to use npm as a build tool

Interesting alternative strategy to using Grunt, Gulp, or whatever follows.

HTML, The Web's Core Language

The home of the HTML Working Group, with links to all the canonical documentation.

Internet Explorer

Microsoft's contribution to Web browsing.

Windows

iTerm 2

iTerm2 adds additional features over the venerable Terminal App.

OS X

jQuery

Query is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

Learn WordPress Main Page

License Compatibility and Relicensing

Richard Stallman has published a new guide on gnu.org titled License compatibility and relicensing.

MAMP

Easy solution for setting up a web server on your personal computer.

OS X

MDN: Linear Gradients

Excellent source of detailed information and examples.

MDN: Repeating Linear Gradients

Excellent source of information and examples.

Minify your CSS

Online form for creating minified CSS files. Includes sample scripts in multiple languages that can be downloaded and used locally.

Minify your Javascript

Online form for minifying Javascript code. Includes example scripts in multiple languages that can be added to a local workflow.

NotePad++

A vastly improved and free variation of NotePad for Windows. Excelent find and replace features. One of my favorite text editors.

Windows

OS X Finder FTP

Here's a qjuick tip for Macintosh users. OS X has a little known built-in FTP application.

OS X

PhantomJS

node.js extension useful for headless Javascript processes. Excellent for screen scraping, document conversions, network analysis, etc.

Putty

PuTTY is a free implementation of SSH and Telnet for Windows and Unix platforms, along with an xterm terminal emulator. It is written and maintained primarily by Simon Tatham.

Windows, Linux

Safari

Apple's contribution to browsers. Comes free with Apple computers.

 

OS X

Sass (Syntactically Awesome StyleSheets)

Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library.

Spicing Up the Bootstrap Carousel with CSS3 Animations

There are times when a lightweight carousel with minimal options is all you need. If your project uses Bootstrap, you can use the Bootstrap Carousel component. In this article, the author shows how to add CSS3 animation effects to the Bootstrap Carousel.

Credit: Thanks to Anet Dunne for finding this information.

SRJC CANVAS CS 50B Syllabus

View the official course syllabus at SRJC's CANVAS system

SRJC Computer Studies Department

SRJC’s Computer Studies Department offers a diverse community of learners a sound foundation of knowledge and problem-solving skills in computer studies that can lead to valuable career certificates, academic degrees, university transfer, and lifelong learning.

SRJC Student Server Account Request Form

Fill out this form to request an account on the SRJC Student Server at, http://student.santarosa.edu

You must currently be enrolled at SRJC to obtain a Student machine account.

The information you provide must correspond EXACTLY to your registration information on file with the college or your application will not be processed.

SRJC-myCubby

Sublime Text

Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extensive features and amazing performance. A trial version can be download at no charge.

Windows, OS X, Linux

Terminal App

Terminal (Terminal.app) is a terminal emulator included in the OS X operating system. Terminal originated in NeXTSTEP and OPENSTEP, the predecessor operating systems of OS X. As a terminal emulator, the application provides text-based access to the operating system though a command line interface to the operating system when used in conjunction with a Unix shell, such as bash. Terminal is used to run Unix commands and applications, such as ftp, scp, rsync, ls, ssh, mkdir, vi, emacs, mysql, etc.

OS X

The Art of Web: Linear Gradients

Good examples of CSS3 linear gradients.

The Git Book

The entire Pro Git book, written by Scott Chacon and Ben Straub and published by Apress, is available here. All content is licensed under the Creative Commons Attribution Non Commercial Share Alike 3.0 license.

Transmit

Transmit for Mac is a full service FTP client for the OS X platform. Transmit looks great, is easy to use, and should be a welcome program for anyone who has had difficulties transferring files via FTP in the past. It also has some welcome features that help integrate it smoothly with your system as a whole.

OS X

Typography.com

From their website: "For 25 years, we’ve helped the world’s foremost publications, corporations, and institutions develop unique voices through typography. Our body of work includes some of the world’s most famous designs, typefaces marked by both high performance and high style. We work with brand leaders in every sector, developing original typefaces for print, web, and mobile environments, and licensing fonts from our library of more than one thousand designs."

Typotheque

When buying Typotheque fonts online, you can choose between three basic license types: the Print & Web License for installable desktop fonts and webfonts, the Web License only, or the Web Trial License.

Uglify.JS

UglifyJS is a JavaScript compressor/minifier written in JavaScript. It also contains tools that allow one to automate working with JavaScript code:

Ultimate CSS Gradient Generator

Feature rich online editor for creating gradient CSS code.

VI and VIM

VI and VI Improved (VIM) are bundled with all Unix and Unix-like operating systems. VI is a perennially favored tool among users of the command-line.

OS X, BSD, Linux, Unix

W3C Cascading Style Sheets Homepage

Primary CSS documentation and current information from the maintainsers of the CSS standard.

W3C CSS Style Atributes

W3C logoMarkup languages such as HTML [HTML401] and SVG [SVG11] provide a style attribute on most elements, to hold inline style information that applies to those elements. This draft describes the syntax and interpretation of the CSS fragment that can be used in such style attributes.

W3C CSS Syntax and Basic Date Types

Excellent and authoritative source of information on CSS syntax.

W3C CSS2 Text Shadow Definition

This property accepts a comma-separated list of shadow effects to be applied to the text of the element. The shadow effects are applied in the order specified and may thus overlay each other, but they will never overlay the text itself. Shadow effects do not alter the size of a box, but may extend beyond its boundaries.

W3C CSS3 Selectors

The authoritative source for information on CSS standards.

W3C CSS3 Text Shadow Definition

This property accepts a comma-separated list of shadow effects to be applied to the text of the element. The shadow effects are applied in the order specified and may thus overlay each other, but they will never overlay the text itself. Shadow effects do not alter the size of a box, but may extend beyond its boundaries.

W3C Developer Tools

A valuable collection of code validators, link checkers, and much more from the good folk who develop and support many of the core protocols upon with an open and free Internet depends.

W3Schools: Gradients

Examples of gradient fills.

WAMP

Easy solution for setting up a web server on your personal computer.

Windows

Webtype

Webtype provides high-end fonts for online typography.

What is Free Software

Free software is software that gives the user the freedom to share, study and modify it. It is called free software because the user is free.

To use free software is to make a political and ethical choice asserting the right to learn, and share what we learn with others. Free software has become the foundation of a learning society where we share our knowledge in a way that others can build upon and enjoy.

WinSCP

WinSCP is a free open source  SFTP, FTP, WebDAV and SCP client for Windows. WinSCP offers scripting and basic file manager functionality. It includes limited SSH functions. For complete SSH access use a dedicated SSH application, such as Putty.

Windows

WordPress Bootstrap Themes

A list of downloadable WordPress themes filtered for the term, "Bootstrap".

Wordpress Codex

WordPress.org List of Lessons

​Stylin' with CSS: A Designer's Guide

This book gives designers and developers a ground-up overview of the essential techniques needed to create Web sites using Cascading Style Sheets. The third edition was significantly rewritten and updated in 2013. Topics include:

  • Learn how HTML5 and CSS3 work together
  • Discover how the positioning and floating properties really work!
  • Develop multi-column, fixed-width and fluid layouts
  • Explore professional typographic techniques using downloadable fonts
  • Style UI elements, such as drop-down menus, forms and pop-up overlays
  • Write media queries that modify your page layouts for different screen sizes
  • Master CSS3 shadows, rounded corners, gradients and background images
  • Create interactivity with CSS3 transforms and transitions and simple jQuery function