Showing posts with label web developer. Show all posts
Showing posts with label web developer. Show all posts

Monday, 17 August 2009

Advanced CSS selectors, introducing more specific CSS elements

Though most of this article still is an object of my study and guide for my practice, and I can't say I master this, yet this article is a very helpful reference for either testing or even using these Advanced CSS Selectors in the creating of a modern website. Despite the fact that we are all well aware of its usefulness, CSS selectors are still not used to their full potential and we sometimes have the tendency to litter our HTML with excessive and unnecessary classes and ids, divs and spans. Below are the major points from this article:

Taming Advanced CSS Selectors

CSS Specificity
  1. 1. Attribute selectors
  2. 2. Child selector
  3. 3. Sibling combinators
    - Adjacent sibling combinator
    - General sibling combinator
  4. 4. Pseudo-classes
    - Dynamic pseudo-classes
    - :first-child
    - The language pseudo-class
  5. 5. CSS 3 Pseudo-classes
    :target
The UI element states pseudo-classes
  1. 6. CSS 3 structural pseudo-classes
    - :nth-child
    - :nth-last-child
    - :nth-of-type
    - :nth-last-of-type
    - :last-child
    - :first-of-type and :last-of-type
    - :only-child
    - :only-of-type
    - :empty
  2. 7. The negation pseudo-class
  3. 8. Pseudo-elements
    - ::first-line
    - ::first-letter
    - ::before and ::after
Continue to read this article, with more explanations and also examples - Taming Advanced CSS Selectors (via smashingmagazine).

Friday, 14 August 2009

Web developer cheat sheets AND the guide to GET vs POST

Website programming articles: I read the article about 30 Web Developer Cheat Sheets, and here are some of these:
  • PHP + MySQL Cheat Sheets
    - Added Bytes - PHP Cheat Sheet v2
    - Blue Shoes - PHP Online Cheat Sheet
    - WebCheatSheet - Regular Expressions Online Cheat Sheet
    - AddedBytes - Regex Cheat Sheet (PDF)
  • Javascript and AJAX libraries
    - Javascript Reference Card
    - Javascript and Browser Objects Quick Reference
    - jQuery API Browser
    - MooTools Cheat Sheet
  • HTML and CSS Cheat Sheets
    - HTML Cheat Sheet - PDF/PNG
    - CSS Cheat Sheet PDF/PNG
    - CSS 3 Cheat Sheet
  • Photoshop and Illustrator Cheat Sheets
    - Photoshop CS4 Cheat Sheet
    - Online Adobe CS4 Cheat Sheet
    - Illustrator Short Cuts Cheat Sheet
    - AI Shortcuts Cheat Sheet - PDF
  • Misc Cheat Sheets
    - The WordPress Help Sheet
    - SEO Cheat Sheet
and many other tips - check out the 30 Web Developer Cheat Sheets online.

In php programming - very useful - The Definitive Guide to GET vs POST via the carsonified blog.
Rule #1: Use GET for safe actions and POST for unsafe actions.
  • GET requests can be cached
  • GET requests can remain in the browser history
  • GET requests can be bookmarked
  • GET requests can be distributed & shared
  • GET requests can be hacked
GET vs POST Extended
Rule #2: Use POST when dealing with sensitive data.
Rule #3: Use POST when dealing with long requests.
Rule #4: Use GET in AJAX environments.
Read more about this guide to GET vs POST in php/mysql programming online.

Thursday, 13 August 2009

Build faster websites with CSS sprites - article reviews

Being a web developer, I am interested in building websites that load quickly, offer the best content, have a nice design, and are easy to use. Using CSS sprite images on your website is the best way to quicken up the loading time of your images and is also the best way to keep up with today’s best web design practices. Via the tutorial9.net I found this interesting article about Building Faster Websites with CSS Sprites - see the main points below.

Building Faster Websites with CSS Sprites
Materials Needed for building faster sites:
  • Image – Step 1: Set up each individual navigation menu image states
  • Step 2: Image - Combine all 3 navigation bar image states into 1 image
  • Step 3: Image – Measure the height of each buttons
  • Step 4: Image – Measure the width of each buttons
  • Step 5: Image – Width and height of each buttons
  • Step 6: CSS – setting up the navigation bar
  • Step 8: CSS – Using HTML lists (ul tags) for the navigation bar links
  • Step 9: CSS – adding images for each links
  • Step 10: CSS – adding hover states to the navigation bar
  • Step 11: CSS – adding clicked/active states to the navigation bar
Continue to read this article, which also speaks about some more Ways to Speed Up Your Website - Building Faster Websites with CSS Sprites.

Wednesday, 12 August 2009

30 More Helpful Video Tutorials For Web Developers via tutsplus

If you are a web developer/web programmer, there's lots and lots of new things coming up constantly, and even more: maybe you know a certain programming language, but what about jQuery/php/python, etc? Well.... there are some video tutorials, 30 of which are listed here, that can help you in some respects - the article is about 30 More Helpful Video Tutorials For Web Developers, via tutsplus.

  1. Write Your First PHP Script
  2. How to Install Wordpress Locally
  3. Creating Web Services with NetBeans
  4. Why Learn Object-Oriented PHP?
  5. jQuery For Absolute Beginners Video Series
  6. How to Create a Wordpress Plugin
  7. Authlogic
  8. Intro to Visual Web Developer
  9. Rails with jQuery
  10. Getting Started with Dreamweaver CS3
  11. Building High-Performance Apps for AIR
  12. Performance Tuning Best Practices for MySQL
  13. An Introduction to Database Programming with Python
  14. Advanced Form Styling & Functionality
  15. Django Reloaded Workshop
  16. How to Use Firebug for CSS
  17. Basic iPhone Programming
  18. Introduction to CodeIgniter
  19. Debugging Ajax Applications with Firebug
  20. Developing Rails Applications with Komodo
  21. Using CSS
  22. Learn Django: Create a Wiki in 20 Minutes
  23. Using CSS3
  24. The Essentials of DOM and Javascript in 10 Minutes
  25. Using Scaffolding and Bake in CakePHP
  26. A Lesson Learned in Accessibility
  27. Firefox Extension Bootcamp
  28. Google Android App Training
  29. How to Share Facebook Feed with Facebook Connect in 10 Minutes
  30. Concatenating Strings with Yahoo! Pipes
Read the entire article + see the specific links to these tutorials online - 30 More Helpful Video Tutorials For Web Developers.

Tuesday, 11 August 2009

SEO tips and jQuery code snippets for everyone - article reviews

This is not much of a review, but at least a short listing of the main bullet points of these articles, and you decide whether to visit them or not. I would recommend them especially for the web developers and web designers.

  1. Write Semantic and Valid Markup
  2. Optimize your Title and Meta Tags the Correct Way
  3. Always Use alt and title Attributes
  4. Maintain your CSS and JavaScript files Externally
  5. Use Google Webmasters Tools
  6. Keep your HTML Simple
  7. Avoid Frames
  8. Use JavaScript Only for Progressive Enhancement
  9. Be Careful When Using Flash
  10. Create a sitemap.xml file for Google
  11. Make a Site Map
  12. Add a robots.txt File to Your Root Directory
  13. Check for Broken Links and Images
  14. Avoid Duplicate Content
  15. Create an Informative Error Page
  16. Keep a Flat Structure Directory
  17. Use Search Engine Friendly url Names
  18. Design an Effective Footer
  19. Use Breadcrumb Navigation
  20. Write Good Content
read this article online here.

  1. Form validation plugin
  2. Drag and Drop functionality using jQuery
  3. Pagination using jquery
  4. Embed flash using jQuery
  5. Creating tag cloud via jQuery
  6. Insert Simple ajax effects using jquery
  7. Creating tips with jQuery
for the ardent programmer, here's the article.