Advertisement

HTML

  • News
    Lessons Learned from Building Shopify ThemesShopify logo
    17 shares
    I first used Shopify not long after it launched in 2006. I loved that it was a simple to use and competitively priced hosted e-commerce platform. But above all, its theming feature is what I liked most. Let's look at a few simple techniques that give you control over your Shopify themes and deliver an even more crafted experience to your clients.Read More…
  • Front-End
    A Simple Parallax Scrolling TechniquePreview
    273 shares
    Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the illusion of 3D depth. As I planned to re-design my personal website, my first goal was to write the shortest and simplest code to achieve maximum awesomeness! I'll show you how I did it. Read More…
  • Web Development
    Using OpenLayers with GeoNames WebServicesPreview
    15 shares
    In this tutorial, I'll show you how to use OpenLayers, a simple to use open source JavaScript library to load, display, and render maps, with the GeoNames.org WFS to display markers on your map, just like you see on Google Maps. All it takes is some HTML, CSS, and JavaScript - that's it!Read More…
  • HTML & CSS
    An Introduction to the CSS Flexbox ModuleCss flexbox preview
    120 shares
    CSS, despite its relatively low perceived skill ceiling, always seems to have a killer feature up its sleeve. Remember how media queries made responsive layouts possible and revolutionized front-end development? Well, today, we're going to talk about a new layout mode, called flexbox - new in CSS3. I'm sure you're raring to go! Let's get started after the jump.Read More…
  • Web Development
    Building Web Applications from Scratch with LaravelMain image
    155 shares
    In this Nettuts+ mini-series, we'll build a web application from scratch, while diving into a great new PHP framework that's rapidly picking up steam, called Laravel — a simple and elegant PHP 5.3 framework. First up, we'll learn more about Laravel, and why it's such a great choice for your next PHP-based web application.Read More…
  • Tools & Tips
    Markdown: The Ins and OutsPreview
    55 shares
    Markdown is a shockingly simple markup language that allows you to write, using an easy-to-read, easy-to-write, plain text format. This format can then, in seconds, be converted into another markup language, such as HTML! If you're not familiar with it, let me teach you about it today!Read More…
  • Web Development
    Diving into CanJSCanjs
    29 shares
    If you haven't heard, there's a new kid in town: CanJS. What better way to dive into what this new framework offers than to build a contacts manager application? When you're done with this three-part series, you'll have all the tools you need to build your own JavaScript applications!Read More…
  • Web Development
    Create an Animated 3D Bar Chart/GraphPreview
    17 shares
    The Truematter team was recently tasked with creating a fun, sexy web app that presents numerical data in an engaging way. After putting our heads together, we came up with a bar chart that responds interactively to user input without, heaven forbid, reloading any pages. We’re very pleased to be able to share that with the coding community. There are some CSS tricks involved, a dose of jQuery, and some graphic magic, but when we’re done with this tutorial, we’ll have a beautifully interactive chart that you can customize to your heart’s content.Read More…
  • Creative Coding
    How to Add Social Media Icons to Your Sidebar, Without Using a PluginDescription tutorial thumbnail 200x200
    18 shares
    Social media should be a critical part of your website in that you can share your website articles with your followers and interact with them through your social media channels. You should consider putting social media icons on your website so visitors can learn more about you and follow, like or friend you on these social media outlets. It is simple to add social media icons with a plugin. But this tutorial will show you how to add social media icons the customized way. Adding these icons in this way is critical if you are creating your own icons for your website. Plus, customizing your website without using a plugin is a satisfying experience!Read More…
  • Web Development
    Sublime Text 2 Tips and Tricks (Updated)200u
    755 shares
    Sublime Text 2 is one of the fastest and most incredible code editors to be released in a long time! With a community and plugin ecosystem as passionate as this one, it just might be impossible for any other editor to catch up. I'll show you my favorite tips and tricks today. Read More…
  • HTML & CSS
    How to Inject Custom HTML and CSS into an iframeIframe
    87 shares
    Ever been to a site like JSBin, where you can write HTML, CSS, and JavaScript, and then see the results in a panel to the right? An iframe is how we can accomplish this task. In today's quick tip, I'll show you how to inject HTML and CSS into an iframe. Read More…
  • HTML & CSS
    Quick Tip: The Awesome Details ElementHtml5 details tag
    57 shares
    One of my favorite new HTML5 tags, which has only recently been integrated into Chrome (as of version 12), is the details element. I'll show you to use it in today's quick tip. Read More…
Advertisement
Advertisement