【商品コード:】
![│アイリスプラザ│アイリスオーヤマ公式通販サイト](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb926b2adb7de82e904912e96b609eb309bfa7ca/height=288;version=1;width=512/https%3A%2F%2Fwww.irisplaza.co.jp%2FIMAGE%2FHK%2FPRODUCT%2F1913491.jpg)
デザインの幅を広げるにあたって、新たな素材が効果的に働いたり、アイデアをもたらしてくれることもあるもの。現在Web上にたくさんのフリーテクスチャが公開されていますが、今回は荒廃的な雰囲気を演出できる擦れた壁面のテクスチャをまとめた「7 fresh subtle grunge textures」を紹介したいと思います。 Free High Resolution Textures – Lost and Taken – 7 Fresh Subtle Grunge Textures 油やインクの飛び散りによる汚れや、素材感がまばらなコンクリート、ブリキの様な金属板など、独自のグランジ感が特徴的な壁面の7枚セットになっています。 詳しくは以下 4500x3000pxの高解像度なので、、広いスペースの背景に利用できたり、写真や文字に重ねることによって擦れや汚れ、経年劣化を簡単に表現することができます。
wChar :: jQuery Character Counter Plugin フィールドへの適切な入力文字数を分かりやすく教えてくれるjQueryプラグイン「wChar」 基本的にフォームは入力値制限がありますが、入力中に、あと何文字必要、あと何文字入力可能、というのを教えてくれます メッセージが簡素なので分かりやすいというのが特徴。その場で何文字以下、何文字以上まで、なんて表示してあげるより断然分かりやすいです 関連エントリ マークアップにValidateルールを定義してフォームバリデーションできるjQueryプラグイン「Ketchup」 画像をクリックで選択してフォーム送信できるようにするjQueryプラグイン「Image Picker」
シンプルな実装で、ウェブページに奥行きを与えるパララックスを実装するjQuery/Zeptoの軽量プラグインを紹介します。 スマフォやタブレットの傾きに対応しているだけでなく、摩擦係数なども設定できるので、一味違った面白いことができそうですね。 Parallax.js Parallax.js -GitHub Parallax.jsのデモ Parallax.jsの使い方 Parallax.jsのデモ パララックスは複数の画像を異なるタイミングで動かして視差効果を生み出すもので、デモは奥行きの表現がすごいので少し酔うかもしれないのでご注意ください。 iPadだと傾けるだけで、ゆらゆらと Parallax.jsの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script src="js/jquery.min.js"></script>
Web ComponentsベースのUIライブラリ「Brick」をMozillaが公開 白石 俊平(HTML5 Experts.jp編集長) Web開発のあり方を大きく変えると期待されている、Web Components仕様に準拠した新たなUIコンポーネントライブラリをMozillaが開発していることが明らかになりました(今回のネタ元になった記事はこちら)。 その名もBrickです。 Brickは、Brickは、X-Tagというフレームワークの上で構築されています。 X-Tagは、Web Components仕様に準拠したカスタムコンポーネントを容易に作ることができるようにするフレームワークです。 また、X-TagはPolymerというライブラリが提供するPolyfillを使用しており、IE9を含むモダンブラウザ上でWeb Componentsを利用可能にします。 そもそもWeb Comp
「あなたにピッタリの情報をちょうどいいタイミングでお知らせする」―――そんな未来の世界のような出来事が、いまのスマホでは実現している。それが「Google Now」だ。 Google Nowは、Android 4.1以上のスマホやタブレット、iOS 5.0以上のiPhone/iPadに対応するサービスである。利用できる機能はOSにより異なるので、各OSで利用できる機能を見ていこう。 Androidならホーム画面上にも情報を表示可能 Google Nowを利用するには、まず設定を行う必要がある。ホーム画面上のGoogle検索窓をタップし、メニュー→「設定」→「Google Now」をオンにする。オンにしてからトップ画面に戻り、「使ってみる」を選ぶとGoogle Nowが起動する。iPhoneの場合の設定方法などについては後述する。
以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 なんでも作者の方はGoogle先生のソースコードを調査し、あのヌルヌル動くスライド部分のアニメーションがJSではなく実はCSS3のtranslateで行われていることを突き止めたんだとか。 CSS – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきや
こんにちは。デザイナーの白浜です。 今回はPhotoshopでギザギザしたアイテムを作る方法をご紹介します。 ジグザグラインの作り方 まずはジグザグミシンで縫ったようなジグザグラインの作り方です。 ラインツールや長方形ツールで細長い線をひきます。 次に「フィルタ」→「変形」→「波形」ツールを使います。 ※この時パスはラスタタイズ化されてしまうので注意。 波型のオプションを上記のように設定します。ポイントは波数を1にすることと、三角波にチェックを入れること。これで均等で角がとがったジグザグになります。 上の設定でできたジグザグはこんな感じです。 このツールの困った点は、ご覧のとおりプレビュー画面に拡大機能がないのでプレビューが意味をなしていないことです。(CS6使用。CCだとどうにかなってたりするかな?) 白色だとよりわかりづらいですね。 一部を新規レイヤーにコピーして、線だけにしてからフィ
連絡先に「hogeあっとgmail.com」のように書くのは止めたが良いと思う利用。 2013 8/27 ブログなどで管理人への連絡先として、 プロフィールの箇所にメールアドレスを載せてる人もいます。 しかし、メールアドレスをそのままの形で載せると スパム業者のメアド収集ロボットに盗まれてしまう可能性があります。 そこで対策の一貫として 「addressあっとgmail.com」のように@の部分をあっとに変えて載せるという方法があります。 ロボットから見るとメールアドレスではない文字列に見せる工夫ということですね。 ですが、この対策法ってどうなんでしょうか? 検索結果の対象になってしまう「あっとgmail.com」方法 仮に僕がスパム業者になったとしたら、この形式で載せてるアドレスはすぐに分かってしまいます。 難しいことは何もありません。 例えばgoogle検索で↓のように検索したら結果の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く