Advertisement

CSS

  • Blog
    How We’re Using Modules to Organize Our Front-End CodeBem modular
    299 shares
    Ever wondered how a large site like Tuts+ keeps its CSS, HTML and JavaScript in order over continued development and iteration? I’m going to show you the process we’ve implemented to keep it all tidy and maintainable.Read More…
  • Intel XDK
    Getting Started with Intel XDKPreview image@2x
    199 shares
    Mobile development with web technologies is nothing new. Thanks to tools like PhoneGap and Appcelerator Titanium, web developers can create hybrid apps that have access to the device's hardware. A new solution for HTML5/CSS/JavaScript development is Intel's XDK. In this article, I'll tell you why it's worth giving it a try.Read More…
  • CSS
    7 CSS Units You Might Not Know AboutRuler
    1279 shares
    Today, I'm going to introduce you to some CSS tools you might not have known about before. These tools are each units of measurement, like pixels or ems, but it’s quite possible that you’ve never heard of them! Let’s dive in.Read More…
  • WordPress
    Building a Social Profile Widget to Display Your Follower CountBuilding a social profile widget feature
    258 shares
    In this final part of the series, we will develop a social profile widget that links to a Facebook page, and to Twitter, and Google+ profiles. The widget will also display the count of Facebook page likes as well as Twitter and Google+ followers count.Read More…
  • WordPress
    Creating Maintainable WordPress Meta Boxes: Finish The Front-EndMaintainable meta boxes 1
    172 shares
    In this article, we're going to continue with introducing the rest of the user interface, and then we're going to move onto actually writing code responsible for verifying the user input and associating it with the given post.Read More…
  • Front-End
    Building a Website With Progressive EnhancementHtml
    380 shares
    When building a website, you have a few ways to approach doing so. You can start by creating the most advanced version of the site with all of the scripts, styles, and so on, and then have it render in older browsers via graceful degradation, you may opt to ignore older browsers, or you can start with a basic page and add scripts and styles such that it becomes more functional via progressive enhancement. In this series, we're going to take a look at the latter.Read More…
  • WordPress
    Creating Maintainable WordPress Meta Boxes: The Front-EndMaintainable meta boxes 1
    254 shares
    This article will continue building on what we've done thus far. We're going to be introducing content in each of the tabs, implementing functionality that allows us to toggle the content, and we'll begin introducing the fields for content on the first tab.Read More…
  • Front-End
    The Theory Behind Progressive EnhancementHtml
    180 shares
    When building a website, you have a few ways to go about doing it. You can start by creating the most advanced version of the site with all of the scripts, styles, and so on, and then have it render in older browsers via graceful degradation, you may opt to ignore older browsers, or you can start with a basic page and add scripts and styles such that it becomes more functional via progressive enhancement. In this series, we're going to take a look at the latter.Read More…
  • Laravel
    AngularJS and Laravel: Finishing Building a CRMCustomer management app
    33 shares
    In this part of the tutorial, we will build the front-end of our application using AngularJS. Angular is a really unique framework. Instead of abstracting the HTML or providing some way of DOM manipulation they extended the HTML to deal with the fact that it was surely not designed to work with dynamic data. Read More…
  • CSS
    How to Give Your Logo the “Slip Scroll” EffectPreview
    308 shares
    In today's tutorial we're going to use JavaScript to create a simple, flexible, parallax effect where a logo seemingly changes colors with the background it's on when the user scrolls.Read More…
  • WordPress
    A WordPress Development Process Using Sass and CompassSass
    396 shares
    In this article, we're going to take a look at how to use Sass and Compass in our WordPress theme development process. We will structure our theme stylesheets in SMACSS fashion and will leverage the power of Compass to generate image sprites for both retina and non-retina devices. Note that this article is not an introduction to Sass; however, if you are a beginner, still feel free to follow along.Read More…
  • WordPress
    Saving Images with the WordPress Media UploaderWordpress media uploader
    232 shares
    In this series, we're taking a look at how to implement the WordPress Media Uploader in an actual plugin. The idea behind this series and its associated code is to give a clear understanding of how it works, how we can use it in the future, and how we can incorporate it into our work. In this article, we're going to pick up where we left off and finish implementing the rest of this plugin. Note that I'm assuming you've read the previous two posts and understand the source code that we've covered thus far.Read More…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement