Daffodil International University

IT Help Desk => Create your Own Website => Topic started by: jabedmorshed on October 09, 2014, 06:11:11 PM

Title: What should I k now to make responsive website?
Post by: jabedmorshed on October 09, 2014, 06:11:11 PM

I want to develop my website which will be responsive? what should I know?

Title: Re: What should I k now to make responsive website?
Post by: sazirul on October 20, 2014, 01:23:11 PM

২৫ টি গুরুত্বপূর্ন ওয়েব ডিজাইন ভিত্তিক টিউটোরিয়াল যা সংগ্রহে রাখা উচিত!

1. Responsive Website Navigation:

http://www.hongkiat.com/blog/responsive-web-nav/

2. Responsive Resume:

http://www.hongkiat.com/blog/responsive-resume/

3. Beginner’s Guide To Responsive Web Design:

http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design

4. How To Turn Any Website Into A Responsive Site:

http://www.vandelaydesign.com/turn-any-site-into-a-responsive-site/

5. Responsive Design In 3 Steps:

http://webdesignerwall.com/tutorials/responsive-design-in-3-steps

6. Designing For A Responsive Web:

http://webdesign.tutsplus.com/articles/designing-for-a-responsive-web--webdesign-3850

7. Responsive Web Design: A Visual Guide:

http://code.tutsplus.com/tutorials/responsive-web-design-a-visual-guide--net-20262

8. Fluid Grids:

http://alistapart.com/article/fluidgrids

9. Scalable Navigation Patterns In Responsive Web Design:

http://www.palantir.net/blog/scalable-navigation-patterns-responsive-web-design

10. Responsive Web Design With CSS3 Media Queries:

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

11. CSS Effects: Space Images Out To Match Text Height:

http://zomigi.com/blog/css-effect-space-images-out-to-match-text-height/

12. Responsive Images: Experimenting With Context-Aware Image Sizing:

http://www.filamentgroup.com/lab/responsive-images-experimenting-with-context-aware-image-sizing.html

13. Responsive Content Navigator With CSS3:

http://tympanus.net/codrops/2012/03/23/responsive-content-navigator-with-css3/

14. Create A Responsive Web Design Template:

http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/

15. Responsive Horizontal Layout:

http://tympanus.net/codrops/2012/04/02/responsive-horizontal-layout/

16. Convert A Menu To A Drop Down For Small Screens:

http://css-tricks.com/convert-menu-to-dropdown/

17. Flexible Slide-To-Top Accordion:

http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/

18. How To Use CSS3 Orientation Media Queries:

http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/

19. Responsive Data Tables:

http://css-tricks.com/responsive-data-tables/

20. Fluid CSS3 Slideshow With Parallax Effect:

http://tympanus.net/codrops/2012/04/30/fluid-css3-slideshow-with-parallax-effect/

21. How To Build A Responsive Thumbnail Gallery:

http://designshack.net/articles/css/how-to-build-a-responsive-thumbnail-gallery/

22. Optimizing Your Email For Mobile Devices:

https://www.campaignmonitor.com/blog/post/3163/optimizing-your-emails-for-mobile-devices-with-media/

23. Build A Responsive Mobile-Friendly Website With Skeleton:

http://designshack.net/articles/css/build-a-responsive-mobile-friendly-web-page-with-skeleton/

24. Responsive Web Design With HTML5 & Less Framework 3:

http://www.sitepoint.com/responsive-web-design-with-html5-and-the-less-framework-3/#fbid=kajhpI4DvT_

25. CSS: Elastic Videos : http://webdesignerwall.com/tutorials/css-elastic-videos