Bangali Web design tutorials

Hello Academy's Profile Photo
Hello Academy  provide free web design tutorials in bangali language.  Anybody who doesn’t have any programming language knowledge can now develop web site easily with those tutorials. Here I add those YouTube links step by steps:

Basic web design:

1. গল্পে গল্পে ওয়েব ডিজাইনের ১ম পর্ব (ওয়েব ডিজাইনের শুরুর গল্প)

2. গল্পে গল্পে ওয়েব ডিজাইনের ২য় পর্ব (ওয়েব ডিজাইনের হাতেখড়ি-১ )

3. গল্পে গল্পে ওয়েব ডিজাইনের ৩য় পর্ব (ওয়েব ডিজাইনের হাতেখড়ি-১ )

4.গল্পে গল্পে ওয়েব ডিজাইনের ৪থ পর্ব (ওয়েব ডিজাইনের হাতেখড়ি-২ )

5.গল্পে গল্পে ওয়েব ডিজাইনের ৫ম পর্ব (ওয়েব ডিজাইনের হাতেখড়ি-৩ )

6.গল্পে গল্পে ওয়েব ডিজাইনের ৬ষঠ পর্ব (কমেন্টস এর গল্প )

7.গল্পে গল্পে ওয়েব ডিজাইনের ৭ম পর্ব (রেস্পন্সিভ এর গল্প )

PSD to HTML Basic:

8. গল্পে গল্পে ওয়েব ডিজাইনের ৮ম পর্ব (Psd to Html করার সাহসী গল্প part-1)

9. গল্পে গল্পে ওয়েব ডিজাইনের ৯ম পর্ব (Psd to Html করার সাহসী গল্প part-2)

10. গল্পে গল্পে ওয়েব ডিজাইনের ১০ম পর্ব (Psd to Html করার সাহসী গল্প part-3)

11. গল্পে গল্পে ওয়েব ডিজাইনের ১১তম পর্ব (Psd to Html করার সাহসী গল্প part-4)

12. গল্পে গল্পে ওয়েব ডিজাইনের ১২তম পর্ব (Psd to Html করার সাহসী গল্প part-5)

13. গল্পে গল্পে ওয়েব ডিজাইনের ১৩তম পর্ব (Psd to Html করার সাহসী গল্প part-6)

14. গল্পে গল্পে ওয়েব ডিজাইনের ১৪ তম পর্ব (রেস্পন্সিভ part-7)

Bootstrap basic:

১/ বুটিসট্র্যাপ বেসিক টিউটোরিয়াল ১ম পর্ব (প্রাথমিক ধারণা)

২/ বুটিসট্র্যাপ বেসিক টিউটোরিয়াল ২য় পর্ব (ড্রপডাউন মেন্যু)

৩/ বুটিসট্র্যাপ বেসিক টিউটোরিয়াল ৩য় পর্ব (স্লাইডার)

৪/ বুটিসট্র্যাপ বেসিক টিউটোরিয়াল ৪র্থ পর্ব (accordion)

Web Design Advance with Bootstrap-PSD to HTML with Bootastrap:

১/ বুটিসট্র্যাপ দিয়ে PSD to HTML (১ম পর্ব)

২/ বুটিসট্র্যাপ দিয়ে PSD to HTML (২য় পর্ব)

৩/ বুটিসট্র্যাপ দিয়ে PSD to HTML (৩য় পর্ব)

৪/ বুটিসট্র্যাপ দিয়ে PSD to HTML (৪র্থ পর্ব)

৫/ বুটিসট্র্যাপ দিয়ে PSD to HTML (৫ম পর্ব)

৬/ বুটিসট্র্যাপ দিয়ে PSD to HTML (৬ষ্ঠ পর্ব)

৭/ বুটিসট্র্যাপ দিয়ে PSD to HTML (৭ম পর্ব)

৮/ বুটিসট্র্যাপ দিয়ে PSD to HTML (৮ম পর্ব)

৯/ বুটিসট্র্যাপ দিয়ে PSD to HTML (৯ম পর্ব)

১০/ বুটিসট্র্যাপ দিয়ে PSD to HTML (১০ম পর্ব)

১১/ বুটিসট্র্যাপ দিয়ে PSD to HTML (১১তম পর্ব)

১২/ বুটিসট্র্যাপ দিয়ে PSD to HTML (১২তম পর্ব)

jQuery basic:

1/জেকুএরির ১ম পর্ব

2/জেকুএরির ২য় পর্ব

3/জেকুএরির ৩য় পর্ব

4/জেকুএরির ৪থ পর্ব

5/জেকুএরির ৫ম পর্ব

6/জেকুএরির ৬ষঠ  পর্ব

 7/জেকুএরির ৭ম  পর্ব

PHP Basic:

১/ PHP ১ম পর্ব (Introduction)

২/ PHP ২য় পর্ব (Data Types & Variables)

৩/ PHP ৩য় পর্ব (Arithmatic Operatos)

৪/ PHP ৪র্থ পর্ব (Assignment operator)

৫/ PHP ৫ম পর্ব (Logical Operator-1)

৬/ PHP ৬ষ্ঠ পর্ব (Logical Operator-2)

৭ / PHP ৭ম পর্ব (Index Array)

৮/ PHP ৮ম পর্ব (Associative Array)

৯/ PHP ৯ম পর্ব (Multidimensional Array)

১০/ PHP ১০ম পর্ব (For loop)

১১/ PHP ১১তম পর্ব (While loop)

১২ / PHP ১২তম পর্ব (Foreach loop)

Advertisements

Using Style sheets in CakePHP

https://i1.wp.com/squio.nl/blog/wp-content/2008/02/cake12b.png

Recently I’m start working with CakePHP for one of my official project ‘The Bangabhaban website’. This is my second local project. First one was ‘votebd.com’ developed with CodeIgniter. I’m very happy to being developer of such a project. Lets happy starting.
I had to develop a template for demo purpose. here I discussed some CSS related problem solving tricks:
1. External Style Sheets: For access all images and style sheets you have to add following codes into .htaccess file.

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ – [L]

2. AssetHelper: is a great  helper for
CSS and JS compression. You can find it in http://www.pseudocoder.com .

3. CSS Tidy: is an opensource CSS parser and optimiser. CSSTidy has full CSS2 support and a higher reliability. Any way to configure the helper and/or CSS Tidy to just combine all of
my CSS files into one:

$this->settings[‘remove_bslash’] = false;
$this->settings[‘compress_colors’] = false;
$this->settings[‘compress_font-weight’] = false;
$this->settings[‘lowercase_s’] = false;
$this->settings[‘optimise_shorthands’] = 0;
$this->settings[‘remove_last_;’] = false;
$this->settings[‘case_properties’] = 0;
$this->settings[‘sort_properties’] = false;
$this->settings[‘sort_selectors’] = false;
$this->settings[‘merge_selectors’] = 0;
$this->settings[‘discard_invalid_properties’] = false;
$this->settings[‘css_level’] = ‘CSS2.1’;
$this->settings[‘preserve_css’] = true;
$this->settings[‘timestamp’] = false;

Some excellent websites to learn CSS

Some excellent websites are given below to learn CSS within short time:

Site name Description

70 Expert Ideas For Better CSS Coding

To learn more about professional CSS coding, you should visit this site.

53 CSS-Techniques You Couldn’t Live Without.

To to get a powerful and handy CSS-Toolbox for your future projects, you can use this site.

CSS Basics

CSS Basics is formatted like a book with 18 chapters dedicated to educating readers about fundamental CSS concepts. The writing is clear and succinct – making it a great resource for those just starting out. All 18 chapters can be printed or downloaded in PDF format.

W3CSchools CSS Tutorial

W3CSchools has a CSS section that covers the very basics of CSS up to more advanced topics.

css Zen Garden

css Zen Garden is a showcase of the things you can do CSS. Most importantly, it highlights the concept of separating content from presentation. Using the same HTML file, designers submit external stylesheets to style the HTML file. I suggest using the Web Developer Tool to inspect how the layouts work and what styles affect certain elements of the page.

CSS at MaxDesign

At MaxDesign, you can find Russ Weakley’s brilliant set of CSS-related tutorials. Some things to expect here are: Listmatic – which shows you a variety of ways you can use CSS to style lists, and Floatutorial – which goes through the fundamentals of floating elements.

CSSeasy.com

CSSEasy.com’s slogan is “learn CSS the modern way”. The site promotes learning by experience, with the idea that if you inspect the source code and see how things fit together as a whole, you’ll gain a better understanding of CSS. The Web Developer Tool will also come in handy on this website.

CSS-Discuss

CSS-Discuss is a community of CSS enthusiasts. The CSS-Discuss Wiki is a comprehensive collection of real-world usage of CSS.

Web Design from Scratch: CSS

Ben Hunt’s Web Design from Scratch has an excellent section on CSS that covers basic concepts about CSS. I highly recommend beginners start off with Introduction to CSS, a quick but very informative starting point to getting your hands dirty with CSS.

CSSDog

CSSDog has a section for both beginners and more advanced developers. Aside from CSS lessons, their CSS Reference section – which lists quick guides and color references – are very helpful.

CSS on Delicious

The CSS tag on Delicious is a great way to find popular links that relate to CSS. It allows you to see what people are currently reading.

SitePoint CSS Reference

SitePoint has a CSS reference section that discusses introductory level CSS topics. You can get a crash course on general CSS syntax and nomenclature onto slightly more advanced topics such as CSS hacks and filters.

A List Apart CSS Topics

A List Apart, the premier site to read articles about web design and best practices, has a collection of articles on the topic of CSS dating back to 1999. Most articles are geared towards intermediate to advanced developers who put a strong emphasize on standards-compliant designs.

CSS Help Pile

CSS Help Pile is an aggregate of CSS resources, tips, and how-to’s. The site is well-organized and a wonderful resource for any level of expertise. There’s a category for beginners, browser bugs, and short reviews of CSS books.

Eric Meyer: CSS

Here’s a collection of works by Eric Meyer (acclaimed web professional and author). Some resources you’ll find on this page are css/edge (Eric Meyers experiments on CSS) and CSS reference.

Holy CSS Zeldman!

Holy CSS Zeldman (not a site by Jeffrey Zeldman) is a useful collection of resources that link to standards-based CSS tutorials, tools, and layouts.

456 Berea Street – CSS category

Roger Johansson’s 456 Berea Street has over 300 posts under the CSS category. Some posts talk choosing an image replacement method while others teach you CSS techniques.

/* Position Is Everything */

Those just getting their hands around authoring CSS code will quickly realize that a significant chunk of time (and frustration) stems from getting rid of browser bugs. Position Is Everything discusses known browser bugs and shares CSS methods that work across browsers. Here, you can read about the one true layout or learn what happens when you nest absolutely-positioned div’s.

HTML Dog CSS Tutorials

HTML Dog is a tutorial website dedicated to teaching XHTML and CSS best practices. There’s three CSS tutorial sections: Beginner, Intermediate, and Advanced.

Andy Budd CSS/Web Standards Links

Andy Budd (directory of Clearleft, CSS guru, and author of one of my favorite books – CSS Mastery) has a set of CSS/web standards links to help you find reliable, useful information about CSS.

Learn CSS Positioning in Ten Steps

Positioning elements using CSS can be a tricky concept at first. If you’re having a hard time understanding the fundamentals of CSS positioning, check out this 10-step tutorial to get you positioning stuff in no time!

CSS-Tricks

CSS-Tricks is a blog dedicated to the topic of CSS. You’ll find helpful posts such as what CSS Sprites are (in a nut shell), techniques for image replacements, and even screencasts on topics like conditional stylesheets.

Smashing Magazine

A great site for CSS learners.

CSSPlay

This site will help newcomers to CSS and show old hands that it is more than just a mechanism for styling your documents.

web design dashboard

It’s got a ton of stuff on CSS and also other random web design resources!

Quirks Mode

It contains about 120 pages with CSS and JavaScript tips and tricks, and is one of the best sources on the WWW for studying and defeating browser incompatibilities.

Web 2.0

The concept of “Web 2.0” began with a conference brainstorming session between O’Reilly and MediaLive International. Dale Dougherty, web pioneer and O’Reilly VP, noted that far from having “crashed”, the web was more important than ever, with exciting new applications and sites popping up with surprising regularity. What’s more, the companies that had survived the collapse seemed to have some things in common. Could it be that the dot-com collapse marked some kind of turning point for the web, such that a call to action such as “Web 2.0” might make sense? We agreed that it did, and so the Web 2.0 Conference was born.

Web 2.0 is a term describing the trend in the use of World Wide Web technology and web design that aims to enhance creativity, information sharing, and, most notably, collaboration among users. These concepts have led to the development and evolution of web-based communities and hosted services, such as social-networking sites, wikis, blogs, and folksonomies. Although the term suggests a new version of the World Wide Web, it does not refer to an update to any technical specifications, but to changes in the ways software developers and end-users use the Web.

According to OReilly “Web 2.0 is the business revolution in the computer industry caused by the move to the Internet as platform, and an attempt to understand the rules for success on that new platform”.

O’Reilly provided examples of companies or products that embody these principles in his description of his four levels in the hierarchy of Web 2.0-ness:

  • Level-3 applications, the most “Web 2.0”-oriented, only exist on the Internet, deriving their effectiveness from the inter-human connections and from the network effects that Web 2.0 makes possible, and growing in effectiveness in proportion as people make more use of them. O’Reilly gave as examples eBay, Craigslist, Wikipedia, del.icio.us, Skype, dodgeball, and AdSense.
  • Level-2 applications can operate offline but gain advantages from going online. O’Reilly cited Flickr, which benefits from its shared photo-database and from its community-generated tag database.
  • Level-1 applications operate offline but gain features online. O’Reilly pointed to Writely (now Google Docs & Spreadsheets) and iTunes (because of its music-store portion).
  • Level-0 applications work as well offline as online. O’Reilly gave the examples of MapQuest, Yahoo! Local, and Google Maps (mapping-applications using contributions from users to advantage could rank as “level 2”).

Non-web applications like email, instant-messaging clients, and the telephone fall outside the above hierarchy.

Web 2.0 websites typically include some of the following features/techniques:

The Web As Platform

Like many important concepts, Web 2.0 doesn’t have a hard boundary, but rather, a gravitational core. You can visualize Web 2.0 as a set of principles and practices that tie together a veritable solar system of sites that demonstrate some or all of those principles, at a varying distance from that core.

Web2MemeMap
Figure 1 shows a “meme map” of Web 2.0 that was developed at a brainstorming session during FOO Camp, a conference at O’Reilly Media. It’s very much a work in progress, but shows the many ideas that radiate out from the Web 2.0 core.
Image Source: http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

A variety of Web 2.0 tools and technologies:

Publish and Disseminate Information

Seven Blogging Tools Reviewed
There are a number of good blogging tools, but choosing among them can be confusing. In this report, we’ll take a detailed look at the top blogging tools and outline key considerations for selecting a platform.
A Technical Guide to Anonymous Blogging
If you have reason to be worried that what you’re posting could endanger your safety, the security measures outlined in this article will help you keep your identity a secret.
Easy Ways to Publish Your Own RSS Feeds
RSS feeds are a simple, inexpensive way to deliver news and announcements to your constituents and supporters, helping them stay active and involved in your cause. We’ll show you tools you can use to get started.
Thirteen Tips for Effective Tagging
A tag is a collaborative labeling system that allows you to categorize online content like Web pages, photos, and links. Learn why tagging is a valuable tool for your nonprofit — and how to choose tags effectively.

Network and Build Community

What Can Social Networking Do for Your Organization?
Social networking platforms like Flickr, Friendster, and MySpace give nonprofits a forum for meeting like-minded organizations and potential supporters, and provide a medium for spreading their messages beyond the immediate community.
Citizen Journalism Movement Gives More Power to the People
Is the mainstream media overlooking a story or an issue important to your cause? Rise up, nonprofits, through citizen journalism, a new form of reporting driven by people rather than large news agencies.
Interplast: Harnessing Technology to Help Heal
In addition to providing free reconstructive surgeries to children with disabilities and adults with no access to specialized care, Interplast works to educate local surgeons around the world through its international online forum. Learn how this Web site is empowering doctors and transforming patients’ lives.

Collaborate with Others

Exploring the World of Wikis
Wikis — collaborative Web sites that allow users to change the content of pages easily — can help your organization share information. Learn how wikis work, what wiki-creation software and services are out there, and whether a wiki makes sense for your nonprofit.
Eight Tools to Keep Your Team Connected
How do you coordinate a team of 20 volunteers providing support to 83 organizations in 14 countries — all from one location? Veteran eRider manager Teresa Crawford shares eight tried-and-true applications for keeping far-flung workers connected.
Wikispaces Plus Plan
The Wikispaces Plus Plan offers organizations a hosted wiki with 2-GB storage, unlimited users, edits, and messages. A $10 one-year subscription is available to qualifying nonprofits through TechSoup Stock.

Share Your Stories with the World

How to Record, Edit, and Promote a Podcast
Podcasts — digital audio files posted to the Web for anyone to download and listen to — are a useful, affordable way for nonprofits to expand their reach and further their missions. We’ll walk you through the process of creating and posting your own podcasts.
Digital Storytelling: A Tutorial in 10 Easy Steps
Learn more about the powerful medium of digital storytelling, which allows you to create narratives using images, video, and sound.
Witnessing the Power of Digital Video
Witness has helped human-rights groups use digital camcorders to document abuses in more than 60 countries around the globe. But the organization says that the era of video advocacy is just beginning.
Understanding Video-Sharing Sites’ Terms of Service
We scoured lengthy agreements of the most popular sites like YouTube and Google Video to help you figure out where to post your videos.
BAVC’s Interactive Learning Series
To learn more about this topic, nonprofits can purchase DVDs that cover Flash MX, digital storytelling, and video preservation techniques. All of the videos are available at a discount on TechSoup Stock.

Customize and Create Your Own Tools

Mashups: An Easy, Free Way to Create Custom Web Apps
Mashups are opening up new possibilities for nonprofits, allowing them to combine online data from multiple sources to create customized, interactive Web applications. Find out how.

World Wide Web Consortium(W3C)

The World Wide Web Consortium (W3C) is the main international standards organization for the World Wide Web (abbreviated WWW or W3). It is arranged as a consortium where member organizations maintain full-time staff for the purpose of working together in the development of standards for the W3. As of February 2008, the W3C had 434 members.

W3C also engages in education and outreach, develops software and serves as an open forum for discussion about the Web. It was founded and is headed by Sir Tim Berners-Lee.

History:

The World Wide Web Consortium (W3C) was founded by Tim Berners-Lee after he left the European Organization for Nuclear Research (CERN) in October, 1994. It was founded at the Massachusetts Institute of Technology Laboratory for Computer Science (MIT/LCS) with support from the DARPA — which had pioneered the Internet — and the European Commission.

W3C was created to ensure compatibility and agreement among industry members in the adoption of new standards. Prior to its creation, incompatible versions of HTML were offered by different vendors, increasing the potential for inconsistency between web pages. The consortium was created to get all those vendors to agree on a set of core principles and components which would be supported by everyone.

It was originally intended that CERN host the European branch of W3C; however, CERN wished to focus on particle physics, not information technology. In April 1995 the Institut national de recherche en informatique et en automatique (INRIA) became the European host of W3C, with Keio University becoming the Japanese branch in September 1996. Starting in 1997, W3C created regional offices around the world; as of October 2007 it has sixteen World Offices covering Australia, the Benelux countries (the Netherlands, Luxemburg, and Belgium), China, Finland, Germany and Austria, Greece, Hungary, India, Ireland, Israel, Italy, Japan, South Korea, Korea, Morocco, South Africa, Spain, Sweden, and the United Kingdom.

In January 2003, the European host was transferred from INRIA to the European Research Consortium for Informatics and Mathematics (ERCIM), an organization that represents European national computer science laboratories.

The Consortium is jointly administered by the MIT Computer Science and Artificial Intelligence Laboratory (CSAIL) in the USA, the European Research Consortium for Informatics and Mathematics (ERCIM) (in Sophia Antipolis, France), and Keio University (in Japan). The W3C also has World Offices in sixteen regions around the world. The W3C Offices work with their regional Web communities to promote W3C technologies in local languages, broaden W3C’s geographical base, and encourage international participation in W3C Activities.

Standards

W3C/IETF Standards (over Internet protocol suite):

W3C Sites is a collection of web sites created by designers that conform with the W3C standards. For more… W3C Sites.