Category Archives: Post

How to kick off a responsive design

Reading…reading…reading – strongly advised to read Tim Kadlec’s book about implementing responsive design. Here are some basic keynotes which might give you and idea how you can build your own workflow:

  1. Understanding the content and focusing on the business aims,
  2. Prototyping on paper using “post it”,
  3. Building wire frames and proof of concepts in a digital way (using online or desktop prototyping tools),
  4. Making the design,
  5. Implementing the design:
    • preparing the assets – slicing etc.,
    • making grids or fluid layouts – skeleton,
    • analyzing the media: get adaptive image and video solution,
    • building up CSS3 media queries etc.
  6. Cross device and browser testing,
  7. Bug fixing.

Very important to understand the fact that is making responsive and really highly device ready site is a hard team work. Team work between developers, designers and testers.

Some useful readings

I have decided to do some project with MongoDB, NodeJS and HTML5. It will be a very interesting entertainment based startup.

I would like to share my personal readings on the topics above.

Here comes:

HTML5 interactive demos

http://html5demos.com/

HTML5 data-*

http://ejohn.org/blog/html-5-data-attributes/

HTML5 reading local files

http://www.html5rocks.com/en/tutorials/file/dndfiles/

Javascript DI

http://misko.hevery.com/2010/05/29/dependency-injection-and-javascript-closures/

Object to primitive conversion in javascript

http://www.adequatelygood.com/2010/3/Object-to-Primitive-Conversions-in-JavaScript

Javascript garden

http://bonsaiden.github.com/JavaScript-Garden/

NodeJS beginner guide

http://www.nodebeginner.org/

Mongoose ODM

http://mongoosejs.com/

Symfony2 save form

Form saving in controller example:

public function saveAction(Request $request)
{
    if ($request->getMethod() == 'POST') {
        // EntityManager
        $em = $this->getDoctrine()->getEntityManager();

        // New entity
        $registration = new Customer();

        // Build the form
        $form = $this->createFormBuilder()
        ->add('name', 'text')
        ->add('country', 'text')
        ->add('email', 'email')
        ->add('certificate', 'text')
        ->add('provider', 'entity', array(
              'class' => 'YourCustomBundle:Partner',
        ))
        ->getForm();

        // Populate
        $form->bindRequest($request);

        // Check
        if($form->isValid()) {
            // Fill the entity
            $registration->setName($form['name']->getData());
            $registration->setCountry($form['country']->getData());
            $registration->setEmail($form['email']->getData());
            $registration->setCertificate($form['certificate']->getData());
            $registration->setProvider($form['provider']->getData());
            $em->persist($registration);
            $em->flush();
        }   

    }
    return $this->render('YourCustomBundle:Default:index.html.twig',array(
            'form' => $form->createView(),
    ));
}