Posts

Showing posts from August, 2016
Some Emportent Link For HTML  using fonts in email http://www.adestra.com/what-need-know-using-fonts-in-email/ PSD to HTML Fonts https://www.youtube.com/watch?v=dt-KSOnCDMo For jQuery http://www.jssor.com/download.html For Responsive Email http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919 For Responsive Email https://litmus.com/blog/understanding-responsive-and-hybrid-email-design For outlook lonk http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_mailto
AWESOME  FONTs links Font Awesome embed code!       <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> Get your icons up and running in just  2  steps!     Copy this code & place in your HTML's  <head> ·           Use any of  Font Awesome 605+ icons  in your project's UI http://fontawesome.bootstrapcheatsheets.com/ Font Awesome embed code! <script   src=" https://use.fontawesome.c om/5e250b7a67.js " > </script> Get your icons up and running in just  2  steps! ·          Copy this code & place in your HTML's  <head> ·          Use any of  Font Awesome 605+ icons  in your project's UI h ttp://fo...
JavaScript Keywords Keyword         Description break                Terminates a switch or a loop. continue           Jumps out of a loop and starts at the top. debugger          Stops the execution of JavaScript, and calls (if available)                         the debugging function. do ... while       Executes a block of statements, and repeats the block,                        while a condition is true. for                    Marks a block of statements to be executed, as long as a                         condition is true. function           Declares a function. if ... else  ...
JavaScript Identifiers In JavaScript, the first character must be a letter, an underscore (_), or a dollar sign ($). Numbers are not allowed as the first character. Subsequent characters may be letters, digits, underscores, or dollar signs. All JavaScript identifiers are  case sensitive .  The variables   lastName   and   lastname , are two different variables. Historically, programmers have used three ways of joining multiple words into one variable name: Hyphens: first-name, last-name, master-card, inter-city. Underscore: first_name, last_name, master_card, inter_city. Camel Case: FirstName, LastName, MasterCard, InterCity.
External JavaScript Advantages Placing JavaScripts in external files has some advantages: It separates HTML and code It makes HTML and JavaScript easier to read and maintain Cached JavaScript files can speed up page loads External scripts are practical when the same code is used in many different web pages. JavaScript Display Possibilities JavaScript can "display" data in different ways: Writing into an alert box, using  window.alert() . Writing into the HTML output using  document.write() . Writing into an HTML element, using  innerHTML . Writing into the browser console, using  console.log() . Note:- It is a good idea to place scripts at the bottom of the <body> element. This can improve page load, because script compilation can slow down the display.
 Web Designer Needs to Hear “Websites promote you 24/7: No employee will do that.” “Create your own visual style… let it be unique for yourself and yet identifiable for others.”  “Technology over technique produces emotionless design.”  “Digital design is like painting, except the paint never dries.” “Great web design without functionality is like a sports car with no engine.” “Good design is obvious. Great design is transparent.”  “Websites should look good from the inside and out.”   “The idea of waiting for something makes it more fascinating”. "Man does not weave this web of life. He is merely a strand of it. Whatever he does to the web, he does to himself". 
ABOUT AJAX Update a web page without reloading the page Request data from a server - after the page has loaded Receive data from a server - after the page has loaded Send data to a server - in the background Examples of  using AJAX :  Google Maps, Gmail, YouTube, and Facebook. AJAX = Asynchronous JavaScript and XML.(You don't have to understand XML to use AJAX.) AJAX is Based on Open Standards AJAX is based on the following open standards: Browser-based presentation using HTML and Cascading Style Sheets (CSS). Data is stored in XML format and fetched from the server. Behind-the-scenes data fetches using XMLHttpRequest objects in the browser. JavaScript to make  to display/use the data .
Grid options Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px) Grid behavior Horizontal at all times Collapsed to start, horizontal above breakpoints Collapsed to start, horizontal above breakpoints Collapsed to start, horizontal above breakpoints Max container width None (auto) 750px 970px 1170px Class prefix .col-xs- .col-sm- .col-md- .col-lg- # of columns 12 12 12 12 Max column width Auto 60px 78px 95px Gutter width 30px (15px on each side of a column) 30px (15px on each side of a column) 30px (15px on each side of a column) 30px (15px on each side of a column) Nestable Yes Yes Yes Yes Offsets Yes Yes Yes Yes Column ordering Yes Yes Yes Yes
Working of Bootstrap Grid System Rows must be placed within a  .container   class for proper alignment and padding. Use rows to create horizontal groups of columns. Content should be placed within the columns, and only columns may be the immediate children of rows. Predefined grid classes like   .row and   .col-xs-4   are available for quickly making grid layouts. LESS mixins can also be used for more semantic layouts. Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and the last column via negative margin on   .rows . Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three   .col-xs-4 .
What is a Grid? As put by Wikipedia − In graphic design, a grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal) lines used to structure the content. It is widely used to design layout and content structure in print design. In web design, it is a very effective method to create a consistent layout rapidly and effectively using HTML and CSS. What is Bootstrap Grid System? Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
CSS h ow to use in HTML Three Ways to Insert CSS External style sheet Internal style sheet Inline style sheet External style sheet With an external style sheet, you can change the look of an entire website by changing just one file!  external style sheet file inside the <link> element. The <link> element goes inside the <head> section: Example < link  rel ="stylesheet"  type ="text/css"  href ="mystyle.css" > Internal Style Sheet An internal style sheet may be used if one single page has a unique style. Internal styles are defined within the <style> element, inside the <head> section of an HTML page: Example < head > < style > < /style > < /head >   Inline Style Sheet   An inline style may be used to apply a unique style for a single element. To use inline styles, add the style attribute to the relevant element. Example < h1 ...
Difference between   Responsive Websites and Mobile Apps Currently, the difference between Mobile Apps  development and responsive design is like the difference between the major leagues and the minors. Mobile apps—with access to everything from compass, location, voice, camera, and video—is the major leagues. Responsive design is in the minor leagues, seeking to emulate performance levels in the major leagues. The major leagues will always set the course for performance. Principles Mobile App (MA) Responsive Web Design (RWD) Access Speed Very fast Fast App Store Available Not necessary Approval Process Some are mandatory None Content Versions Multiple URLs/versions for each page, i.e., content forking Same content regardless of device or platform Development Cost Expensive to very expensive Moderate to reasonable Features Phone features, location services, camera, etc... Limited phone features Functionality Some functions may be omitted from the mobile applicat...