yoshihisanishimuraのブックマーク - はてなブックマーク

[JS]最近よく見かける1ページ垂直スクロールコンテンツで、スクロール位置を自動補正するスクリプト -windows.js

スクロールしすぎも補正 windows.jsの使い方実装は簡単で、既存のコンテンツにclassを加えるだけで適用できます。 Step 1: HTML HTMLは各コンテンツを配置しているdivやsectionにclassを加えるだけです。 classは変更可です。 <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> Step 2: 外部ファイル「jquery.js」と当スクリプトをhead内に記述します。 <script src="http://cdnjs.cloudflare.com/aja

yoshihisanishimura 2013/03/08

リンク

1クリックでレトロかわいくできるPhotoshopのレイヤースタイル素材のまとめ

テキストに1クリックで、レトロ風のかわいいエフェクトを適用できるPhotoshopのレイヤースタイルをpsd-dude.comから無料で利用できるものを厳選して紹介します。 Retro Layer Styles for Photoshop

yoshihisanishimura 2013/02/01

リンク

最近のデザイントレンドを取り入れた美しいデザインのフォームのPSD素材のまとめ

最近のデザイントレンド、フラット、サークル、ミニマル、ブラーなどを取り入れ、ディテールにこだわった美しいデザインのフォームのPSD素材をPixelsDailyから紹介します。

yoshihisanishimura 2013/01/24

リンク

美しいラインを描くPhotoshopのチュートリアルのまとめ

背景やアクセントにぴったりな美しいラインを描くPhotoshopのチュートリアルを紹介します。壁紙素材：Energy flow background 以下、Photoshopのチュートリアルです。

yoshihisanishimura 2013/01/17

リンク

[JS]簡単で便利でしかもかっこいい！ソーシャルメディアのボタンを複数パターン同時に設置できるスクリプト -#50C1AL

ページ上のボタンやテキストなどにclassを追加するだけで、簡単にソーシャルメディアのボタンをかっこよく設置できるjQueryのプラグインを紹介します。 #50C1AL #50C1AL -GitHub #50C1ALの特徴 #50C1ALのデモ #50C1ALの使い方 #50C1ALの特徴主要なソーシャルディアを簡単にウェブページに設置できます。 46種類のかっこよくデザインされたアイコンを用意。ページへの設置は、classを書くだけ！同じページに複数の設定を設置可能。アニメーションやブラーなど多彩なオプション。 #50C1ALのデモデモでは、ページ内に2つの設定を配置しています。まずは、ボタンの方から。テキスト選択で表示 #50C1ALの使い方 Step 1:外部ファイルまずは、head内に外部スタイルシートを配置します。 <link rel="stylesheet" h

yoshihisanishimura 2013/01/15

リンク

これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce

Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。

yoshihisanishimura 2012/12/26

リンク

Adobeソフト激安！という広告が半信半疑だったけど、本当にPhotoshop CS6が安く買えたのでそのレポート

yoshihisanishimura 2012/12/21

リンク

HTML, CSS, jQueryから、Ruby, PHP, Java, Python, Git, 正規表現などウェブ制作・開発に役立つチートシートのまとめ -OverAPI

ウェブ制作・開発時に使用するさまざまな言語・サービスのチートシートをまとめた「OverAPI」を紹介します。 HTML, CSS, jQuery, JavaScriptなどのフロントエンドから、Ruby, PHP, Python, MySQL, Javaなどのバックエンド、正規表現、Gitなども揃っています。

yoshihisanishimura 2012/11/30

リンク

インターフェイスの作成に役立つ！ディテールへの愛を感じるUIデザイン用の無料のPSD素材のまとめ

ちょっとデザインの刺激が欲しい、最近デザインがマンネリで、、、といった時に他の人がつくったものを眺めることでインスピレーションがふつふつと沸いてきたりしませんか。ディテールにこだわり、しっかり作りこまれたUI用の最近リリースされたPSD素材を紹介します。眺めるだけでなく、使ってもよし、です。まずはページやエレメントの背景に使うテクスチャ素材から。

yoshihisanishimura 2012/10/23

リンク