PHP - Moved: Help Needed In Creating A Scrolling Portfolio

This topic has been moved to HTML Help.

http://www.phpfreaks.com/forums/index.php?topic=353723.0

I would like to create a portfolio for future reference and for potential employers.

What's the best way to do this? 

Should I make individual pages with examples of different code or create a website which functions to demonstrate the code?   Thanks

This topic has been moved to PHP Applications.

http://www.phpfreaks.com/forums/index.php?topic=331158.0

This topic has been moved to Third Party PHP Scripts.

http://www.phpfreaks.com/forums/index.php?topic=355529.0

This topic has been moved to Third Party PHP Scripts.

http://www.phpfreaks.com/forums/index.php?topic=350599.0

This topic has been moved to mod_rewrite.

http://www.phpfreaks.com/forums/index.php?topic=321165.0

This topic has been moved to Application Design.

http://www.phpfreaks.com/forums/index.php?topic=356776.0

This topic has been moved to Application Design.

http://www.phpfreaks.com/forums/index.php?topic=342882.0

This topic has been moved to Third Party PHP Scripts.

http://www.phpfreaks.com/forums/index.php?topic=316681.0

This topic has been moved to CSS Help.

http://www.phpfreaks.com/forums/index.php?topic=320868.0

I had an interesting idea, but I don't know if it exsisted... Say for example if I had designed the CNN homepage, that clearly gets updated every few minutes with new news, if I wanted to show this in my portfolio as as example of a project I have designed, is there a way of creating a thumbnail or image of the site, which would be updated in real time to go along side the description? (I say real time, but I guess I mean every couple of hours or so)

If anyone has seen anything like this or has any suggestions, let me know what you think!

Hi guys I am busy with a website for myself and need some help on this, because I am stuck and not getting this right.    Can someone tell me where is a tutorial or where I can find a code to help me with this , I have attached a pictures on what I need and want. the second image is what need to happen when someone click on the image in the Portfolio   Below Is the html code for this Portfolio Gallery but need it to be like in a database where I can upload or add new work.   

 <!-- PORTFOLIO -->
               <div class="row portfolio-page">
                  <div class="hide" id="project-info">
                     <div id="content">
                        <i class="fa-times fa back"></i>
                        <div class="row">
                           <div class="large-11 columns">
                              <h2 class="project-title">Super Design</h2>
                           </div>
                           <div class="large-6 columns">
                              <div class="project-images">
                                 <div class="item-list">
                                    <ul class="">
                                       <li>
                                          <a href="#">
                                          <img width="500" height="380" alt="13tndZF" class="attachment-project-thumb" src="assets/images/12.jpg">  
                                          </a>
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                           <div class="large-6 columns project-content">
                              <p>Donec pulvinar porttitor felis ac tincidunt. Quisque sit amet ligula quis lacus pellentesque luctus consequat aliquam neque. Nunc ac elit eu odio consequat rutrum. Suspendisse nec facilisis turpis. </p>
                              <p>Proin egestas nisl in nibh condimentum, nec ornare erat egestas. Fusce dui est, gravida ut sem vitae, tincidunt pharetra massa. In erat libero, fermentum suscipit pretium vel, eleifend vitae odio. Nullam quis mi velit. Cras ut aliquet orci.</p>
                              <p>Curabitur sollicitudin massa quis magna cursus, a auctor dolor imperdiet. Nullam ultrices pretium mauris, vel fermentum nisl venenatis ac. Aenean adipiscing lorem a purus viverra, eu</p>
                           </div>
                        </div>
                     </div>
                  </div>
                  <ul class="small-block-grid-1 large-block-grid-3">
                     <li class="article portfolio-item" id="160">
                        <figure>
                           <img width="500" height="380" src="assets/images/12.jpg" alt="13tndZF" />
                           <figcaption class="text-center">
                              <h3>Super Design</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                     <li class="article portfolio-item" id="157">
                        <figure>
                           <img width="500" height="380" src="assets/images/13.jpg" alt="1j5JfNg" />
                           <figcaption class="text-center">
                              <h3>Cool Project</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                     <li class="article portfolio-item" id="153">
                        <figure>
                           <img width="500" height="380" src="assets/images/14.jpg" alt="1m7ZhI3" />
                           <figcaption class="text-center">
                              <h3>New Project</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                     <li class="article portfolio-item" id="94">
                        <figure>
                           <img width="500" height="380" src="assets/images/15.jpg" alt="1a2n0Ck" />
                           <figcaption class="text-center">
                              <h3>Sed porttitor</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                     <li class="article portfolio-item" id="79">
                        <figure>
                           <img width="500" height="380" src="assets/images/16.jpg" alt="7714491824_ef36a096ff_b" />
                           <figcaption class="text-center">
                              <h3>Kid Play</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                     <li class="article portfolio-item" id="73">
                        <figure>
                           <img width="500" height="380" src="assets/images/17.jpg" alt="8364043731_9da828b5c7_h" />
                           <figcaption class="text-center">
                              <h3>Project Two</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                     <li class="article portfolio-item" id="71">
                        <figure>
                           <img width="500" height="380" src="assets/images/18.jpg" alt="almond-blossom-5378_1280" />
                           <figcaption class="text-center">
                              <h3>Project One</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                     <li class="article portfolio-item" id="96">
                        <figure>
                           <img width="500" height="380" src="assets/images/19.jpg" alt="Youthful learners" />
                           <figcaption class="text-center">
                              <h3>Etiam at commodo</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                     <li class="article portfolio-item" id="14">
                        <figure>
                           <img width="500" height="380" src="assets/images/20.jpg" alt="9862145525_c08b245398_h" />
                           <figcaption class="text-center">
                              <h3>Project 1</h3>
                           </figcaption>
                        </figure>
                        <span class="plus-icon flipOutX"><i class="fa-plus fa"></i></span>
                     </li>
                  </ul>
               </div>
               <!-- END PORTFOLIO/> -->
            </div>
         </section>

So I was working on this site past month. I know it is too much time for such simple website, but I am a perfectionist and I need to have everything perfect. It is using JQuery, Twitter Bootstrap (I am deep fan of TWBS and I am using it on almost every website I make) and Yeti(?probably, I forgot ) theme from Bootswatch. Of course also FontAwesome for YT, FB, Twitter an GitHub icons. On smaller resolutions it is looking epic (1024x768 etc etc), on mobile devices too, but I am not sure how it looks on HD, HD-ready resolutions (yes, I can use zoom-out in my browser, but it is misleading...). What do you think?   P.S.: Projects in "My Recent Work" are clickable and that will toggle description with some fancy fade effect (using jQuery.toggle()).   P.S.2: I am not sure if I should vertically-center contact text or let it be with big top and bottom padding. What do you think?   P.S.3: Oh, I almost forgot. Website link is here http://deathbeam.github.io/. Yes, I am using GitHub pages, I love git. And nope, I do not bought my own domain yet.   P.S.4: I accept "brutal" criticizm, feel free to be rude   P.S.5: (this is starting to be annoying lol): If you guys have time, can you please tell me what feeling do you have from my subsite http://deathbeam.git...fwphp/index.htm. I tried to keep everything as simple as possible, but I am not sure if it is not too much :/   P.S.6: I am really sorry for my English...
Edited by deathbeam, 08 September 2014 - 01:08 PM.

This topic has been moved to Miscellaneous.

http://www.phpfreaks.com/forums/index.php?topic=342341.0

I am trying to find a job doing PHP and MySQL. I have a portfolio section where I created a really simple Postcard application where visitors can send people they know online postcards via email after they click on confirmation link i send them using sha1() as token in a temp table that holds information.

I was also going to add a section where I show usage of Regular Expressions and things.

Does anybody have any suggestions what other web apps or whatever I could add to this section to make my portfolio section really POP to potential employers? Any suggestions are welcome and much appreciated.