background preloader

Learn to Code: The Full Beginner's Guide

Learn to Code: The Full Beginner's Guide

Basic HTML: Adding Images (with updates by editorial staff) How To Add Images To Your Web Pages! By now you know enough to write a very nice, text-based home page, but it is the ability of the Web to provide pictures, technically called images, graphics, or sometimes icons, that has made it so popular. In this Primer, you'll learn how place an image on your page and also how to turn an image into a link to another page. Placing An Image On Your Page The command to place an image is constant. At this point in your HTML career, it's a good idea for you to place whatever images you are going to use in a subdirectory called "images". Here's the format for placing an image: By replacing "image.gif" with "homepage.gif", one of my own graphics, you get this... Here's What's Happening: the Image Element Parameters IMG stands for "image." Image Formats for the Web There are four basic formats you will find on the Web. .gif This is pronounced "jif" or "gif" (hard "G") depending on whom you speak to. Look at it again. Neat, huh?

YouTube Playlists for Learning Programming YouTube has been very good platform for learning any thing. Earlier you have seen 400+ courses on YouTube and 130+ NPTEL courses. There are few more courses especially about computer programming. thenewboston: thenewboston is a great youtube channel, has more than 2o playlists covering topics Python, C, Java, iPhone development and web programming like HTML, CSS, PHP. Xoax has more than 200 videos but mainly focuses on C++. PHPacademy As the name suggests, it focuses mainly on PHP and some on MySql. There are more videos on small projects like writing your own search engine for your database, pagination, creating a rating system etc… Related posts: Get more stuff like this

css - How do I position one image on top of another in HTML Free Online Image Editor WAY OUT OF THE BOX zifty.d9 99.10.08 WAY OUT OF THE BOX Theodor Holm Nelson Keio University and University of Southampton ============================================ Computer people don't understand computers. Oh, they understand the technicalities all right, but they don't understand the possibilities. Most of all, they don't understand that the computer world is entirely built out of artificial, arbitrary constructs. Word processing, spreadsheet, database aren't fundamental, they're just different ideas that different guys have whomped up, ideas that could be totally different in their structure.

How To Get An App ID and Secret Key From Facebook | IK Social Pro Need Help Getting Setup? Become A Gold Member – We’ll Install Your Plugins For You! The Goal: Create A Simple Facebook App to Receive an App ID and Secret Key In order to get an App Id and Secret Key from Facebook, you’ll need to register a new application. Don’t worry – its very easy, and your application doesn’t need to do anything. We only need the keys. There are 3 simple steps to creating a Facebook App, which we’ve outlined below. (Note: These steps follow the same process as the video above) Step One: Visit The Facebook Developers Page To start with, navigate your browser to the Facebook Developers page. Once logged in, you’ll see a screen similar to this: This is the starting screen – you’ll want to click ‘Create New App’ under ‘Apps’ in the menu bar, to begin. To begin, click ‘Create New App’ under ‘Apps’ in the menu bar. Step Two: Choose A Name For Your App After you click “Create New App”, you’ll be taken to a screen that looks like this: This is the final step of the process.

color chart, codes, hexadecimal rgb values If you're looking for a 216 web safe color chart, you've come to the right place. However, before reviewing the chart, you may be interested in learning a little bit about the 216 web safe color codes. Netscape specified 216 colors that have precedence in web browsers based on the 256 colors displayed within an 8-bit system. As 40 colors displayed differently between PCs and MACs, they were eliminated. These 216 colors, known as web safe colors, are recognized by all web browsers and operating systems, which means these colors will look about the same within any browser. RGB and Hexadecimal Web Safe Color Codes Colors are made up of 3 sets of RGB numbers representing the amount of Red, Green and Blue contained within a color. For example, the hexadecimal numbers for black is #000000. However, colors containing RGB values of FF contain the most amount of a color or 100%. The hexadecimal numbers for red are FF0000. Specifying Web Safe Colors Within a Web Page

Developer Network Configuration Options and Instructions | IK Social Pro Note: this page has instructions for configuring both IK Facebook (the free, limited version of the plugin) and WP Social Pro (the Pro version of the plugin, which includes extended customization options and support). Configuration and Basic Options (All Versions) Pro Options (WP Social Pro only) How To Output The Feed WP Social Pro Customers:Are you stuck? You should send us an email! IK Facebook UsersAre you stuck? Before You Begin: Make Your Facebook Page Public In order to display your Facebook posts on your website, you’ll need to be sure that your Facebook page is Public. The best way to check if your Facebook page is public is to first log out of Facebook, and then visit your Facebook Page. This is generally not a problem for Companies and Organizations, but it does mean that you won’t be able to use it to display your Personal Facebook Profile. How To Configure IK Facebook Plugin for First Use These are you basic Configuration Options. How To Use The Plugin Status & Help Tab

Web Color KiloChart Decimal Alternatives The Color KiloChart shows decimal color codes. Legacy HTML color codes are in hexadecimal, but today there are alternatives for all of them in decimal. (99.9% of browsers in use support style sheets, according to Here are alternatives for most HTML hexadecimal codes. To clarify, you can use hexadecimal in style sheet color codes. By the way, I got all these cross-references from the HTML Card, scanning for the #rrggbb symbols in the Tags section. Appearance Widgets Screen Appearance Widgets Screen Languages: English • Français • 日本語 • Português do Brasil • 中文(简体) • (Add your language) Appearance → Widgets Themes usually have at least 1 or 2 sidebars. Sidebars are the narrow columns to the left or right of your blog posts. Each section in the sidebar is known as a "Widget" that you can add or remove, and move up or down. Back to Administration Screens Configuring Your Widgets Click on Appearance > Widgets from the main navigation menu in your Dashboard. Remove a Widget Click on Appearance > Widgets from the main navigation menu in your Dashboard. Note: If you would like to remove a widget temporarily and keep your settings, drag the widget from the Sidebar into the Inactive Widgets section. Moving a Widget To move a Widget: The Widget must be located in a Sidebar or other active content area before it can be moved. Descriptions of Each Widget Here's a description of the various types of widget along with their configuration options: No configuration items.