Advertisement

HTML

  • Web Development
    jQuery Succinctly: HTML Forms & jQueryJquery cover
    1 shares
    Disable/Enable Form Elements Using jQuery, you can easily disable form elements by setting the disabled attribute value of a form element to disabled. To do this, we simply select an input, and then using the attr() method, we set the disabled attribute of the input to a value of disabled.Read More…
  • General
    Contracts: The Practical Side of SemanticsContracts
    22 shares
    We all recognize that we should be writing semantic code. Maybe, you're even using <section> or <em> correctly, and feel pretty good about yourself. But, are you also considering the implied contract that exists when you code?Read More…
  • HTML & CSS
    Build a Twitter Clone From Scratch: The DesignPreview
    44 shares
    This article represents the first in a new group effort by the Nettuts+ staff, which covers the process of designing and building a web app from scratch - in multiple languages! We'll use a fictional Twitter-clone, called Ribbit, as the basis for this series. In this tutorial, we need to focus on the UI. We'll leverage the popular LESS Preprocessor to make our CSS as manageable as possible.Read More…
  • HTML & CSS
    Responsive Grids With SusySuzy
    5 shares
    Are you happy with with any of the CSS grid libraries available? No? I don't blame you. Enter Susy, a plugin for the Compass CSS framework that lets you create your own custom grid framework, minimizing overhead, while making it more understandable to use. Sounds good, right? Let's jump right in. Read More…
  • News
    Lessons Learned from Building Shopify ThemesShopify logo
    15 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
    257 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
    6 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
    91 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
    131 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
    45 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
    16 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
    6 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…
Advertisement
Advertisement