WordPress and Mexican Silver

There’s more to WordPress than blogging. It has become a great CMS platform for non-techies and web developers. The fact that you can extend it as much as you like, makes it a candidate platform for any project.

I recently decided to create an e-commerce site for one of my passions: Mexican Silver Jewellery. I wanted to build something very simple and easy to navigate for the customer. I know it can take a few weeks to get something up and running from scratch, so as my time was limited and I needed to create the content for the site, I decided to use the twenty twelve WordPress theme, which I love. I prefer simplicity over heavy design and the twenty twelve theme doesn’t disappoint. It has everything I need.

It was just a matter of finding the right plugin for the shop. I opted for JigoShop, as it has been recommended to me in the past. Once I started adding products, I realised how well developed the plugin is. Although I did spend many hours entering products and searching for answers to the questions I had – I was grateful for the documentation.

One of the most time consuming parts was getting the SSL to work. I decided to make the entire site secure, as JigoShop only has one page that can be made secure – the ‘checkout’ page. This was an issue for me, as I wanted to make sure customers felt confident creating an account and going back to the site anytime and be able to update their profile securely.

As I already had a Paypal account, I got the transactions working nicely. Although I did have some issues with Paypal sandbox and in the end I was forced to make a live transaction during the development process.

I’m very pleased with the result… now all I need are customers!

Mozilla Festival 2012

Time to reflect on what was a very inspiring couple of days at #mozfest, the Mozilla Festival that took place in the beautiful Ravensbourne College building in London. Packed full with sessions to make you experiment, build, extend, create, and collaborate.

I played with Zeega, a tool to create your own stories by combining photos, videos, audio and text from around the web, or indeed your own. It is about bringing your story to life. Still in Alpha, but you can ask for an invitation and start creating your very own stories to share.

Having used Scratch with the Raspberry Pi, I was very keen to see the new features of Scratch 2.0 We were all blown away with the new sensor scripts, which use the camera and sound for more fun! Hopefully it won’t be too long before Scratch 2.0 is more widely available. It will be worth the wait.

I was great to hear about Mozilla badges, a way to reward your commitment by giving you badges as you create new things with Mozilla Webmaker tools. These badges can then be shared with people you know. As an educator, you can issue badges and create your own to help your students feel proud of what they have achieved.

I was gutted to have missed the Makey Makey demo, but I will be ordering one soon to show at my daughters’ primary school.

I had my share of popcorn too… as Popcorn Maker was officially launched at #mozfest.

Inspired by the Paralympics

We had a great family day earlier this week at the Olympic Park. We watched 7 World and Paralympic records being smashed in the Aquatic Centre including Ellie Simmonds in the 200m IM. We went absolutely nuts when she raised the last 20 meters to win and break her PB.

A big cheer to all the paralympians who have shown us that everything is possible.


La Web Móvil: un Glosario

He compilado el siguiente glosario (durante el proceso de traducción del curso ‘Buenas Practicas en Web Móvil‘) que espero sea de utilidad. Si gustas adicionar mas términos, ¡adelante!

  • Assistive technologies = Tecnología de apoyo
  • Auto-scrolling = Auto-efectos de desplazamiento
  • Absolute Positioning = Posicionamiento absoluto
  • Background image = Imagen de fondo
  • Background color = Color de fondo
  • Bandwidth = Conexión de banda ancha
  • Bandwidth download = Ancho de banda de descarga
  • Bandwidth upload = Ancho de banda de subida
  • Blog =Un blog
  • Bold = Texto en negrita
  • Border = Borde
  • Block element = Element de bloque
  • Box model = Modelo de caja
  • Browser window = Ventana del navegador
  • Broadband network = Ancho de banda de red
  • Click = Clic
  • Content images = Imagenes de contenido
  • Coding = Maquetando
  • Coder = Maketador
  • CMS = Sistemas de gestión de contenido
  • CSS Media types = Tipos de medio CSS
  • Client side = En el lado del cliente
  • Decoration images = Imágenes de adorno
  • Debugging = Depuración
  • Default elements = Elementos por defecto
  • Default Gateway = Puerta de enlace predeterminada
  • Definition list = Lista de definición
  • Deprecated = Desaprobados
  • Display = Mostrar
  • Dynamic web pages = Paginas web dinamicas
  • Download = Descargar
  • Domain names = Nombres de dominio
  • Drop-shadow = Sombra
  • Drop down menu = Menú desplegable
  • Embedded images = Imágenes embebidas
  • Features = Funciones/Características
  • File formats = Formatos de archivo
  • Font = Fuente o Tipo de letra
  • Focus = El foco
  • Foreground colour = Color de primer plano
  • Footer= Pied de página
  • Frame – Marco
  • Grid= Rejilla
  • Helper application = Aplicación auxiliar
  • Headers = Cabeceras
  • Highlight = Resaltar/Destacar
  • Inline element = Elemento en línea
  • Image weight = Peso de la imagen
  • Item = Elemento
  • Italics = Cursiva / texto en cursiva
  • Javascript checker = Analizador de Javascript
  • JavaScript engine = El motor javaScript
  • Keywords= palabras clave
  • Key = Tecla
  • Markup = Marcado
  • Markup Language = Lenguaje de marcado
  • Margin = Margen
  • Meta = Metadatos
  • Mobile users = Usuarios de móviles
  • Nested tables = Tablas anidadas
  • Network load = La carga de la red
  • Label = Titulo
  • Layout = Estructura
  • List-Style-Type = Tipo de viñeta
  • Look and feel of the site = Aspect del sitio
  • Online games = Juegos en línea
  • Offline web applications = Aplicaciones de web locales
  • Old browser = Navegador obsoleto
  • On the fly = En tiempo real
  • Open source = Código abierto
  • Ordered list / unordered lists = Listas ordenadas/no ordenadas
  • Padding= Relleno
  • Page requests = Peticiones de páginas
  • Parser = Analizador sintáctico
  • Performance = Rendimiento
  • Pop-ups = Ventanas emergentes
  • Pointer = Puntero
  • Position properties = Propiedades de posicionamiento
  • Post = entradas
  • Progressive enhancement = Mejora progresiva
  • Readme file = Archivo léame
  • Request = Solicitud o Peticion
  • Re-sized = Redimensionar
  • Resources = Recursos
  • Responsive Web Design = Diseno Web Responsable
  • Roaming service = Servicio de itinerancia
  • Roaming = Itinerancia
  • Rounded corners = Bordes redondeados
  • Search = Buscador
  • Server response = Respuesta del servidor
  • Script = Un guión
  • Screenshot = Captura de pantalla/Pantallazo
  • Source code = código fuente
  • Server side = En el lado del servidor
  • SSL = Nivel de sockets seguros
  • Standard = Normas
  • String = Cadena
  • Statement = Instruccion
  • Tags – Etiquetas
  • Target link = Enlace de destino
  • Tabbed browsing = Navegación por pestañas
  • Touch screen = Pantalla tactil
  • Touch events = Eventos táctiles
  • Update = Actualizar
  • User-agent = Agente de usuario
  • User-unfriendly = No fácil de usar
  • User interface = La interfaz de usuario
  • Web page = Pagina web
  • Web space = Alojamiento Web
  • Website = Sitio Web
  • Web links – Enlaces de hipertexto
  • WWW= La Web
  • Zoom in/out = Aumentar con el zoom/reducir con el zoom

W3C Mobile Web Best Practices

I’m really chuffed to have been asked to deliver ‘The Mobile Web Best Practices’ course in Spanish. The 6 week online course – Las Buenas Prácticas en Web Móvil – starts on 18th June 2012.

Originally in English and developed by Phil Archer, the course has been popular amongst desktop developers moving into the mobile world. Phil is an inspiring tutor, and I hope to share my own enthusiasm for the subject and look forward to meeting you in the virtual classroom. Don’t miss the early bird discount!

Esta es la primera vez que se ofrece Las Buenas Prácticas en Web Móvil  en Español y tengo la confianza que encontrarás el material mas actualizado que necesitas para empezar a diseñar en la pequeña pantalla. Aprovecha la oferta de inscripción y espero verte en el salón virtual.



Spring is in the air

Only a couple of days before Spring officially begins, but I have been busy doing some Spring cleaning on my own website. After a week of development and still work in progress, here is the new look.

I can now enjoy a week of sunshine (according to the met office) and look forward to the Big M and openMIC at this week’s Bath Digital Festival. Follow @BathDigital


Feeling the Autumn chill

The holidays are officially over, the children are back to school and we’re left with great memories  from our lovely holidays in Cornwall – one of my favourite places in England.

Back at my desk with loads of work to look forward to. Plenty of WordPress development for a couple of clients, which I will share as soon as I can, and some new exciting mobile web ideas to implement in the next few months.

I feel overwhelmed by the amount of information that I still need to read and catch up with. I’m still trying to figure out what is the most efficient way to do so. I definitely need to keep my notes a little tidier to be able to share them more regularly here.

In the meantime, I’ll keep that blue sky as my screensaver until the Autumn officially arrives.

On my radar: #html5 #mobileweb

Technology moves fast and this week I’ve been madly busy, but here are some of the tidbits that piqued my interest recently…

  1. Microsoft ditches .NET for HTML5 – watch the video
  2. Microsoft updates to Bing mobile are supported in Android, iPhone and RIM but not Windows Phone 7. Read the full story.
  3. The FT launched an HTML5 web app, which according to the NYT was created to bypass the App Store.
  4. Can the web and mobile help the planet? Yes, according to Katie Fehrenbacher from earth2tech. Full story.
  5. The Mobile browser share Q12011.
  6. HTML5 vs Native: The Mobile App Debate continues.
  7. A brief tour of  Apple OS5 and this piece about Apple’s iCloud.

On my radar: mobile web

I’ve been sifting through what’s been happening in the mobile web world in the past few days. Here are some highlights I picked out:

Google I/O took place on May 10th- 12th; the Mobile Web 2011 presentation is a must see.

The Mobilisim conference took place in Amsterdam on 12/13th May 2011. LukeW shared his notes on the Mobile Web.

A look towards the The Future of the Mobile Web presented by @ppk

Tweetdeck made the announcement that we will be able to access the application on the mobile web:

“We looked at a lot of options and after much deliberation decided the best way forward was to build an amazing version of TweetDeck to run on mobile web browsers.”

HTML5 is one of the ingredients of the Mobile Web, and at Google I/O 2011 they made sure it was on the agenda. GWT + HTML5: A web developers dream!

The Big M – #BigMConf

I attended The Big M mobile event on 21st and 22nd March in the beautiful city of Bath. It was refreshing to see an event of this kind outside London.  @bookmeister and @m1ke_ellis put together a terrific line up of speakers.

The highlight for me was @aral‘s talk on Beyond Usability on Mobile. Aral’s passion for designing usable experiences goes deep into his soul and  his ability to transmit this to his audience made it a joy to experience. Aral is also known for his Feathers App.

@raamthakrar spelt out the importance of App Distribution and Monetisation and how developers’ hard work should earn better financial rewards (but not like the bankers!).

@Ew4n caused some controversy and debate among the audience with his State of the Union Mobile Address! At one point he sounded like a toddler, “I want an App and I want it NOW”!  I’m glad I wasn’t the only one thinking it. Look at the evidence.

Still slightly jetlaged from SXSW, @brucel mainly told us about HTML5, the One Web and mobile best practices.

@pgolding told us about Future Mobile Innovations.

@wordbeard created some fantastic sketches that summarise The BigM Day

As always, it was great to catch up with familiar faces and meet new ones. I thoroughly enjoyed it.