Skip to content

Must Be Built

It Must Be Built and This is What I Learnt

  • About
  • Posts
  • 20/20 HTML
    • Basic Structural Tags
    • Block Elements
    • Images and Hyperlinks
    • Inline Elements
    • Grouping Elements
    • HTML Tables
    • Special Characters
  • 20/20 CSS
    • CSS Selectors
    • CSS Storage
    • Text Properties
    • Backgrounds
    • CSS Box Model
    • Display – block, inline and flex
    • flex-wrap
    • flex-basis
    • justify-content
    • Overflow, float and clear
    • Custom Fonts with @font-face
  • HTML5
    • Simpler HTML
    • Semantics
    • Fabulous Forms
    • Audio Video
    • Video API
    • CSS3 Animation with Transitions
    • CSS3 Animation with @keyframes
    • CSS3 Transform Properties
  • Javascript
    • Introducing Javascript
    • Variables in Javascript
    • Conditional Logic
    • Loops
    • Functions
    • Arrays
    • Manipulating the DOM – Add, Modify, Anything
    • Javascript Events
    • Selecting DOM Elements
    • Adding DOM Elements
    • Javascript Objects
    • AJAX – Getting Started
    • AJAX and XML
    • AJAX – Getting Interactive
  • jQuery
    • CSS Selectors and Events
    • Show and Hiding
    • CSS() Method
    • Animation methods
    • AJAX – $.getJSON(), $jQuery.get(), $jQuery.post()
    • jQuery Plugins
    • AJAX – $.load(), $.getScript()
    • Building a Simple Image Fader
    • Cross Domain AJAX
    • AJAX Cross Domain with jQuery
  • PHP
    • PHP System Requirements
    • PHP Basics
    • PHP Programming
    • Arrays in PHP
    • SQL Basics
    • MySQL Introduction
    • PHP and MySQL
    • Using Object Oriented PHP with the mysqli Extension
    • INSERT, UPDATE and DELETE with mysqli
    • Working with PDO – PHP Data Objects
    • Select Statements with PDO
    • INSERT, UPDATE and DELETE with PDO
    • Handling Dates
    • Cookies and Sessions
    • Email
    • PHP and JSON – json_encode and json_decode
    • cURL
    • Validating, Sanitizing and Escaping
    • Uploading Images via PHP

Tag: HTML5

6 Jul 2011

WebGL and CSS3 Magic

adminTech MusingsHTML5, New Generation BrowsersLeave a comment

Wow. Look at this (if you are using Chrome): http://helloracer.com/webgl/ Carlos Ulloa who is already well known for Papervision 3D has now produced an amazing example of webGL built using three.js. And if that isn’t enough wow’s already, then here another bit of HTML5/CSS3 magic. CSS Icons created with no images. Best viewed in Chrome…

Read More
25 Jun 2011

Glastonbury Flashtonbury

adminFlash / ActionScript, Tech Musingsflash, HTML5Leave a comment

Enjoying the Glastonbury coverage from the BBC on this wet weekend. The best festival in the world and the best music. But I’m not able to enjoy it on my iPad. The cool kids may be knocking Flash but you can’t beat it for live event streaming like Glasto. U2 may be an old band,…

Read More
24 Jun 2011

The Great Upgrade Divide

adminTech MusingsHTML5, New Generation BrowsersLeave a comment

The pace of browser releases is on the up. This week saw the release of Firefox 5 which seems ridiculously quick follow up to Firefox 4. Also Microsoft have IE10 available to test drive. With Google releasing a new version of Chrome every six weeks we are possibly now on version 42.6 for all I…

Read More
22 Mar 2011

Stop having a whine – here’s IE9

adminTech MusingsHTML5, New Generation BrowsersLeave a comment

We all love to hate IE.  I think it is time web designers started to treat IE with a little more respect.  IE9 is out, and although there is the major isssue around lack of upgrade routes from Window XP, Microsoft have got an excellent browser on their hands.  As a result there are going…

Read More

Posts by Category

Twitter: mustbebuilt

  • Now something went wrong. https://t.co/tdLe7OwLzM 10:06:50 AM January 28, 2021 from Twitter Web App ReplyRetweetFavorite
  • @netmag is it true there will no more issues? 01:51:32 PM April 17, 2020 from Twitter for iPhone in reply to netmag ReplyRetweetFavorite
  • Top placard https://t.co/86AjQyDSct 02:07:18 PM March 24, 2019 from Twitter for iPhone ReplyRetweetFavorite
@mustbebuilt

Recent Posts

19 Jan

One Hell of a Week

Posted in capacity as Module Leader Group Software Development, Department of Computing Sheffield Hallam University A Morgue One hundred students, 10 clients, 5 labs of University PCs, overzealous Facilities department and the Sheffield weather. What could possibly go wrong? Last week was ‘Scrum Week’. Nineteen groups of students working flat out 9-5, Monday to Friday…

Read More
11 Jul

Flexbox Technicals – Part Two

Before reading the following ensure you are happy with the flexbox concepts of main axis and cross axis discussed in my previous post. Justification on the main axis The CSS property justify-content is used to control spacing between and around items along the main axis (assuming extra space is available). It is applied to the…

Read More
11 Jul

Flexbox Technicals – Part One

The concept of ‘flexible box’ or flexbox is name of the CSS3 flex layout model. Flexbox is based around flex containers and flex items. A flex container is a parent element to flex items.  Flex items are the immediate children of the flex container and can be laid out in any direction. Take the following simple…

Read More

© All right reserved 2016

Education Base by Acme Themes