Why Website Navigation? Websites are rarely single pages Need to provide visitors an intuitive means of getting around your website Several commonly used navigation patterns used on websites Information Architecture Structure of a system with respect to the way the information is: Organized Labeled Navigation methods provided to access the information Need to consider when…
Viewport <meta name=”viewport” content=”width=device=width,initial-scale=1″> The viewport meta tag : Ensures that the screen width is set to the device width and the content is rendered with this width in mind Designing the websites to be responsive to the size of the viewport Bootstrap grid system Bootstrap grid Designed to be: Responsive Mobile first Fluid –…
Why Responsive Design? Users increasingly accessing websites from a variety of devices of different screen sizes One size fits all no longer a possibility! Adapt to the user’s “viewport” Build it into the core of the site Another term you will often hear people talking about in the context of responsive design is Mobile First….
Bootstrap Container class <div class=”container”>… </div> Container for all the content of the site Fixed width (width depends on screen size) Use as the outermost div to wrap all the site content for the grid to work correctly .container-fluid class allows full width container Bootstrap Rows <div class=”row”> … </div> Divide the page into multiple…
Getting Bootstrap Dowload compiled files from http://getbootstrap.com/ Less and Sass preprocessor source Bootstrap CDN Compiled Bootstrap source Bootstrap files Minified files available Need to include these files within your project Using bootstrap Include these lines in the <head> of your html code <meta charset=”utf-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width,initial-scale=1″> Include the CSS files in the…
Bootstrap overview Bootstrap is the most popular HTML, CSS and JS framework for developing responsive, mobile first projects on the web. Front-end framework for faster and easier web development Includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins Easily…
The roman symbol Romans Numerals are based on the following symbols: Basic combination : Really big number: How to convert from decimal to roman (less than 10000) : function convertToRoman(num) { var arrRoman = [ ‘I’, ‘IV’, ‘V’, ‘IX’, ‘X’, ‘XL’, ‘L’, ‘XC’, ‘C’, ‘CD’,’D’, ‘CM’, ‘M’ ]; var arrDec = [ 1, 4, 5,…
What is Full Stack Web Development? Let me start by clarifying a few terms, so that we start with a common understanding about this area. First, we hear people talking about Front end and Back end, or sometimes the Client-side and the Server-side. Now when we talk about Front end we are primarily talking about…
Problem: I need on building recommender systems to find music that interest users. Solution: I built a personalized model, and showed the significant improvement provided by personalization. I’m going to explore the song data and the recommendations made by my model. Download: song_data.gl Start: # Use Graphlab library import graphlab # Use Sframe of Graphlab to load data song_data =…
Read an NIfTI files This is example to read some NIfTI files and execute some basic data manipulation, by using this example code you must be install package oro.nifti,fslr,AnalyzeFMRI first. Download a NIfTI file from Neurohacking_data repository library(oro.nifti) url <- “https://raw.githubusercontent.com/muschellij2/Neurohacking/master/Basic_Data_Manipulations/Kirby21/SUBJ0001-01-MPRAGE.nii.gz” destfile <- “SUBJ0001-01-MPRAGE.nii.gz” fname <- file.path(getwd(), destfile) download.file(url, destfile,mode=”wb”) # NIfTI is binaryfile format maskurl <-…
