background preloader

Web Development

Facebook Twitter

Social Media Image Dimensions Cheat Sheet - Design. Social Media Image Dimensions Cheat Sheet #cheat sheet#dimensions#image#social media Trying to figure out the perfect size image to post on your social media channels can be a struggle.

Social Media Image Dimensions Cheat Sheet - Design

I constantly find myself searching Google for a central hub with the latest sizes and dimensions so my profiles don't look out of date. But often, the cheat sheets available haven't been updated with the newest sizes, so I decided to make one myself! Below are a selection of image sizes for Facebook, Twitter and Google+, along with links to the actual profile. Facebook Download Facebook PNG's Twitter Download Twitter PNG's. HTML color code has six hex values (e.g #AADDBB).

Those six letters represent 2 for red, 2 for green and 2 for blue. And also, the value begin from 00 to ff (minimum to maximum). Now, if we want to create any color, we can just assume that what amount of color do we need ? For instance to create red color, we do not need green or blue, rather we need the maximum value of red only. So red color = ff0000, similarly, if we need yellow color, we eliminate red and add equal amount of blue and green. Here is some collection standart color values. A Web Development Roadmap for Beginners.

Website-Tools.Net - It's a useful website for webmaster! HTML Tutorial. Colors by Lightness (Internet Explorer) Get started Plan Develop Sign in Technologies API reference Samples Community Colors by Lightness The named colors, sorted by lightness.

Colors by Lightness (Internet Explorer)

50 Critical Questions About Your Website: 30 jQuery Plugins for Amazing Website Design. There are many jQuery plugins and applications that can be used in improving websites, regardless of the niche and topics being covered.

30 jQuery Plugins for Amazing Website Design

So many that it can be overwhelming and confusing to choose as to which jQuery plugins should be used for your advantage. Despite that you wanted to spend much time in finding out what works best for you or your site, the luxury of time is usually not available, which makes website improvement pursuits set aside or taken for granted on most occasions. However, there are those that stand out, those best jquery plugins that instantly gives impact and revolutionary changes for your online pages. Super useful jQuery plugins for responsive web design. SlabText.js SlabText is a jQuery plugin that splits headlines into rows before resizing each row to fill the available horizontal space.

Super useful jQuery plugins for responsive web design

Basically, it means that your headline will always look great whatever of the client screen size.Download: jQuery Masonry. Code a Modern Design Studio from PSD to HTML. Today we’re going to convert the Modern Design Studio PSD Template created by Tomas Laurinavičius a few days ago to a clean and working XHTML/CSS code.

Code a Modern Design Studio from PSD to HTML

You can download free PSD from <a href=" nfan.com/free- modern-design-studio-psd-template/”>The Modern Design Studio PSD Template. The Final Result If you follow along with the tutorial, you will end up with the following result. Setting up the files Start out by creating a new folder on your computer in which we will put all of the site files.

Open up your index.html file. CODING FOR GOOD. Learn HTML5, CSS3, Javascript - video style tutorials. Google SEO for Beginners. As an SEO beginner, you want to start by understanding the definition of Search Engine Optimization, how Google crawls and indexes web pages, how a SEO-friendly (or Google-friendly) web site should be created according to the most appropriate design, content, technical and quality guidelines, and what to look at when hiring a SEO professional.

Google SEO for Beginners

Google’s Official Definitions on SEO SEO Definitions and Glossary. Webmaster Guidelines - Webmaster Tools Help. Following the General Guidelines below will help Google find, index, and rank your site.

Webmaster Guidelines - Webmaster Tools Help

We strongly encourage you to pay very close attention to the Quality Guidelines below, which outline some of the illicit practices that may lead to a site being removed entirely from the Google index or otherwise affected by an algorithmic or manual spam action. If a site has been affected by a spam action, it may no longer show up in results on Google.com or on any of Google's partner sites.

CSS

Essential PHP Techniques for Web Designer and Developers. If you’re a web designer or developer pretty sure you know or heard about PHP.

Essential PHP Techniques for Web Designer and Developers

Just as a refresher, PHP is a server-side HTML embedded scripting language, which designed for producing dynamic web pages. It generally runs on a web server, taking PHP code as its input and creating web pages as output . Some PHP script requires general knowledge or Math and logic. In this post, you will find 30 PHP tutorial and techniques that are not too complex and different. 20 More Excellent AJAX Effects You Should Know. Back in October we wowed you with 20 Excellent Ajax Effects You Should Know.

20 More Excellent AJAX Effects You Should Know

The post went on to become one of the most popular ever published at Nettuts+. This time around we have twenty more equally excellent Ajax effects for you to know and love. 1. Image Menu. How to Centre and Layout Pages Without a Wrapper. The number one suggestion I see from the proprietor of html5gallery.com to submitters is not to use the “<section>” element as a glorified “<div id="wrapper">”. Here, I shall demonstrate that “<body>” is already a wrapper and can be hacked to achieve some pretty remarkable layout and clean code! Let me just repeat that. The body element is already a wrapper. It can have a height, width, border, drop-shadow; you name it. 10+ Web Tools To Save Your Butt In School. It’s a new year, and the beginning of a new semester in school.

Students who didn’t do so hot last year have probably made a New Year resolution to improve their grades. To help you all with the next semester, I’ve decided to make a list of extremely helpful web tools that will make school easier for all the struggling students out there. Enjoy, and good luck with the new semester. 1. PinkMonkey / Shmoop Everyone already knows about Sparknotes and Cliffnotes, but there are very few who have used PinkMonkey. Another website you’ll like is Shmoop. PressWork.

PHP

PHP Source Code , Development , Programming , Free source code. Learn Web Design, Web Development, and iOS Development - Treehouse. 50 free web design tools that rock! Common MySQL Queries. Common MySQL Queries Basic aggregation Last updated 01 Oct 2016 Aggregate across columns Last updated 09 Sep 2009 Aggregates across multiple joins Given a parent table and two child tables, a query which sums values in both child tables, grouping on a parent table column, returns sums that are exactly twice as large as they should be. CREATE TABLE packageCredit ( packageCreditID INT, packageCreditItemID INT, Last updated 22 Feb 2013 Aggregates excluding leaders.

Learn to code.

Wordpress

All The Cheat Sheets That A Web Developer Needs.