Advertisement

HTML

  • Jade
    Baking Bootstrap Snippets with JadeJ
    76 shares
    In this tutorial we’re going to use Jade to generate some of the most prominent components of the Bootstrap framework.Read More…
  • HTML
    Undress to Impress; Check Your Websites Without CSSClothes
    158 shares
    HTML is at the core of the web. Sometimes, in the pursuit to make things look beautiful using CSS, we forget that. If you’ve ever used Sass (or a CSS compiler in general) , you’ve probably seen your site’s styles break due to a compile error. But before you rush to fix the error you just introduced, take this as an opportunity to analyze and enhance the core of your site: the HTML.Read More…
  • Jade
    New Course: Top-Speed HTML Development With JadeJade
    78 shares
    If you’re not using Jade, you’re missing out on some of the fastest HTML you’ll ever write, as well as boilerplate templating methods that will slash your development time in half. In our new course, you’ll learn how to generate full HTML from quick and easy shorthand, and create infinitely reusable templates so you never again have to write the same code twice.Read More…
  • Jeet
    New Course: Building Easy Responsive Layouts With JeetJeet
    70 shares
    Ready to create clean, beautiful websites using a grid system favoured by some of the world’s biggest sites? In our new course, Cory Simmons, the creator and maintainer of Jeet, will show you how powerful and easy-to-use Jeet can be.Read More…
  • uilang
    Quick Tip: UI Interactions in Plain Language With uilangUilang
    88 shares
    uilang is a new, simple JavaScript-based language created by Benjamin De Cock, and it allows web designers to create UI click interactions using a set of rules taken straight from the English language.Read More…
  • Semantic UI
    New Course: Getting Started With Semantic UISemantic
    56 shares
    Semantic UI is a well-crafted front-end framework with professional features and a robust API. Our new course will guide you from start to finish through the process of building a four-page website with a wide range of user interface (UI) elements, using Semantic UI. By the end of the course, you’ll be well acquainted with all the features and benefits of Semantic UI.Read More…
  • HTML5
    Introducing the HTML5 “Menu” and “Menuitem” ElementsMenu
    968 shares
    Today I’m going to introduce you to two elements: and , part of the Interactive Elements specification. The web has evolved into something more than just linked documents; pages behave increasingly these days like apps. As such, it’s an appropriate time to form standard web interactivity features.Read More…
  • News
    New Course: Building Your Own Pattern Library for the WebPatternlibrary
    69 shares
    Have you ever heard about patterns in web design? In our latest Web Design course, Adi Purdila will teach you what they are, how to build your own pattern library and how to properly maintain it.Read More…
  • HTML5
    Explaining the “Details” and “Summary” ElementsDetails
    218 shares
    Lots of JavaScript libraries are developed to give us additional interactive widgets on websites. Equally, HTML5 has also interpreted a number of popular interactive components, making them into native web features. In this post, we are going to look into one such element called
    (and in doing so the element) which gives us an interactive widget similar to an accordion.Read More…
  • Case Study
    How They Did It: StarWars.comSw
    186 shares
    If you haven't watched Star Wars yet, as soon as you finish this article, go watch it. All of it. (Make sure you come back and let us know if you prefer IV-VI, or I-III.)Read More…
  • HTML
    Quick Tip: Consider Wrapping Your Code With a “figure” ElementPreview figure
    143 shares
    The "figure" tag was introduced with HTML5 quite some time ago, though you may still be unfamiliar with what it does, or how it can be used in lots of different situations. In this tutorial, you'll learn the difference between "figure" and other comparable tags, and how you can begin using it to enhance the way you group items in your markup.Read More…
  • JavaScript
    Recreating the Touch Ripple Effect as Seen on Google DesignGoogle thumb
    525 shares
    Google's new design efforts are vast and justify a significant amount of conversation. But instead of talking about the theory of "Material Design" and the implications of Google's newest efforts, we're going to focus on an interesting technique Google has employed on their Design landing page.Read More…
Advertisement
Advertisement