Jump to content

Goggwell

Senior Member
  • Posts

    2,274
  • Joined

  • Last visited

Everything posted by Goggwell

  1. Amazing work
  2. Sorry for not ending the contest sooner! Results are in, congrats to
  3. If you're not sure what I mean by the title, let me explain: This code basically allows you to view what's happening on iOSGods in real-time on-screen without having to visit the website. Cool, right? Here's the link to my pen (with the real-time video) - http://codepen.io/Goggwell/full/PwNpjJ/ What this does is it places a mockup of a Mac on your screen, and inside of the screen is the iOSGods website. How you ask? Here's the code, first of all: HTML <iframe src="http://show.placeit.net/?id=4758" width="800" scrolling="no" height="600" frameborder="0"></iframe> CSS iframe { width: 800px; height: 600px; margin: 0 auto; background-color: #777; } iframe { display: block; } For the CSS code, it's alright to place all the functions inside the first variable. They were separated because I had another function inside the HTML. To get the screen mockup, I went to PlaceIt, an amazing website which creates beautiful high-resolution mockups for you. http://placeit.net
  4. I just read this, and you'll be surprised at how much I donate Hope it gets better! ---EDIT--- I'll be getting some money from Freelancer soon, and I'll use that money to donate A new device can wait
  5. I recommend reviewing MS first before moving on to the next phase. You might have forgotten some steps along the way After that, I would say start with MSHook and basic IDA. Get the hang of it and the feel of the interface. With MSHook, you can already hack some major games like MinecraftPE, Terraria and so on.
  6. I have a basic knowledge of most coding fields now Just got basic info on: Fortran Ruby (Ruby on Rails) Python C Obj-C C++ C# Java Javascript PHP Gonna study up on those before I hit university
  7. I put it at the end of the thread But just in case you can't read it: 12/12/2014
  8. Bundle: Bleak Purple By: Goggwell Price: FREE! Today I bring to you my FIRST EVER BUNDLE! It's pretty basic, so don't get too excited It includes 3 icons (that you can make or change yourself) and the color scheme. To get the bundle, follow the steps below: 1. Like and reply to this thread! 2. Download from this site: [Hidden Content] Enjoy! I'll be making more bundles!
  9. Nah, it's for everyone
  10. Well dang. Oh well, better sell that account to someone else.
  11. I just called it moderators giveaway because I am a moderator I'll change it later. And I have specified just now!
  12. Thank you for telling me And yeah, maybe it does seem like a waste of money. But if I can keep my pens private, then it's all worth it Especially if my pens aren't finished yet.
  13. If you've seen my first topic 'I was wondering...', then you'll probably know what this thread is about. I'm gonna be hosting separate giveaways at random times, each with a different prize! There can only be 1 Winner, unless the prize is a GFX item, which in that case, there can be 2 Winners! Here's the first prize: SWIFT Programming Language Course On the website ( https://edurila.com/course/swift-learn-apples-new-programming-language-by-examples/ ), the course costs around 199$ That's a LOT of money! Luckily, UI8 sold this course for about 8$ (what a steal!). Here's how to enter this giveaway: 1. Leave a comment below (you can say anything you want) And that's it! I'll leave a list of entered people below: 1. D3v 2. DiDO 3. ZahirSher 4. RickHak (but you already have it ) 5. 6. 7. 8. 9. 10. Good luck! Contest ends 12/12/2014
  14. I was able to get some of the money from Freelancer (I got 30$ for a logo design) With a PRO account, you can make private pens, collaborate in real-time with professionals and students alike, re-visit tutorials or teach others, and upgrade your public pens in privacy! (Translation: Not much)
  15. Coming soon: Wireframing TUT, HTML/CSS TUT, Edge Animate TUT, more GFX Templates, Freebies, and possibly some minor giveaways!

  16. Nah I ain't rich And BTW, I owe you 12$, so how can I donate?
  17. I can remove the prices if needed And plus, none of the money will go to me, I'll donate all of it to iOSGods And I also stated that I could turn this into a giveaway
  18. Test away! It's pretty darn good!
  19. There's coding as well, so I don't think this would go in the GFX section. And this is General because I want people to know that they can have it at a lower price or as a giveaway.
  20. Hey guys! So, I recently got the money to purchase several premium bundles for GFX and coding/developing alike. These bundles are amazing, and are totally BEAST! I was also able to purchase (with the extra cash) a Treehouse PRO account, and a Codepen PRO account. More coding for me! I was wondering, since I'm such a nice guy, if I should sell these for a lower price, or give them away for free. What do you guys think? Before you make a decision, here are the bundles below: https://ui8.net/product/heroes - HEROES | 37 Beautiful Background Header Images - 8$ https://ui8.net/product/ballicons - BALLICONS | 200+ 2-Way Animated Icons (PSD, GIF, AE) - 48$ https://ui8.net/product/xcode-for-designers - XCODE for DESIGNERS | Learn to Design and Code from Professional Keynote Speakers with Xcode - 8$ https://ui8.net/product/learn-swift-by-examples - LEARN SWIFT | Learn Swift from cutting-edge coders and designers through 95+ lectures and real-life situations - 8$ Choice is yours
  21. Hey guys, I'm making a template on Photoshop for a website for a Gaming Clan! The problem is that I do not have any inspiration whatsoever. I was wondering if you guys had any thoughts about what a Gaming Website might look like. I really need your help! I've already made a logo, and the background info. But that won't matter as I have nothing else. If you help me, I'll turn this template into a free, public one for you guys to use!
  22. Are you guys forgetting that I'm a GFX artist too?
  23. I also forgot to mention, you can replace the words inside the boxes to your own! Just replace the words (just Ctrl + F and search lorem, the words will appear)
  24. I was scavenging Codepen for something really Christmas-y, and I found it! Check it out: http://codepen.io/dazulu/pen/ByoWee It's a Christmas Calendar that actually works in real-time! Amazing, huh? Using animations, CSS and the latest in great HTML coding! Too lazy to check out Codepen? View the coding down below: <h1>Merry Christmas</h1> <ul> <li><div class="door">1</div></li> <li><div class="door">2</div></li> <li><div class="door">3</div></li> <li><div class="door">4</div></li> <li><div class="door">5</div></li> <li><div class="door">6</div></li> <li><div class="door">7</div></li> <li><div class="door">8</div></li> <li><div class="door">9</div></li> <li><div class="door">10</div></li> <li><div class="door">11</div></li> <li><div class="door">12</div></li> <li><div class="door">13</div></li> <li><div class="door">14</div></li> <li><div class="door">15</div></li> <li><div class="door">16</div></li> <li><div class="door">17</div></li> <li><div class="door">18</div></li> <li><div class="door">19</div></li> <li><div class="door">20</div></li> <li><div class="door">21</div></li> <li><div class="door">22</div></li> <li><div class="door">23</div></li> <li><div class="door">24</div></li> <li><div class="door">25</div></li> </ul> <p id="message"></p> @import url(http://fonts.googleapis.com/css?family=Oleo+Script); body { background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/xmas.jpg"); color: #fff; font-family: 'Oleo Script', cursive; padding: 20px; font-weight: 400; } h1 { margin:0; font-size:75px; line-height: 75px; text-align: center; font-weight: 400; } ul { margin:0 auto 30px auto; padding:0; list-style-type:none; max-width:900px; width: 100%; text-align: center; user-select: none; } li { font-weight: 400; background-color: #fff; box-sizing: border-box; border-radius: 6px; display: inline-block; color:#111; cursor:pointer; font-size: 26px; padding:15px; margin:25px 12px; width: 130px; height:130px; line-height: 100px; text-align:center; position: relative; vertical-align:top; user-select: none; perspective: 800px; transition: all 0.4s ease-in-out; } ul li:last-child { background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/santa.jpg") center top; background-size:cover; display:block; clear:both; margin: 20px auto 0 auto; width: 200px; height: 275px; } ul li:last-child .door { font-size: 100px; width: 200px; height: 275px; line-height: 240px; } ul li:last-child .revealed { line-height: 123px; } .door { user-select: none; color:#fff; font-size: 70px; position: absolute; top:0; left:0; background-color: #91c1cc; box-sizing: border-box; border-top: 2px #eee dashed; border-right: 2px #eee dashed; border-bottom: 2px #eee dashed; border-left: 1px #eee solid; border-radius: 6px; padding:15px; width: 130px; height:130px; transform-origin: 0 40%; transition: all 0.4s ease-in-out; transform-style: preserve-3d; } .current .door { background-color: #7EAD44; } .current .door.open{ color: #7EAD44; } .revealed { user-select: none; } #message { box-sizing: border-box; color: #222; display: none; font-size: 24px; padding: 20px; background: #eddecb; max-width: 500px; width: 100%; border-radius: 15px; margin: 0 auto; } .open { box-shadow: 14px 0px 15px -1px rgba(0,0,0,0.2); color: #91c1cc; transform: rotate3d(0, 1, 0, -98deg); } .jiggle { animation: jiggle 0.2s infinite; transform: rotate(-1deg); } @keyframes jiggle { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } } @media screen and (min-width: 480px) { li { margin:25px 20px; } } @media screen and (min-width: 768px) { body { background-size:150px; } p { right: 6%; top: 20%; bottom: auto; margin-left: auto; left: auto; } } $( document ).ready(function() { var words = ["Lorem ", "ipsum ", "delor", "sit", "amet", "consect", "adipisci", "elit,", "sed.", "Eiusmod", "tempor", "a", "enim", "minim", "season", "nulla", "dolore", "sint", "id", "est", "laboris", "ut.", "aute", "laborum", "toe"]; var message = ""; var date = new Date(); var day = date.getDate(); var month = date.getMonth() + 1; var scrolled = false; var timeDelay = 200; // function to reveal message var cardReveal = function() { $("#message").text(message).show(); } //day=25; // uncomment to skip to 25 // Only work in December if(month === 12) { // Loop through each calendar window $("li").each( function( index ) { var adventwindow = index + 1; var item = $(this); // Open past windows if( day !== adventwindow && adventwindow < day ) { window.setTimeout(function(){ item.children(".door").addClass("open"); }, timeDelay); } // timeout offset for past window opening animation timeDelay += 100; // Add words so far to message variable if( adventwindow <= day ) { var word = words[index]; $(this).append('<div class="revealed">' + word + '</div>'); message = message + " " + word; } // Add jiggle animation to current day window if(adventwindow === day) { $(this).addClass("current"); $(this).addClass("jiggle"); } // On clicking a window, toggle it open/closed and // handle other things such as removing jiggle and 25th $(this).on("click", function() { if(adventwindow <= day) { $(this).children(".door").toggleClass("open"); } $(this).removeClass("jiggle"); // If 25th, can show the postcard with message if(day >= 25 && adventwindow === 25) { cardReveal(); // Animate scroll to postcard if not already done if(!scrolled) { $('html, body').animate({ scrollTop: $("#message").offset().top }, 2000); scrolled = true; } } }); }); // If beyond 25, show postcard if(day >= 26){ cardReveal(); } } }); The coding is in order from HTML --> CSS --> Javascript/jQuery Don't forget to link the CSS and JS files in your HTML code! And add the DOCTYPE at the top of the HTML code as well! Have fun!
×
  • Create New...

Important Information

We would like to place cookies on your device to help make this website better. The website cannot give you the best user experience without cookies. You can accept or decline our cookies. You may also adjust your cookie settings. Privacy Policy - Guidelines