Skip to content

Instantly share code, notes, and snippets.

View prof3ssorSt3v3's full-sized avatar
🎯
Focusing

Steve Griffith prof3ssorSt3v3

🎯
Focusing
View GitHub Profile
@prof3ssorSt3v3
prof3ssorSt3v3 / gallery.html
Created October 10, 2025 02:15
Example with combining position absolute and relative, plus using object-fit for images
@prof3ssorSt3v3
prof3ssorSt3v3 / contacts.html
Created October 10, 2025 01:35
Example of Position Sticky
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contacts</title>
<style>
:root {
--bg: hsl(300, 50%, 40%);
--fg: hsl(300, 10%, 90%);
@prof3ssorSt3v3
prof3ssorSt3v3 / background.html
Created October 9, 2025 20:48
Starter code for mad9013 6.2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS Backgrounds</title>
<style>
body {
font-size: 20px;
font-family: sans-serif;
@prof3ssorSt3v3
prof3ssorSt3v3 / Animation.js
Last active September 24, 2025 16:51
React Native Gesture Handling and Animations Starter Files
import { StatusBar } from 'expo-status-bar';
import { useRef } from 'react';
import { StyleSheet, Text, View, Button, Animated } from 'react-native';
export default function Animation() {
// const sv = useSharedValue(0);
const av = new Animated.Value(0);
// Animated.Value() is for a single value.
// Animated.ValueXY() will manage two values.
const myAnimatedValue = useRef(av).current;
@prof3ssorSt3v3
prof3ssorSt3v3 / readme.md
Last active September 6, 2025 14:14
Set Up Step Review

mad9014 | mad9013 set up steps review

1. Install VSCode

On this website you can download and install https://code.visualstudio.com/download

After you download VSCode and have it in your Downloads folder, be sure to drag it from there into the Applications folder.

2. Install HomeBrew

@prof3ssorSt3v3
prof3ssorSt3v3 / readme.md
Created August 18, 2025 13:44
Easter Egg

Congratulations

You Found the Easter Egg

This is an example Gist.

@prof3ssorSt3v3
prof3ssorSt3v3 / main.dart
Created April 10, 2025 21:39
orientation and key for video
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@prof3ssorSt3v3
prof3ssorSt3v3 / main.dart
Created April 8, 2025 22:46
Simple Starter code for a Flutter Project
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@prof3ssorSt3v3
prof3ssorSt3v3 / main.dart
Created March 27, 2025 20:28
Flutter example of a change notifier
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
//add provider: to the dependencies in pubspec.yaml
//update your formatter in analysis_options.yaml
// The provider file to be imported in files that need it
class NameProvider extends ChangeNotifier {
List<String> _names = ['Bob', 'Louise'];
//similar in concept to a State variable but it will be
@prof3ssorSt3v3
prof3ssorSt3v3 / main.dart
Created March 27, 2025 18:43
Flutter example of a form with two TextFormField widgets that get validated when clicking the submit button
import 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
home: LoginPage(),
));
}
class LoginPage extends StatefulWidget {
@override