Shineyrock
web design & consultancy
Shineyrock
Gezocht op: "e" / 1399 gevonden
How to Create Presentation Slides With HTML and CSS
…er-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} As I sifted through the various pieces of software that are designed for creating presentation slides, it occurred to me: why learn yet another program, when I can instead use the tools that I'm already familiar with? We can easily create beautiful and interactive presentations…
16 Terminal Commands That Will Boost Your Productivity
…er-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} One of the most useful tools a web developer has is the command line. If you're reading this post, you're probably no stranger to the terminal. But you may not know all the special commands and utilities you can use to boost your productivity. Getting…
Working With LESS and the Chrome DevTools
…ete tutorial to using LESS with Chrome’s DevTools. If you’ve already used Sass with Chrome’s DevTools, you’ll most likely already be familiar with the concepts introduced here.The Tl;drLESS has very recently added support for Source Maps, so this is new and exciting!DevTools mapping means you can view LESS styles for…
Validation and Exception Handling: From the UI to the Backend
…er or later in your programming career you will be faced with the dilemma of validation and exception handling. This was the case with me and my team also. A couple or so years ago we reached a point when we had to take architectural actions to accommodate all the…
Creating Brackets Extensions
…e while ago I wrote about the recent updates to the Brackets editor. Brackets is an open source project focused on web standards and built with web technologies. It has a narrow focus and therefore may not have a particular feature you’ve come to depend upon. Luckily, Brackets ships with…
JavaScript Tools of the Trade: JSBin
…e’ve all been there. There are times when you simply want to throw some JavaScript code up and see how it works. Sure, you could go through the hassle of:Setting up a dedicated directoryCreate a file with markupFinding the latest version of your favorite libraries, downloading them and including them…
Refactoring Legacy Code: Part 3 - Complex Conditionals
…e. Ugly code. Complicated code. Spaghetti code. Gibberish nonsense. In two words, Legacy Code. This is a series that will help you work and deal with it. I like to think about code just as I think about prose. Long, nested, composed sentences with exotic words are hard to understand.…
Gulp as a Development Web Server
…e task runner Gulp.js is getting more and more popular lately. It can be used for many things, like concatenating JavaScript files or minifying images. If you are new to Gulp.js, I recommend you to start off with Managing Your Build Tasks With Gulp.js. In this tutorial, you will learn how…
Refactoring Legacy Code: Part 5 - Game’s Testable Methods
…e. Ugly code. Complicated code. Spaghetti code. Gibberish nonsense. In two words, Legacy Code. This is a series that will help you work and deal with it. In our previous tutorial, we tested our Runner functions. In this lesson, it is time to continue where we left off by testing…
Migrating From 960 Grid System to ZURB Foundation
…eat! When the majority of the visitors to your site used desktops with monitors at least as wide as 1024 pixels, 960gs made it dead simple to design a site in code. However, with the advent of device proliferation and media query prevalence, fixed width sites are decidedly less effective…