Subscription preferences
Loading...
Working...
Coder's Guide
-
Coder's Guide uploaded a video
Make a WordPress theme with Bootstrap 3 - Tutorial #5
In this tutorial, the single.php file is started which will contain the full post, as well as a sidebar with some more recent posts.
Website: http://coders-guide.com
Twitter: http://twitter.com/co... -
Coder's Guide uploaded a video
Make a WordPress theme with Bootstrap 3 - Tutorial #4
In this video, we will finish the home page which will display a list of categories as well as the 10 latest blog posts, as well as a short excerpt and some meta information.
WordPress Time Docs: ... -
Coder's Guide uploaded a video
CODER'S GUIDE SEPTEMBER 2013 UPDATE (250 subscribers)
Thank you so much to everyone who has ever commented, rated or subscribed to my channel. 250 subscribers is amazing to me and I hope that number will just continue to rise!
Website: http://coders-... -
Coder's Guide uploaded a video
Make a WordPress theme with Bootstrap 3 - Tutorial #3
In the third part of this series, we will be creating the jumbotron which will contain our latest post to the blog. It will contain the post title, a link as well as a short excerpt of the article.... -
Coder's Guide uploaded a video
Make a WordPress theme with Bootstrap 3 - Tutorial #2
In this tutorial, the bulk of the design elements will be added into the theme. This includes the header and footer areas, as well as some other back end additions.
Download HTML: http://go.coders... -
Coder's Guide uploaded a video
Make a WordPress theme with Bootstrap 3 - Tutorial #1
In this new series, we will be converting a plain HTML and CSS site built around the Bootstrap 3 framework into a fully functioning WordPress theme. This tutorial will look at creating/hosting a Wo... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - #2 - Responsive Collapsing Navbar [1080p]
In the second Bootstrap 3 tutorial video, we are creating a navigation bar which will contain the site name and a navigation which includes a dropdown button. This navigation bar will be responsive... -
Coder's Guide uploaded a video
Bootstrap 3 Extra Tutorials - #4 - Carousel (Image Slider)
In this tutorial, I will be showing you how to create a carousel (image slider) which has been much requested by viewers. You will also be able to add captions and make the carousel auto-slide.
I ... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - #10 - Quick Fix (Tutorial #3 Addon)
This is just a quick tutorial as an add on to tutorial #3 in this series. In this video, we will fix an issue causing the bottom of the page to be cut off by the sticky footer.
Website: http://cod... -
Coder's Guide uploaded a video
Bootstrap 3 Extra Tutorials - #3 - Input Groups (things attached to textboxes)
In this video, we will be looking at attaching things to a textbox. We can attach things like buttons, text and checkboxes to the left and right sides of a texbox for the purpose of appearance.
We... -
Coder's Guide uploaded a video
Bootstrap 3 Extra Tutorials - #2 - Alert Boxes (closable)
In this Bootstrap 3 tutorial, we will be looking at alerts in Bootstrap. Alerts come in four different colors and can also have a close button to toggle the alert.
Website: http://coders-guide.com... -
Coder's Guide uploaded a video
Bootstrap 3 Extra Tutorials - #1 - Breadcrumbs
In this video, I demonstrate how to use the breadcrumb element that comes with Bootstrap 3. This element shows the hierarchy of the site and is usually found under the navbar.
Website: http://code... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - # 9 - Contact Form (in modal)
In this tutorial, we will be creating a contact form which will be placed within the modal that we previously created. This video was created in response to all of your requests for it.
Code: http... -
Coder's Guide uploaded a video
DREAMHOST WEB HOSTING COUPON - $90 SAVING!
Coupon Code: CODERSGUIDE
Dreamhost: http://full.sc/15TAwul
Website: http://coders-guide.com
Twitter: http://twitter.com/coders_guide
Facebook: http://goo.gl/DmWtB
Google+: http://goo.gl/cGyk8
Dona... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - #8 - Article Sidebar
In this Bootstrap 3 tutorial, we will be adding the sidebar to the article page which will show recent posts, popular posts, etc.
Bootstrap: http://getbbotstrap.com
Code: http://coders-guide.com/w... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - #7 - Beginning the article page
In this tutorial, we will start creating the second page of our site. This page will contain an article with a heading, feature image and some paragraph text. We will add some CSS styling too to fi... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - #6 - Modals (Popup Boxes)
In this Bootstrap 3 Tutorial, we will be creating a popup modal which can display text, images, videos or any other HTML element.
Bootstrap: http://getbootstrap.com
Code: http://www.coders-guide.c... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - #5 - Responsive Grid System
In this Bootstrap 3 tutorial, we will be using the in-built responsive grid system. This allows us to divide our page into 12 columns.
Code: http://www.coders-guide.com/watch?v=55
Website: http:/... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - #4 - Jumbotrons
In this tutorial, we will be adding a jumbotron (formerly known as a hero unit) to our site. The purpose of the jumbotron is for large messages that you want your viewers to see clearly, such as yo... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - #3 - Sticky Footer That Stays In The Browser Viewport
In this Twitter Bootstrap tutorial, we will be creating a sticky footer bar which will scroll with the page so that it is always at the bottom of the browser viewport. We can accomplish this by usi... -
Coder's Guide uploaded a video
Bootstrap 3 Tutorials - # 1 - Build a responsive Bootstrap 3 site
In the first Bootstrap 3 tutorial, I show you around the two pages that we will be building in this course. The site will be fully responsive and compatible with all major browsers. The site that w... -
Coder's Guide uploaded a video
Responsive Web Design With Bootstrap (2.3.2) - #8 - Glyphicons and Quick Fixes (Final Video)
In the last Bootstrap tutorial, I show you how to incorporate Bootstrap's icon pack, known as Glyphicons into your site. We will also be adjusting the hero unit slightly so that the top and bottom ... -
Coder's Guide uploaded a video
Responsive Web Design With Bootstrap (2.3.2) - #7 - Tables
In this tutorial, we will be using Bootstrap's built-in table styling. We will be placing this table within a modal, however you can place this wherever you want on the page.
Download Full Site: h... -
Coder's Guide uploaded a video
Responsive Web Design With Bootstrap (2.3.2) - #6 - Modals (Popup Boxes)
In this bootstrap tutorial, we will be creating a popup box which will be triggered when a button is pressed. This modal can contain any standard HTML code.
Download Full Site: http://www.coders-g... -
Coder's Guide uploaded a video
Responsive Web Design With Bootstrap (2.3.2) - #5 - Fluid Grid System
The Twitter Bootstrap framework comes pre-loaded with a powerful grid system built in. It allows you to use spans to arrange your content but still be easily readable from mobile and tablet devices... -
Coder's Guide uploaded a video
Responsive Web Design With Bootstrap (2.3.2) - #4 - Sticky Footer
In this Bootstrap tutorial, we will be creating a footer bar that will remain at the bottom of the user's viewport, regardless of scrolling.
Download Full Site: http://www.coders-guide.com/downloa... -
Coder's Guide uploaded a video
Responsive Web Design With Bootstrap (2.3.2) - #3 - Hero Unit
In this video, we will create a hero unit. This is a large element which contains large text telling your visitors in brief about your site.
Download Full Site: http://www.coders-guide.com/downloa... -
Coder's Guide uploaded a video
Responsive Web Design With Bootstrap (2.3.2) - #2 - Collapsible Header and Nav with Drop Down
In this tutorial, we create the header bar along with a navigation and dropdown menu, which will be fixed to the top of the web page. The header will be responsive so will therefore shrink and coll... -
Coder's Guide uploaded a video
Responsive Web Design With Bootstrap (2.3.2) - #1 - Overview and File Structure
In this video, I explain what the Twitter Bootstrap framework is and why it is useful. Bootstrap is a responsive CSS framework meaning that it will adjust to different screen sizes, such as mobiles... -
Coder's Guide uploaded a video
Windows Web Server (IIS) - #4 - Install phpMyAdmin
In this tutorial, we will install phpMyAdmin, a popular web-based system that allows us to easily manage our MySQL databases from anyway without using SQL statements in a command line.
Website: ht... -
Coder's Guide uploaded a video
Learn JavaScript - #19 - Event Handlers
In the nineteenth JavaScript tutorial, we are going to be looking at event handlers. These allow us to run JavaScript code when certain events are triggered, such as clicking a button. Before now, ... -
Coder's Guide uploaded a video
Learn HTML/CSS - #19 - Build a Full HTML Site Layout
In this tutorial, we will be building a full site using HTML/CSS. The site is fully usable and can be expanded and built upon to add extra features and improve the layout. You are free to use this ... -
Coder's Guide uploaded a video
Learn HTML/CSS - #18 - Absolute Positioning
In this HTML/CSS video, we will be looking at freely placing elements on the screen without having to worry about their relation to other objects. By default, HTML uses relative positioning which c... -
Coder's Guide uploaded a video
Windows Web Server - #3 - Installing MySQL Database Server
In this tutorial, we will be installing MySQL from Oracle. MySQL is the server sided program which will store our databases that we use on the site.
After following this tutorial, it is recommende... -
Coder's Guide uploaded a video
Windows Web Server - #2 - Installing PHP with IIS
In this tutorial, we will be installing PHP onto our IIS installation. PHP allows us to server dynamic web pages with a server sided programming language.
PHP Test File: https://copy.com/crCYX4J9Z... -
Coder's Guide uploaded a video
Windows Web Server - #1 - Installing IIS 7/8
In this tutorial, we will enable IIS which will allow our computer to server web pages. This tutorial applies to Windows 8, 7 and Vista, but the steps are similar for Windows Server.
Website: http... -
Coder's Guide uploaded a video
Learn HTML/CSS - #17 - Styling Link States
In this tutorial, we will look at styling links when they are in the normal state, hover state, visited state and active state.
Website: http://coders-guide.com
Twitter: http://twitter.com/coders_... -
Coder's Guide uploaded a video
Learn JavaScript - #18 - Global and Local Variables
In this tutorial, I explain the difference between a global and local variable and how they can each be used.
Website: http://coders-guide.com
Twitter: http://twitter.com/coders_guide
Facebook: ht... -
Coder's Guide uploaded a video
Learn JavaScript - #17 - Switch and Return Statements [1080p]
In this tutorial, I show you what switch and return statements are and how to use them. Switch statements are condensed if statements for when we want to test a variables value. Watch the video to ... -
Coder's Guide uploaded a video
Learn JavaScript - #16 - Nesting If Statements [1080p]
In this tutorial, we will be looking at nesting If statements. This is when you have multiple if statements inside each other, almost creating 'pathways' for conditions.
Website: http://coders-gui... -
Coder's Guide uploaded a video
Learn JavaScript - #15 - Complex Conditions [1080p]
In this tutorial, I show you how to use complex conditions. These allow you to use AND (&&) and OR (||) operators.
Website: http://coders-guide.com
Twitter: http://twitter.com/coders_guide
Faceboo...