サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ブラックフライデー
jonathannicol.com
Here is a handy CSS centering technique I first noticed in the WordPress media library, where it is used to centre and crop irregularly sized thumbnails within a square container. The technique uses CSS3 transforms, so it works in all modern browsers, including IE9 and above. <div class="thumbnail"> <img src="landscape-img.jpg" alt="Image" /> </div> <div class="thumbnail"> <img src="portrait-img.j
Automated git deployments from Bitbucket Important: Bitbucket have changed how webhooks function, and the technique described in this post will no longer work without modification. One of my readers has created an updated version, and I recommend trying that instead. I no longer use this deployment method and won’t be updating my tutorial or answering comments, but I have left the comment section
A jQuery plugin boilerplate I created this boilerplate for a jQuery plugin I’m working on, and you can use it to kick start your own jQuery plugin development. The features of my boilerplate are: Plugin can be customised using options Setters/Getters for options Private and public methods Callback hooks Plugin instances can be destroyed The boilerplate Here is the bare bones, uncommented boilerpla
Configuring VirtualHosts in XAMPP on Mac A few weeks back I rejoined the “Cult of Mac” when I replaced my old Asus notebook with a MacBook Pro, and since then I’ve been busy settling into my new OS X workflow. I do all my development locally, so one of the first applications I installed was XAMPP, a cross platform Apache/MySQL/PHP stack. While I know that MAMP is very popular on Mac, I have been u
Build a parallax scrolling website interface with jQuery and CSS Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling demo built using jQuery and CSS. Parallax what? Even if you’re not familiar with the term “parallax scrolling” you will certainly be familiar with the technique. Par
The first clearly recorded instance of a balloon carrying passengers used hot air to generate buoyancy and was built by the brothers Joseph-Michel and Jacques-Etienne Montgolfier in Annonay, France. After experimenting with unmanned balloons and flights with animals, the first tethered balloon flight with humans on board took place on October 15, 1783. André-Jacques Garnerin carried out the first
Responsive elements that retain their aspect ratio Here is a quick tip for creating responsive elements that retain their aspect ratio as they scale. The problem In a fixed width layout it is simple to specify both the width and the height of an element: .rect { width: 800px; height: 400px; } When creating a responsive layout things get trickier, since (to the best of my knowledge) it isn’t possib
The visual design of Web 2.0 If you didn’t blink, you may have noticed that for a few days recently Wikipedia’s entry for Web 2.0 included a subsection describing the visual elements of Web 2.0. Gradients, colorful icons, reflections, dropshadows, and large text all got a mention. A few days later the “visual elements” addition had been removed after a vote by wikipedians. The objection, I suppose
このページを最初にブックマークしてみませんか?
『Jonathan Nicol』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く