How to start header on page 2 Videos

• 1. Bootstrap Grid - CSS Grids Series (part 2 - Page Header)
• 2. 2-column Web Page Layout - Part 1 (with Header)
• 3. Inserting a header on page 2 of your word document using Microsoft Word 2013
• 4. SEO On Page 1: Elementos Header e Autoridade - Aula 2 - Curso de SEO #OpenSEO
• 5. 16 - Marketica v2.2+ - Two Page Header Styles
• 6. Header page 2
• 7. Muse one page Desktop Web Site Part 2 Header and basic menu
• 8. Responsive Web Design With Bootstrap (2.3.2) - #2 - Collapsible Header and Nav with Drop Down
• 9. Parallax On The Web (Part 2) – Parallax Header

Bootstrap Grid - CSS Grids Series (part 2 - Page Header)

User Comments

Rigoberto Gomez commented on 08 Aug 2015

How do you run applications in a localhost or dropbox ?

Adeel S commented on 03 Sep 2015

+Rigoberto Gomez You can user PrePros for windows.

Rigoberto Gomez commented on 08 Aug 2015

+DevTips I use windows you know a tool I can use? better if it's free

DevTips commented on 08 Aug 2015

I am using codekit in this series.

Rodrigo Segura commented on 22 Jan 2015

Hey, just a quick question regarding responsive layouts and the height property. Why do people use pixels to define their nav height instead of percentages? thanks in advance

DevTips commented on 22 Jan 2015

percentages are calculated based on the elements parent. Most elements have a default height of 0, so if you set any element a % height, it is likely to just be 0 as the parent naturally collapses. I don't know, somone has to use absolute numbers somewhere.

Anatoly Khalizev commented on 09 Jan 2015

I am using CodeKit in this project and instead of using (style) in .jade file I've created .styl file for css (because CodeKit, as I understand, cannot work with .css but can compile sass, less, stylus). And it works!

DevTips commented on 10 Jan 2015

yea! codekit is awesome!

noon nous commented on 04 Dec 2014

almost nothing to type and still lots of typos... well aaaah thinking back of ye good ol MS-editor days... 

DevTips commented on 05 Dec 2014

Where would I be w/o typos?

Juan Bonnett commented on 25 Nov 2014

Wo wo wo wo wo... can I do that Jade thing in Netbeans 8?

DevTips commented on 26 Nov 2014

ooohhhhhhh. Interesting.

Juan Bonnett commented on 26 Nov 2014

Netbeans is an IDE, a very famous one by the way. But I researched and seems that there's no plugin to do what you're doing there with the jade files. Or if there is, someone can see this and comment.

DevTips commented on 26 Nov 2014

No idea what Netbeans is.

Development Today commented on 18 Nov 2014

I'm getting the feeling that you really like Jade. :D

DevTips commented on 21 Nov 2014

nice!

Devan Farrell commented on 21 Nov 2014

If you search in Brackets plugins it's the first one you see. He probably has the extension on github somewhere too but that way is way easier.Here is the link to Brackets though if anyone needs a free code editor. //brackets.io

DevTips commented on 21 Nov 2014

link?

DevTips commented on 21 Nov 2014

Nice find!!

Devan Farrell commented on 21 Nov 2014

Good news fellow Brackets lovers. There is a jade extension and it's maintained by the maintainer of jade.

DevTips commented on 20 Nov 2014

I'm sure it does with an extension/plugin.

Devan Farrell commented on 20 Nov 2014

I think I'll like it. I love SASS for the brevity and Jade gets rid of even more mess than SASS does. Maybe it'll help me think a little more logically about my divs too. I'm just hoping Brackets supports it...

DevTips commented on 18 Nov 2014

That's great!

Development Today commented on 18 Nov 2014

+DevTips I'd be impressed to see a mixin for the form elements, including the wrappers, labels and inputs. For example +text('name') would be.input-wrapper //I forget the exact class   label(for='name') Name:    input.form-control(type='text', name='name', id='name')

DevTips commented on 18 Nov 2014

So far :) It's I'm super pumped up by it right now.

2-column Web Page Layout - Part 1 (with Header)

User Comments

Neil Anthony commented on 12 Aug 2012

I like the idea of the section tag...it seems much cleaner and much neater than div tags all over the place. However, I really don't see the point in using them as I doubt very much if they will be supported by older browsers. How do older browsers handle them? Anyone know? Does anyone really care? As far as I can tell, and my research is not extensive, a designer is going to have to rely on a combination of javascript and/or css to get things to work. Not exactly a great move forward!

Grave1011 commented on 09 Oct 2011

I'm having problems using the section tag. Im linking to a stylesheet, and ive got all the sections in the stylesheet, but the "section#topbar" does not seem to do anything ?? Im used to using ".'divname' {'content'}" which has always worked, and ive only just come accross people using the "#" for their divs. Is there anything special I need to do to use HTML 5 ??

rockart54 commented on 12 May 2011

Really good vids good job!!

RocketBreaker commented on 06 Aug 2011

Thanks!

Inserting a header on page 2 of your word document using Microsoft Word 2013

SEO On Page 1: Elementos Header e Autoridade - Aula 2 - Curso de SEO #OpenSEO

User Comments

Leandro Silva commented on 30 Jul 2012

Muito Boa Parabéns, Venho estudando técnicas de Seo a um Bom tempo, tenho aprendido muito hoje já presto serviço para algumas empresas aqui na minha cidade. Essa sua vídeo aula estar muito boa mesmo para que não tem muito conhecimento em Seo recomendo!!!! Mais quero deixa aqui uma sugestão para você amigo do youtube que para conseguir aproveitar o máximo ao curso você deve seguir o conselho do professor e estudar pelo menos o Básico de Html para não se perder na vídeo aula....

Bruce Emmanuel Sueira commented on 20 Oct 2012

Parabéns pelo trabalho e pela iniciativa. Mas discordo quanto a importância da palavra chave no domínio. O proprio Google anunciou a pouco tempo que estava abaixando a relevancia de domínios com keyword exata mas de baixa qualidade. Se ele estava abaixando a relevância, é porque ela realmente existe. Eu mesmo tenho um domínio na primeira página do google somente pela keyword exata já que na página a unica coisa que tem é o texto: "Página em construção".

John Martin commented on 15 Oct 2012

Pessoalmente eu discordo quanto ao uso de palavras chave no domínio. Tive algumas experiências práticas em que o domínio ajudou bastante. Em ótimo estudo de Ann Smarty no Seach Engine Journal, verificou-se que não existe maneira mais rápida de chegar na primeira posição da Serp do que um domínio com palavras chaves exatas. Vale a pena ver o estudo de caso !-)

Allen Vidal commented on 17 Sep 2012

Muito boa a aula! Porém acredito que o nome de domínio (marca) para o Google tem relevância importante! Caso o nome do domínio contenha as palavras chaves que são importantes para sua encontrabilidade, com certeza isso irá ajudar.

Rodrigo Ricosti commented on 08 Sep 2012

Parabéns pela aula! Bem inspiradora! Obrigado! Ah,gostaria de deixar uma observação: o plugin SEOQuake agora já tem disponível para Google Chrome também.Um abraço! :)

Sidney Rodrigues commented on 13 Feb 2015

Aulas muito claras, objetivas, de fácil entendimento. Excelente instrutor.Gostei bastante, os ensinamentos irão nos ajudar imensamente também. Obrigado e abraços.

Gabriel Sgorla commented on 16 Aug 2013

Parabéns cara, é motivador a vontade que tu tem de ensinar para quem está começando, tu é um exemplo de pessoas que deveriamos ter no mundo, um grande abraço!

TUTORIAIS LIVE commented on 24 May 2013

Sem dúvidas está extensão SEO Quake é uma ótima ferramenta de analise! O legal é que tem está extensão para o Chrome também.

Everthon Garrido commented on 10 Jun 2013

Sua preocupação e vontade que todos aprendam e compartilhem o conhecimento é admirável. Parabéns ótimas aulas...

CLTutoriais commented on 10 Apr 2013

Quero aprender essas técnicas para o meu canal do youtube e para um futuro blog que eu pretendo criar!

Dayse de Carla Paes commented on 19 Sep 2013

Parabéns pelo o exemplo de doar conhecimento, estamos aprendendo muito com você!

ELTON MEIRELES commented on 12 Nov 2014

Diego é um grande mentor de Seo, estou aprendendo muito com ele.

Marcos Ribeiro commented on 12 Nov 2014

Ola Amigos Seguindo com as aulas de SEO do Diego Ivo

Thiago M. commented on 16 Dec 2015

Tem seo quake no chrome já, só instalar

willian diniz commented on 27 Dec 2012

Ai mano tem como me passar seu e-mail

Thiago Santos commented on 28 Jul 2015

Show e bola.. segura meu like

Vitor pc commented on 05 Aug 2013

parabéns, ótimo conteúdo!

Inês Vargas Riveira Pereira commented on 27 May 2013

Muito bom! Parabéns....

Rodrigo Ricosti commented on 08 Sep 2012

Parabéns!

André Luar Schumacher commented on 04 Jun 2013

Muito bom!

Luacana commented on 20 Jul 2013

Muito bem!

16 - Marketica v2.2+ - Two Page Header Styles

header page 2

Muse one page Desktop Web Site Part 2 Header and basic menu

Responsive Web Design With Bootstrap (2.3.2) - #2 - Collapsible Header and Nav with Drop Down

User Comments

Coder's Guide commented on 06 Aug 2013

Are you using Bootstrap 2.3.2 or the new BS3? If you're using the new BS3, the classes are completely different so this guide will not work. If you're using 2.3.2, then I have absolutely no idea what could be wrong, as your code is correct. I have added a download link in the description of this video, so extract the files and try that. Glad these videos are helping you! If you need more help, just let me know. Also, you can email me if you need to: neil@coders-guide. com

Coder's Guide commented on 06 Aug 2013

No problem! And yeah, it's kind of annoying that they're changing it all - I recorded this whole series the night before it was released lol. Once you have learnt BS2, BS3 will be very easy for you, as the core concepts are the same. I'm going to record a BS3 series over the next few days too.

David Agbo commented on 08 Aug 2013

Thanks alot..but my website is pretty different from urs...when i minimise the page, the nav bar although it responsive it remains the same..the button is there but its not working and also after I worked out for the Packages, the About is no more in line with the nav bar...Please Help

Zachary Parsons commented on 05 Aug 2013

These Bootstrap tutorials are great! Thanks so much.. However my site doesn't look like yours :( The navbar at the top is just not right. This is what it looks like: imgur dot com/xNH82wT I know this is probably cheeky of me but if you can help pleeease do? Thank you.

Zachary Parsons commented on 06 Aug 2013

Hey man, thanks alot! I think I'd downloaded a load of source files rather than just the ones that I needed. I've got it working similar to yours now. I'm only just starting to learn and they're changing it all again! Nooo.. Anyway, thanks again!

TheUnknown commented on 08 Feb 2015

Great videos. question is it even worth watching these or jump into your BootStrap 3 videos. Do you cover the same topic in the other videos. I saw your comment below that the classes are different. Thanks.

Mohamed Ali Bouhoum commented on 15 Aug 2013

Thank you for your quick answer :) I was working with the same version ... I found out that the problem is because I added another JS file to the page ^^' Thank you and seriously your tutorials helped me a lot :)

Mohamed Ali Bouhoum commented on 14 Aug 2013

I'm sorry but my code for that dropdown menu didn't work /: donnu why ! used this : class="dropdown-toggle" data-toggle="dropdown" & class="dropdown-menu" and still nothing /:

Eric “epshiba09” zucchini commented on 22 Jun 2015

Hello I'm I'm running boostrap v3.3.5. The majority of this code is not working form me. should the code carry over to the newer version or is it me that is messing up.

Coder's Guide commented on 14 Aug 2013

Hi, sorry for late response. I can't find any obvious issues with your code, perhaps try download the project files in the description and see if that works for you.

Cj Vaans commented on 29 Aug 2013

Thank you for the tutorials. It took me a long time figuring why the dropout wasn't working, until I realize I was using the jqueryui script. lol

Thanh Binh Pham commented on 01 Oct 2013

I have problem same MohamedAliBouhoum . i using BS2 and copy directory of zip file but it not work. Not responsive and not dropdown .

Alexandrea Ozoria commented on 21 Jul 2015

I found the issue (put a "." instead of a "/" in he script...clumsy!) Thank you so much so far, I'm learning a lot!

Coder's Guide commented on 15 Aug 2013

Are you sure that you are using Bootstrap 2 and not Bootstrap 3? BS3 is very different and this series is for BS2.

Alexandrea Ozoria commented on 21 Jul 2015

For some reason or another I can't get the the list to collapse when I click in in mobile settings, any help?

NSLAS Shore commented on 16 Sep 2015

wow. I am so excited to try . question? on the icon, having a problem, moving to the right? thanks....

Coder's Guide commented on 08 Aug 2013

Copy/Paste your code onto pastebin[.]com and send me the link to so I can take a look at your code.

Dolores Watson commented on 15 Feb 2015

bootstrap is truly an awesome piece of art

David Agbo commented on 08 Aug 2013

Ok after u type pastebin[.]com add /k49Wx7uP

Coder's Guide commented on 30 Aug 2013

Haha well at least you figured it out! :_)

David Agbo commented on 08 Aug 2013

Youtube wont allow me send u the link....

Zpot3s commented on 04 Oct 2013

Thanks!! I'm learning a lot!

j0s3ph20pte01 commented on 05 Jan 2015

Thank you, ¡VERY MUCH!

David Agbo commented on 08 Aug 2013

yhhhh that the link

venkatesh sri commented on 17 Nov 2014

Very nice 

David Agbo commented on 14 Aug 2013

ok..tnx alot

David Agbo commented on 08 Aug 2013

OK tnx alot

Parallax On The Web (Part 2) – Parallax Header

User Comments

Nick Wright (Nickel Dubz) commented on 14 Dec 2015

YES! I LOVE YOU AND PARALLAX

DevTips commented on 14 Dec 2015

Whoooo! I feel it!!

уроки Вордпресс от Юли commented on 14 Dec 2015

It seems like I can have sass or jade watching one at the time. What commands do you use in your Terminal to let them both at the same time watch for changes?

DevTips commented on 14 Dec 2015

In this video I am using an app called "CodeKit" it does all that for me.

raw415 commented on 10 Dec 2015

Awesome video again. Followed it without any problems. Quick question though: if we wanted to make this responsive how would we go about it? When resizing the window horizontally it moves the fore-bird down and the bird-box background smaller?

DevTips commented on 11 Dec 2015

yea, these are moments when you get to be really creative. I just make things up as I go.

Djamal Dag. commented on 10 Dec 2015

Where did u get the scripts u never let us know

Djamal Dag. commented on 10 Dec 2015

Man you know what I mean, when you begin the video you already have the codes i mean the scripts 

DevTips commented on 10 Dec 2015

What scripts? we write everything by hand here.

Anthony Otyehel commented on 24 Nov 2015

Skeleton - is a great light tool.

DevTips commented on 26 Nov 2015

I really like skeleton! Well, I use cinderblock all the time.

Rajit yadav commented on 24 Nov 2015

+DevTips whats is that index.jade and ans sassy thing over there i don't know would please tell me how how would i able create that file ? and is it similar to HTML & CSS ? m really confused here.

Rajit yadav commented on 26 Nov 2015

+DevTips and how do i install i t

DevTips commented on 26 Nov 2015

yea, Jade is a pre-language to html. It creates html. Do a google search for Jade lang

andrew mckim commented on 15 Nov 2015

These are the best video tutorials I've ever seen. Better than Lynda.com

DevTips commented on 16 Nov 2015

Awesome! Glad you like it!!