twitter facebook hatena google pocket スクロールした際になんらかのエフェクトがあると注目を浴びさせることができると思います。 jQueryプラグインのcrossfade.jsを利用すると画像をぼかして、印象的にすることが可能です。 sponsors 使用方法 crossfade.jsからファイルをダウンロード。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="crossfade.jquery.js"></script> <script> $(function(){ $('.crossfade').crossfade(); }); </script> 上記を記述した
次のプロジェクトでちょっと使ってみたくなる実用的なものから実験的なものまで、CodePenで多くのユーザーをうならせたスタイルシートのテクニックを紹介します。 まずはアニメーションが楽しいデモから。 ※上から10個くらいはアニメーションgifです。
TOP > Design > しわの質感を生かしたテクスチャまとめ「40 Useful Tissue Texture For Your Wrinkled Looking Designs」 デザイン制作を手がける際に利用されるテクスチャ素材には非常にたくさんの種類が存在しており、欲しいデザインに合わせて使い分けたり、組み合わせたりすることが多いもの。今回はそんなテクスチャの中で、しわの質感を生かした「40 Useful Tissue Texture For Your Wrinkled Looking Designs」を紹介したいと思います。 (Ickledinkstock texture 62 by ickledinkstock on deviantART) 自然にできたもの、意図的に作られたものなど、非常に多彩な種類のしわテクスチャが集められています。 詳しくは以下 Tissue
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
作成:2013/12/2 更新:2014/11/01 無料素材 > 画像補正するときに、どうすれば良かったのか思い出せない。またあの方法を探し出さないといけない。そんなこんなで、Photoshopの便利な小技や、写真に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 画像補正 1.覚えておくと便利な小技 知っておきたい基本知識 2.被写界深度(ひしゃかいしんど) 3.バンディング(トーンジャンプ) 4.白とび・黒つぶれ 5.ジャンプ率 6.視覚度 7.角版/切り抜き版の使い方 8.画像フォーマット 使い方 9.基本的な機能の使い方 画像補正 1.覚えておくと便利な小技 写真をPhotoshopで補正するときに役に立ちそうな小技をまとめました。異色なものもありますが、筆者が良くアクセスしてしまうもの一覧です。 ゴミを発見する/微細なロー
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、実験的に1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめてみました。 好評であれば、来月以降も続けたいと思っています。 スマートフォン関係 iPhoneのシェア5割超え、Androidの不振続く――IDC調査 私は、世界規模で見ればスマートフォンのシェアは今後も Android が伸び続け、iOS は次点になると思っています。 しかし、日本は例外なのかもしれません。 その理由としては、 SoftBank をはじめ、日本では Android 端末より iPhone の方が安く手に入りやすいこと 日本人はブランド信仰が強いこと 「ドコモから iPhone が出るのを待ってた」という方が今でも多いこと 国産の Android 端末の出来が悪かったこと(ガラケーに回帰
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く