Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
IE6用透過png対応策、DD_belatedPNGの使用法と注意点
以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’s bl
网信彩票-安全购彩
网信彩票（www.ma-creators.com）是【购彩中心-以小博大】最知名的游戏平台网站，购彩中心极力为您提供注册、开户、登录、app下载、计划、走势图、开奖直播、网上代理等服务！
hover時の背景画像ちらつきに対処する - Archiva
Make a note of it: Web tech, montaineering, and so on. ナビゲーション等で画像を切り替えたい場合、CSSを用いて a:hover の背景画像をずらしたり消したりして実現する方法が良く取られます。この時、Internet Exploler 6 において背景画像のちらつき（砂時計のアイコン表示）や動作の遅延が発生する（ローカルでは確認しにくいので、注意）。サンプルは以下。 »IE6 background flickr この問題はIE6固有の問題であり、他のモダンブラウザやIE5等では発現しない。背景画像のキャッシュに関わる問題。hover時のbackgroundに変更を加えると再読込が起こるようです。したがって転送速度やファイルサイズによって程度が変わる。ブラウザの設定によっても回避できるみたいですが、Web屋としてそこはスルーしたい。解決
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Ascendum | Award-Winning Digital Solutions
Every day, we help clients achieve their goals through digital innovations and optimizing business processes.Every day, we help our clients achieve their goals through digital innovations and by optimizing business processes.Every day, we help our clients achieve their goals through digital innovations and by optimizing business processes.Develop Beyond Ascendum is a global technology company, hea
The Typekit Blog | Time for a change: Typekit has become Adobe Fonts
Today we’re changing our name from Typekit to Adobe Fonts, with the goal of incorporating our service more fully into Creative Cloud and reaching the broader Adobe audience in new ways. That means we’ll be posting over on the Adobe blog network from here on out. For news and updates (and the full story about what’s changing today), please visit the Typography channel. While it won’t see any more u
透過PNGの罠の解決法
透過PNGの罠の解決法 AUSGANG SOFTさんが透過PNGの罠としてAlphaImageLoaderフィルターの問題点を指摘されています。 ブロックレベル要素に対してAlphaImageLoaderフィルターを使用した場合、内包するa要素のハイパーリンクが押せなくなるようです。 目から鱗ですね。 そんな問題点があるのは全く知らなかったです。 解決方法をいろいろ模索してみたのですが、AlphaImageLoaderフィルターを指定している要素内のa要素のposition属性にrelativeを指定すれば解決できます。 ボクが配布しているalphafilter.jsはハイパーリンクに対応済みなのでぜひ使ってみてください。 ついでにimg要素のalign属性にも対応しておきました。 ライセンスもMITライセンスに変更しました。 関連エントリー アルファ画像を扱うalphafilter.js
ローディング作成☆
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
Because I am special
Ok, I need some help today. I heard the word "disinvestment" and frankly it makes me want to scream. I looked it up and it is in the dictionary and it is a real word. I understand that it is a word, but I am thinking that "divestiture" is a better word that a whole hell of a lot of people use more frequently. So I need to figure out the history of disinvestment. Was it created out of (poor) usage?
コードを書く全ての人に - builder by ZDNet Japan
PHP技術者認定機構、ウェブセキュリティ試験を導入--サイバー攻撃の激化を受け ウェブサイトを狙うサイバー攻撃の脅威が高まっていることから、PHP技術者認定機構は開発者やユーサーを対象にウェブセキュリティ試験を導入する。 2018-12-12 11:25:00 「etcd」がCloud Native Computing Foundationのインキュベーティングプロジェクトに Kubernetesクラスタの情報を保持する分散KVSプロジェクトのetcdが、Cloud Native Coputing Foundation（CNCF）にインキュベーティングプロジェクトとして加わった。 2018-12-12 11:07:00
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
Lightboxスクリプトいろいろ - DesignWalker
MIX Online
うどん県ウェブディレクター日記｜WordPress, iPhone, Mac とウェブ制作に関するブログ。たまに香川県高松市のローカル情報も発信してます。
Code Courses and Tutorials | Envato Tuts+
SitePoint – Learn HTML, CSS, JavaScript, PHP, UX & Responsive Design
コリス
