SlideShare uma empresa Scribd logo
1 de 4
Baixar para ler offline
LS
40
              A
          TOOF
            RI
       TUES                                       Tutorial files available at:
    RT AG

                                                  webdesignermag.co.uk/tutorial-files
  PE P
EX




                                                                                  TM


     HTML5          CSS3     jQuery   WordPress




  CREATE TEMPLATES • CODE FUNCTIONS • EDIT STYLESHEETS
  GO RESPONSIVE                                                 DESIGN STITCH
  WITH CSS
  Adapt your site for
                                                                      EFFECTS
                                                                            How to craft
  desktop, tablet and                                                      these effects
  mobile devices                                                          in Photoshop




  HOW TO
  with Meny.js                                                           MAKE A
  Groovy & Grails                                                       CONTENT
                                                                          SLIDER
                                                                            Build page

  TUNE UP
                                                                         furniture with
                                                                         CSS & jQuery

  YOUR WEBSITE
  Debug your way to a
                                                                                   £5.99



  faster, more secure site
contents
<meta>
  inside issue 203




            Cutting-edge features, techniques and inspiration for web creatives
                         Chat with the team and other readers and discuss the latest tech, trends and techniques. Here’s how to stay in touch…
                        webdesigner@imagine-publishing.co.uk                                             @WebDesignerMag                 www.webdesignermag.co.uk

 Inside…
 20 Lightbox                                                                         Cover focus
           Three sites that make the web that bit better

 26 Design diary: Tinké
           Product developer, Zensorium, turns to Kilo to
           help launch its latest health gadget, Tinké

 30 Pro file: Bartle Bogle Hegarty
           This month we venture inside the celebrated
           Vorsprung durch Technik creator’s HQ

 36 Blog beautiful
           Six sumptuous blogs by fashionistas

 38 Cover: Tailor your own
    WordPress theme
           Build a bespoke look for your site by building
           your own WP theme from start to finish

 80 Design cloud
           24 sites with fantastic footers

 96 Portfolio
           Three more rising stars in the web world
                                                                                     38
 100 Trend map                                                                       Tailormade WordPress themes
           This month we travel East to Hong Kong

 114 Style relic: McLaren
           Has their web tech stayed on the pace?




  <header>
 Discussing the hottest topics
 from the web design world
 8         Do you suffer from web envy?                                                                                                       26
           According to Decibel Technology’s research                                                                                        Design Diary: Tinké
           you’re jealous of your competitors – here’s why…                                                                                  Kilo shows us how they attacked their latest project

 10        Get running at full capacity
           Easily distracted? Facebook hogging your
           time? Stop slacking and maximise your talents!

 14        Crowdsource
           We respond to your latest letters and tweets

 16        Comment: Dries Van haver
           We should be striving for nothing less than
           perfection – it’s all it takes to succeed…

 18        Comment: Richard Miller                                                   30                                                       20
           Sensio Labs UK’s Richard Miller thinks it’s time                         Pro file: Bartle Bogle Hegarty                           Lightbox: Lambooja
           to realise the potential of Symfony2                                     We talk to the global sensation behind Audi and Levi’s   This month’s site of the month is a retro-styled treat



 6 __________________________________________________________________________meta
Gallery of stunning web design

Lambooja Digital Agency
                                                                                 www.lambooja.com.br
                                                       Development technologies Adobe Photoshop, HTML5, CSS3, jQuery




                             Designer Lambooja Digital Agency
                                             www.lambooja.com.br
          With a strong sense of style, this site shouts about
             Lambooja’s abilities to translate its clients’ briefs




             A
                         into impressive online destinations
                                                         dopting the now familiar    way to achieve success is virtually the
                                                         one-page scroll format,     same: a focus on results, planning,
                                                         this site showcases the     adaptability, agility and teamwork are                   SITE
                                                         multifaceted talents of     the principles needed to win in sports,                OF THE
                                                         designers Andre Alves       which we parallel within our design.”                  MONTH
                                                         who developed the              The concept of vintage sport invokes
                                                         information architecture    a level of nostalgia, but is also universal,
                                                         and design, and Victor      allowing the design to speak to any
                                                         Abadio, responsible for     nationality. Social media is front and
                                                         programming. Using a        centre with this site design, as the social
                                                         sporting motif, links       space is a key channel for this design         <Above>
                                                                                                                                     Social media is clearly vital for Lambooja, as it
                                         allow easy access into the site that can    agency. Compressing the essence of             places the links to these spaces directly on its
                                                                                                                                    site’s homepage
                                         be understood no matter what                this agency’s talents into a short
                                         language it is you speak.                   scrolling site is a masterstroke and is
                                            Lambooja outlined its approach to        certainly appreciated by their clients
                                         the design of the site: “We work with       that can clearly and efficiently see what
                                         digital marketing, but we present it        this agency can do for them.
                                         through a vintage approach, making             Well-thought-out layouts work in
                                         analogies and using the language of         conjunction with a colour pallet and           <Below>
                                                                                                                                     Each page of the site’s design promotes the
                                         the sports universe such as soccer,         page elements to create a professional         developer’s desire to achieve simplicity and light
                                         volleyball, tennis, basketball, baseball    looking site that doesn’t need reams of        interactivity throughout

                                         and other team sports. Although each        text or an image overload to
                                         of these universes has its quirks, the      communicate the skills on offer.




           “     The concept of vintage sport invokes a
               level of nostalgia, but is also universal
                                                                                                                        ”
20 __________________________________________________________________ lightbox
Got it? Flaunt it! Tell us about your site   webdesigner@imagine-publishing.co.uk




                                                                                                                    #68874B       #32241B      #F0D198




                                                                                                                    #C72A07      #F1F0DD       #FD4A0B
                                                             <Top left, clockwise>
                                                              Each page of the short scrolling
                                                             website can be jumped to from this
                                                             page. The designers make
                                                             navigation fast and efficient
                                                              The vintage sports theme is                 <Above>
                                                             evoked on this page. The                       ChunkFive is an ultra-bold slab serif typeface
                                                             uncluttered layout is appealing              developed by The League of Moveable Type, and
                                                             to the eye                                   is available from Font Squirrel
                                                              Current clients are showcased
                                                             again using the sporting motif that          <Below>
                                                             runs throughout the site                       Helvetica is a classic font originally designed by
                                                              The last page of the Lambooja site          the Swiss typographer Max Miedinger in 1957, and
                                                             reinforces the vintage sports                is available from Linotype
                                                             concept with intuitive use of
                                                             graphics and an extremely
                                                             well-chosen colour pallet




                                                                                     lightbox ____________________________________________________________________ 21

Mais conteúdo relacionado

Último

Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 

Último (20)

Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 

Destaque

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 

Destaque (20)

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 

Lambooja é destaque em revista do Reino Unido

  • 1. LS 40 A TOOF RI TUES Tutorial files available at: RT AG webdesignermag.co.uk/tutorial-files PE P EX TM HTML5 CSS3 jQuery WordPress CREATE TEMPLATES • CODE FUNCTIONS • EDIT STYLESHEETS GO RESPONSIVE DESIGN STITCH WITH CSS Adapt your site for EFFECTS How to craft desktop, tablet and these effects mobile devices in Photoshop HOW TO with Meny.js MAKE A Groovy & Grails CONTENT SLIDER Build page TUNE UP furniture with CSS & jQuery YOUR WEBSITE Debug your way to a £5.99 faster, more secure site
  • 2. contents <meta> inside issue 203 Cutting-edge features, techniques and inspiration for web creatives Chat with the team and other readers and discuss the latest tech, trends and techniques. Here’s how to stay in touch… webdesigner@imagine-publishing.co.uk @WebDesignerMag www.webdesignermag.co.uk Inside… 20 Lightbox Cover focus Three sites that make the web that bit better 26 Design diary: Tinké Product developer, Zensorium, turns to Kilo to help launch its latest health gadget, Tinké 30 Pro file: Bartle Bogle Hegarty This month we venture inside the celebrated Vorsprung durch Technik creator’s HQ 36 Blog beautiful Six sumptuous blogs by fashionistas 38 Cover: Tailor your own WordPress theme Build a bespoke look for your site by building your own WP theme from start to finish 80 Design cloud 24 sites with fantastic footers 96 Portfolio Three more rising stars in the web world 38 100 Trend map Tailormade WordPress themes This month we travel East to Hong Kong 114 Style relic: McLaren Has their web tech stayed on the pace? <header> Discussing the hottest topics from the web design world 8 Do you suffer from web envy? 26 According to Decibel Technology’s research Design Diary: Tinké you’re jealous of your competitors – here’s why… Kilo shows us how they attacked their latest project 10 Get running at full capacity Easily distracted? Facebook hogging your time? Stop slacking and maximise your talents! 14 Crowdsource We respond to your latest letters and tweets 16 Comment: Dries Van haver We should be striving for nothing less than perfection – it’s all it takes to succeed… 18 Comment: Richard Miller 30 20 Sensio Labs UK’s Richard Miller thinks it’s time Pro file: Bartle Bogle Hegarty Lightbox: Lambooja to realise the potential of Symfony2 We talk to the global sensation behind Audi and Levi’s This month’s site of the month is a retro-styled treat 6 __________________________________________________________________________meta
  • 3. Gallery of stunning web design Lambooja Digital Agency www.lambooja.com.br Development technologies Adobe Photoshop, HTML5, CSS3, jQuery Designer Lambooja Digital Agency www.lambooja.com.br With a strong sense of style, this site shouts about Lambooja’s abilities to translate its clients’ briefs A into impressive online destinations dopting the now familiar way to achieve success is virtually the one-page scroll format, same: a focus on results, planning, this site showcases the adaptability, agility and teamwork are SITE multifaceted talents of the principles needed to win in sports, OF THE designers Andre Alves which we parallel within our design.” MONTH who developed the The concept of vintage sport invokes information architecture a level of nostalgia, but is also universal, and design, and Victor allowing the design to speak to any Abadio, responsible for nationality. Social media is front and programming. Using a centre with this site design, as the social sporting motif, links space is a key channel for this design <Above> Social media is clearly vital for Lambooja, as it allow easy access into the site that can agency. Compressing the essence of places the links to these spaces directly on its site’s homepage be understood no matter what this agency’s talents into a short language it is you speak. scrolling site is a masterstroke and is Lambooja outlined its approach to certainly appreciated by their clients the design of the site: “We work with that can clearly and efficiently see what digital marketing, but we present it this agency can do for them. through a vintage approach, making Well-thought-out layouts work in analogies and using the language of conjunction with a colour pallet and <Below> Each page of the site’s design promotes the the sports universe such as soccer, page elements to create a professional developer’s desire to achieve simplicity and light volleyball, tennis, basketball, baseball looking site that doesn’t need reams of interactivity throughout and other team sports. Although each text or an image overload to of these universes has its quirks, the communicate the skills on offer. “ The concept of vintage sport invokes a level of nostalgia, but is also universal ” 20 __________________________________________________________________ lightbox
  • 4. Got it? Flaunt it! Tell us about your site webdesigner@imagine-publishing.co.uk #68874B #32241B #F0D198 #C72A07 #F1F0DD #FD4A0B <Top left, clockwise> Each page of the short scrolling website can be jumped to from this page. The designers make navigation fast and efficient The vintage sports theme is <Above> evoked on this page. The ChunkFive is an ultra-bold slab serif typeface uncluttered layout is appealing developed by The League of Moveable Type, and to the eye is available from Font Squirrel Current clients are showcased again using the sporting motif that <Below> runs throughout the site Helvetica is a classic font originally designed by The last page of the Lambooja site the Swiss typographer Max Miedinger in 1957, and reinforces the vintage sports is available from Linotype concept with intuitive use of graphics and an extremely well-chosen colour pallet lightbox ____________________________________________________________________ 21