Videos uploaded by user “Adam Khoury”
CSS Combinator Selectors
Lesson Code: http://www.developphp.com/video/CSS/Combinator-Selectors Learn how the combinator selectors work in CSS to enable element targeting based upon hierarchy and parent/child/sibling relationships.
Views: 29526 Adam Khoury
Fat Arrow Functions JavaScript Programming Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/Fat-Arrow-Functions-JavaScript-Programming-Tutorial Crash course on using the new Arrow functions in JavaScript, introduced in ECMAscript Edition 6 to provide a new approach to writing anonymous functions. Arrow functions have 2 major advantages over traditional anonymous functions. (a) They reduce the amount of code you need to write. (b) In object oriented programming, the "this" keyword always refers to the object no matter how many anonymous functions are nested in the class. We will demonstrate these concepts through code right now starting with the most basic. They are Anonymous functions. Anonymous functions are functions that have no name like normal functions do. We see them used as parameters in methods that expect exectuable code as an argument. Anonymous functions are used in object oriented programming, or they are sometimes supplied as the value of a named variable. We will compare traditional Anonymous function syntax with arrow function syntax side by side using several simple examples in order to demonstrate where, when and how to use arrow functions where you normally use anonymous functions.
Views: 65043 Adam Khoury
CSS Pseudo Element Selectors Tutorial
Lesson Code: http://www.developphp.com/video/CSS/Pseudo-Element-Selectors Learn to use the pseudo-element selectors of CSS to target and style HTML elements.
Views: 23882 Adam Khoury
CSS3 Tutorial - Responsive Website Layout Media Queries CSS Stylesheets
Lesson Code: http://www.developphp.com/video/CSS/Media-Queries-Responsive-Website-Layout-Tutorial Learn to create responsive website layouts using CSS3 media queries. Media queries allow us to target a particular media type and then apply zero or more expressions that check for the conditions of particular media features. Using this logic we can adjust all CSS for our site according to the screen size of the device that a user is viewing it with. It will also be responsive if the user resizes their browser window well after your page loads. An alternative to a responsive layout is to simply use percentages for the width values of your elements. But some developers must completely restructure the layout according to the screen size of the viewer. That is where a responsive layout is applied. It also makes you look very capable in your web site design skills. Related Tutorial: Window Size Responsive CSS Layout Stylesheet Change JavaScript Tutorial http://www.youtube.com/watch?v=ZKy0kIZB9y4
Views: 136017 Adam Khoury
PHP PDO Prepared Statements Tutorial
Lesson Code: http://www.developphp.com/video/PHP/PDO-Prepared-Statements-PHP-Tutorial Learn to create PDO Prepared Statements and quickly discover its key benefits. In the very next video tutorial you can learn to create prepared statements using mysqli. Prepared statements work for Both the PDO and mysqli extensions in PHP.
Views: 18925 Adam Khoury
JavaScript prototype Tutorial Add Object Method and Property to Class
Lesson Code: http://www.developphp.com/video/JavaScript/prototype-Tutorial-Add-Object-Methods-and-Properties-to-Class The JavaScript prototype property allows us to add specialized methods and properties to our custom objects and classes. There may be occasions when you must specialize the functionality of an object in your application, and the prototype property allows us to do that. It also enables Object Inheritance in JavaScript, which we will be demonstrating in the video that follows this one. Before we discuss Object Inheritance let's write some code that demonstrates how the prototype property works at a basic level in JavaScript.
Views: 68274 Adam Khoury
Viewport Percentage Units CSS HTML Layout Tutorial
Lesson Code: http://www.developphp.com/video/CSS/Viewport-Percentage-Units-CSS-HTML-Layout-Tutorial Learn to use the new viewport length values in CSS to size elements relative to the viewing area. The way it differs from normal percentage lengths is that these lengths are always relative to the viewport and not relative to their parent elements. It also helps to make text and other elements sized relative to the viewing area.
Views: 23945 Adam Khoury
json tutorial for beginners learn how to program part 3 PHP Ajax JavaScript
Lesson Code: http://www.developphp.com/video/JavaScript/PHP-Dynamic-JSON-Data-File-with-Ajax-Processing Part 3 of learning JSON for beginners with Adam. JSON stands for JavaScript Object Notation. It is a lightweight format for creating and sending data objects between the server and your client-side applications. JSON is a part of JavaScript and not a separate entity, the notation syntax is built into the raw Javascript programming language as a subset.
Views: 78546 Adam Khoury
Canvas Bootcamp 1 - Rectangle Methods and the 2D Context Object
Lesson Code: http://www.developphp.com/video/JavaScript/2D-Context-Object-and-Rectangle-Methods Welcome to the first exercise of the Canvas Bootcamp. If you are new to canvas element programming, this initial exercise is where you can begin your training. We use JavaScript to deliver all control and assets to our canvas. In this first exercise we will cover the three immediate rectangle methods and discuss the 2D context object and referring back to its corresponding canvas element.
Views: 63978 Adam Khoury
Partial Print Document JavaScript Tutorial HTML div Content
Lesson Code: http://www.developphp.com/video/JavaScript/Partial-Print-Document-Tutorial-HTML-div-Content Learn to allow users to print specific parts of your documents instead of printing the entire web page. We will apply print buttons near each printable portion of the document.
Views: 87888 Adam Khoury
Page Loading Screen Document Preloader Tutorial JavaScript CSS HTML
Lesson Code: http://www.developphp.com/video/JavaScript/Page-Loading-Screen-Document-Preloader-Tutorial Learn how to apply a loading screen overlay to your web pages and documents using HTML, CSS and JavaScript. I will just demonstrate something simple that you guys can expand upon if interested. You can choose to add animated preloader graphics, but make sure they are extremely fast loading so they show up instantly.
Views: 135560 Adam Khoury
SQL INNER JOIN Syntax Tutorial PHP MySQL Database
Lesson Code: http://www.developphp.com/video/SQL/SQL-INNER-JOIN-Syntax-Tutorial-PHP-MySQL-Database Learn SQL INNER JOIN syntax for accessing data from two related tables in a single query according to clauses on the data. It will render a result set that has all selected columns from both tables.
Views: 42494 Adam Khoury
CSS Structural Selectors
Lesson Code: http://www.developphp.com/video/CSS/Structural-Selectors Learn to use the structural pseudo-class selectors of CSS to target and style HTML elements.
Views: 16694 Adam Khoury
CSS3 Multi Column Layout Grid Tutorial
Lesson Code: http://www.developphp.com/video/CSS/Multi-Column-Content-Layout-Grid-Tutorial Learn to use the CSS3 Multi-Column Layout properties to create multi-column grid layouts with an automatic content spill over feature.
Views: 47064 Adam Khoury
Fireworks CS4 CS5 Tutorial - Create a Robust Flash Based Autoplay Slideshow Photo Gallery in minutes
Tutorial on creating a Flash Based Slideshow Photo Gallery in Fireworks
Views: 162726 Adam Khoury
json tutorial for beginners learn how to program part 1 JavaScript
Lesson Code: http://www.developphp.com/video/JavaScript/JSON-Tutorial-for-Beginners-Learn-How-to-Program Learn JSON for beginners with Adam. JSON stands for JavaScript Object Notation. It is a lightweight format for creating and sending data objects. JSON is a part of JavaScript and not a separate entity, the notation syntax is built into the raw Javascript programming language.
Views: 535879 Adam Khoury
JavaScript Arguments Object Function Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/JavaScript-Arguments-Object-Function-Tutorial In this exercise we explore the Arguments object in JavaScript. Which enables us to create special functions that can intake an undetermined amount of arguments. All of the functions we write, have an arguments object tied to them that we can access.
Views: 20014 Adam Khoury
Canvas Bootcamp 10 - Compositing
Lesson Code: http://www.developphp.com/video/JavaScript/Compositing-on-the-Canvas In this exercise you will learn about the global compositing properties available for the canvas element through JavaScript. Compositing deals with setting global transparency, asset stacking and controlling how your assets will interact with one another when they overlap on your canvas.
Views: 7530 Adam Khoury
Prepared Statements PHP mysqli Database Interaction Tutorial
Lesson Code: http://www.developphp.com/video/PHP/Prepared-Statements-PHP-mysqli-Tutorial Prepared statements provide a way to template a query if there is a need to repeat the same query many times with different parameters or values.
Views: 27316 Adam Khoury
PHP Tutorial - class_exists() Function Object Oriented Programming OOP
Lesson Code: http://www.developphp.com/video/PHP/Using-the-class_exists-Function PHP class_exists() function usage demonstration.
Views: 5714 Adam Khoury
4. Establish htaccess and php.ini for apache web site server configuration tutorial
Lesson Code: http://www.developphp.com/video/PHP/Establish-htaccess-and-phpini-for-apache-web-site-server-configuration Establish your .htaccess file and learn to prevent directory file listing as well as specify a more user friendly 404 error page through htaccess. Request your php.ini file to adjust your PHP configuration settings on your apache server. The PHP configuration file can be made by going to your hosting control panel and clicking the "PHP Configuration" icon.
Views: 91048 Adam Khoury
JavaScript Checkbox Toggle Tutorial Select Deselect All Check Boxes
Lesson Code: http://www.developphp.com/video/JavaScript/Checkbox-Toggle-Tutorial-Select-Deselect-All-Elements Learn a simple way to select and group toggle all checkbox elements that have a specific class name. Handy for systems in which entire lists of checkbox items can be selected or deselected together as a group.
Views: 20488 Adam Khoury
JavaScript Change CSS Class Style className Toggle Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/Change-CSS-Class-Style-className-Toggle-Tutorial Learn to change, toggle and swap CSS classes using JavaScript event handling.
Views: 35729 Adam Khoury
CSS3 html5 Perfict Fit Background Tutorial background-size Scale Stretch Image
Lesson Code: http://www.developphp.com/video/CSS/Background-Size-Scale-Stretch-Image Learn to create web page backgrounds that scale and stretch to fit into the user screen regardless of the type of device they are viewing your page with.
Views: 84307 Adam Khoury
Semantic URL htaccess Tutorial SEO Friendly Clean Links Rewrite
Lesson Code: http://www.developphp.com/video/Miscellaneous/Semantic-URL-htaccess-Tutorial-SEO-Friendly-and-Clean-Links In this video exercise we demonstrate rewriting Semantic URLs with htaccess for improved SEO and improved user experience. They are sometimes called Clean URLs, SEO friendly links, or Pretty URLs. My hope is to pass along enough insight into how it works so that everyone can customize all of their own clean URLs by themselves, no matter how many variables the system needs to take in from the URL.
Views: 113779 Adam Khoury
CSS Attribute Selectors Tutorial
Lesson Code: http://www.developphp.com/video/CSS/Attribute-Selectors Learn to use the Attribute selectors of CSS to target and style HTML elements.
Views: 17898 Adam Khoury
Fisher-Yates Shuffle Modern Algorithm JavaScript Programming Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/Fisher-Yates-Shuffle-Modern-Algorithm-Array-Programming-Tutorial In this programming exercise we will demonstrate the concepts behind the Fisher-Yates Modern Shuffle algorithm because we are going to use its logic to program a shuffle method into JavaScript. Using a physical example on the table we will convey the logic behind the algorithm and discuss the concept, then we will write the logic in JavaScript programming to add an array shuffle method to JavaScript's array object.
Views: 31457 Adam Khoury
HTML5 tutorial Autocomplete Form Field Text Input Datalist List Attribute
Lesson Code: http://www.developphp.com/video/HTML/Autocomplete-Text-Input-Datalist-List-Attribute-Tutorial Learn to code the list attribute into your input tags and associate them with a datalist that renders an autocomplete feature while people are typing into your HTML5 web form fields. Used for dynamic autocompletion of search fields primarily, and your datlist can be tied to Ajax and PHP to render autocompletion for your database information.
Views: 59142 Adam Khoury
PHP Tutorial - Syntax Guidelines and Rules for Beginners
Lesson Code: http://www.developphp.com/video/PHP/Syntax-Guidelines-and-Rules Learn the syntax guidelines of PHP.
Views: 20541 Adam Khoury
JavaScript Storage Interface sessionStorage localStorage Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/JavaScript-Storage-Interface-sessionStorage-localStorage-Tutorial In this exercise we explore the Storage interface in JavaScript. Allowing the front-end of your applications to remember persistent data across the entire domain, for each individual user. It is somewhat similar to creating session and cookie variables in other programming languages you might work with.
Views: 80837 Adam Khoury
Shiny reflective gel buttons video tutorial in Adobe Fireworks CS3 CS4 CS5
Fireworks CS3 video tutorial on designing or making shiny reflective gelatin buttons for your development projects
Views: 69465 Adam Khoury
Clipping Mask Tutorial for Adobe Illustrator CS4
Graphic design tutorials: http://www.developphp.com/video/Graphics Learn how to interlace your custom shapes. Especially attractive when working with 3d perspective objects and shapes. We use clip masking to achieve the effect we are after, and set our objects to 3d to show a more dramatic effect. http://www.developphp.com
Views: 114755 Adam Khoury
Fireworks CS4 Active Web Site layouts Tutorial - Custom Menus 2
Part 2 - continuing creating custom menus and active browser in Fireworks CS4
Views: 47197 Adam Khoury
JavaScript Tutorial - Dice Roll Programming For Web Browser Games
Lesson Code: http://www.developphp.com/video/JavaScript/Dice-Roll-Programming-Tutorial-For-Web-Browser-Games Learn to program dice rolls using JavaScript for web browser based games. Integrate it with basic HTML and CSS or any other complex means of graphical representation you wish to apply for displaying the dice and their values on them.
Views: 59717 Adam Khoury
animated gif tutorial - Fireworks CS4 States Tutorial - Ad Banners
Learn how to make animated banners and files for your web design projects without using flash. Output animated GIF files to easily pop into your pages.
Views: 103628 Adam Khoury
Ajax Tutorial : Post to PHP File XMLHttpRequest Object Return Data Javascript
Script: http://www.developphp.com/video/JavaScript/Ajax-Post-to-PHP-File-XMLHttpRequest-Object-Return-Data-Tutorial Learn to program the javascript XMLHttpRequest Object to easily send Ajax HTTP requests to your PHP parsing scripts, and get return data from submitted forms or any type of interaction that takes place on your website.
Views: 180370 Adam Khoury
Multidimensional Array JavaScript Programming Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/Multidimensional-Array-Programming-Tutorial Learn to write and process multidimensional arrays using JavaScript. They are arrays that contain one or more arrays to provide a deeper level of data nesting and processing than normal basic arrays.
Views: 61040 Adam Khoury
Shiny Textured Logo Text Creation Tutorial Fireworks CS4
Graphic design tutorials: http://www.developphp.com/video/Graphics Learn how to texture and give your text shine and depth using Fireworks CS4.
Views: 30828 Adam Khoury
Responsive Web Design Made Simple CSS @media Rule Tutorial
Learn the CSS @media rule and the easiest way to make a responsive and mobile-friendly website layout. @media - http://www.developphp.com/lib/CSS/media Lesson Code - http://www.developphp.com/video/CSS/Responsive-Web-Design-Made-Simple-CSS-media-Rule-Tutorial
Views: 86701 Adam Khoury
Javascript tutorial addEventListener Best HTML Event Handling W3C Recommended Method
Lesson Code: http://www.developphp.com/view.php?tid=1208 Learn how to use the Javascript addEventListener() method for an optimal way of adding user interactivity into your HTML4 and HTML5 websites and web applications that apply Javascript.
Views: 58952 Adam Khoury
Custom Data Attributes HTML JavaScript CSS Tutorial
Source: http://www.developphp.com/video/JavaScript/Custom-Data-Attributes-HTML-JavaScript-CSS-Tutorial Learn to use custom data attributes. Custom data attributes allow authors to create custom data to apply to their HTML elements when no other attributes make sense to use to store extra data. They help extend the information that html elements can communicate to a program or script. Custom data attributes can be accessed through both JavaScript and CSS.
Views: 27539 Adam Khoury
HTML5 Slider Tutorial Javascript Function Programming
Lesson Code: http://www.developphp.com/video/HTML/Slider-Tutorial-Javascript-Function-Programming Learn to program HTML5 sliders using Javascript to spruce up the user interfacing in your applications and programs.
Views: 76211 Adam Khoury
Restrict Text Input Characters HTML JavaScript Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/Restrict-Text-Input-Characters-HTML-JavaScript-Tutorial Learn to restrict one or more text fields in a form to allow only characters that you desire to be typed into them. We will remove undesirable characters in real time as the user types.
Views: 42379 Adam Khoury
CSS @import Rule Import Style Sheet Tutorial
Lesson Code: http://www.developphp.com/video/CSS/CSS-import-Rule-Import-Style-Sheet-Tutorial Learn to use the CSS @import rule. The import rule is used to import style sheets into other style sheets and any documents where @import can be applied.
Views: 13691 Adam Khoury
Simple email link for contact - Flash 8+CS3+CS4 Tutorial
People new to flash can learn how to make a simple email link for contact purposes when it is not possible to place a full dynamic contact form
Views: 31016 Adam Khoury
Change Style Sheet Using Javascript Tutorial CSS Swap Stylesheet
Lesson Code: http://www.developphp.com/video/JavaScript/Change-Style-Sheet-Using-Tutorial-CSS-Swap-Stylesheet Learn to change the entire style of your web page with a click using JavaScript that is targeting the href attribute of your familiar link element using the setAttribute method of JavaScript. DEMO: http://www.adamkhoury.com/demo/js_swap_css_stylesheet/
Views: 45475 Adam Khoury
Canvas Bootcamp 17 - JSON Object Arrays and Loops
Lesson Code: http://www.developphp.com/video/JavaScript/JSON-Object-Arrays-and-Loops-on-Canvas Learn to put JSON objects, arrays and loops to work in your canvas applications. JSON objects inside of an array are a great way to group and keep track of many objects as individual entities on the canvas that can possess any properties you wish. Packing those JSON objects into an array makes it simple to add or remove them from a particular related group of objects from the canvas when needed.
Views: 13176 Adam Khoury
Canvas Bootcamp 8 - Transformation Effects
Lesson Code: http://www.developphp.com/video/JavaScript/Canvas-Transformation-Effects In this JavaScript canvas programming exercise you can learn to apply transformation effects like scale, skew, rotate, translate and understand the transform matrix.
Views: 11598 Adam Khoury
Control Panel Flyout Menu Windows JavaScript CSS Animations
Lesson Code: http://www.developphp.com/video/JavaScript/Control-Panel-Flyout-Menu-Windows-Animations Using the code examples supplied you can see how control panel menu flyout windows are animated into view using your custom control panel button. We use a combination of simple CSS and JavaScript to make the toggle magic happen very easily.
Views: 54517 Adam Khoury
In Place Editing CMS Development HTML JavaScript Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/In-Place-Editing-CMS-Development-HTML-JavaScript-Tutorial Learn the logic behind building in-place content editing systems. We allow the user to edit content directly on the front-end where it displays. A good scenario to use this is granting a privileged user the right to edit some content in-place, save it to database when they finish editing, and restore the content container to its normal state.
Views: 17114 Adam Khoury