2013-11-06

[General] Helping others and learning stuffs

Today I made a website for a group on campus, Guelph Queer Equality.  It's not published yet, but here's a screenshot:





As you can see, it's fabulous.  I volunteered to do this because I support their work on campus and it benefits good friends of mine.  They didn't have a website before, but wanted one, so I thought my skills could be useful to them.



I'm not brilliant at visual design, but they didn't have any website before, and what I can provide for free is (hopefully) preferable to nothing.



I enjoyed doing this because it did not take too long and was a break from my regular work (thesis, TAing, GRAing, etc).  Here are some fun things I got to play with


  • HTML Canvas.  I've poked at it a couple times before, but never really  made it far.  It felt like one of those weird things I might never quite understand.  Basically it gives you a space on your page to draw on.  You have a context that you can use to draw shapes, letters, images, etc.  In this screen shot, the name "Guelph Queer Quality" is drawn on the canvas, and the rainbow and the whitespace are drawn too.


  • Web fonts.  The header and the URLs are done in Snippet:
    http://www.google.com/fonts/specimen/Snippet

  • PHP.  The elements of the site that are consistent across pages are in template PHP files that get included into the primarily-content-based named pages (Updates, Events, FAQ, etc).  Also, the blog posts are actually just a feed from a Blogger blog, whose atom feed is getting parsed.

  • JavaScript and CSS.  This was used to position content in the right place, and required many calculations.


I also briefly was using neat stuff like CSS transforms but that was too much for the group. :D

Keine Kommentare:

Kommentar veröffentlichen

Dieses Blog durchsuchen

Labels

#Technology #GNOME gnome gxml fedora bugs linux vala google #General firefox security gsoc GUADEC android bug xml fedora 18 javascript libxml2 programming web blogger encryption fedora 17 gdom git emacs libgdata memory mozilla open source serialisation upgrade web development API Spain containers design evolution fedora 16 fedora 20 fedora 22 fedup file systems friends future glib gnome shell internet luks music performance phone photos php podman preupgrade tablet testing typescript yum #Microblog Network Manager adb apache art automation bash brno catastrophe css data loss debian debugging deja-dup disaster docker emusic errors ext4 facebook fedora 19 gee gir gitlab gitorious gmail gobject google talk google+ html libxml mail microsoft mtp mysql namespaces nautilus nextcloud owncloud picasaweb pitivi ptp python raspberry pi resizing rpm school selinux signal sms speech dispatcher systemd technology texting time management uoguelph usability video web design youtube #Tech Air Canada C Electron Element Empathy Europe GError GNOME 3 GNOME Files Go Google Play Music Grimes IRC Mac OS X Mario Kart Memento Nintendo Nintendo Switch PEAP Selenium Splatoon UI VPN Xiki accessibility advertising ai albums anaconda anonymity apple ask asus eee top automake autonomous automobiles b43 backup battery berlin bit rot broadcom browsers browsing canada canadian english cars chrome clarity comments communication compiler complaints computer computers configuration console constructive criticism cron cropping customisation dataloss dconf debug symbols design patterns desktop summit development discoverability distribution diy dnf documentation drm duplicity e-mail efficiency email english environment estate experimenting ext3 fedora 11 festival file formats firejail flac flatpak forgottotagit freedom friendship fuse galaxy nexus galton gay rights gdb german germany gimp gio gjs gnome software gnome-control-center google assistant google calendar google chrome google hangouts google reader gqe graphviz growth gtest gtg gtk gvfs gvfs metadata hard drive hard drives hardware help hp humour ide identity instagram installation instant messaging integration intel interactivity introspection jabber java java 13 jobs kernel keyboard language language servers languages law learning lenovo letsencrypt libreoffice librpm life livecd liveusb login lsp macbook maintainership mariadb mario matrix memory leaks messaging mounting mouse netflix new zealand node nodelist numix obama oci ogg oggenc oh the humanity open open standards openoffice optimisation org-mode organisation package management packagekit paint shedding parallelism pdo perl pipelight privacy productivity progress progressive web apps pumpkin pwa pyright quality recursion redhat refactoring repairs report rhythmbox sandboxes scheduling screenshots self-navigating car shell sleep smartphones software software engineering speed sql ssd synergy tabs test tests themes thesis tracker travel triumf turtles tv tweak twist typing university update usb user experience valadoc video editing volunteering vpnc waf warm wayland weather web apps website wifi wiki wireless wishes work xinput xmpp xorg xpath
Powered by Blogger.