Web Trends Lab.
参考にしたコード🙏 https://codepen.io/ReGGae/pen/bmyYEj 「Distortion Hover Effect」の仕組みがslide用に公開されているものと思われます。このコードは、マウスホイールを下に動かした際に、画像が縦にスライドする仕様になっているので、少しカスタムして作ります。 HTML <div class="wapper_img"> <div class="slider js-slider"> <div class="slider__inner js-slider__inner"></div> <div class="slide js-slide"></div> <div class="slide js-slide"></div> <div class="slide js-slide"></div> <nav class="slider__na
効率アップ！Photoshopのアクション＆ドロップレット作成で、大量のPSDファイルを一気にJPG保存！｜株式会社アクトゼロ｜クリエイティブブログ
効率アップ！Photoshopのアクション＆ドロップレット作成で、大量のPSDファイルを一気にJPG保存！ Tweet こんにちは、デザイナーの小林です。 夜が冷え込み、布団が気持ち良い季節になってきました。 僕は秋が一番好きな上、ついに、はやぶさ2の打ち上げ日（11月30日）も決定したのでこれからがいろいろと楽しみです！ さて今回は、Photoshopのアクションとドロップレットを作成して、複数のPSDファイルをJPG保存する方法をご紹介します。 ランディングページなどの一枚ものでは特に必要ないかもしれませんが、何枚もの画像が必要になるバナー、アプリ、コーポレートサイトなどのデザイン提出時には強力なツールになると思います。 アクションとは アクションとは、Photoshop での一連の作業を記憶しておいて、必要な時に再利用できるようにする機能です。 いくつもの作業をその都度メニューから選
Nikebetterworld Parallax Effect Demo
A couple of months ago, I created a jQuery Vertical Parallax Demo that manipulated CSS to make multiple backgrounds move at different speeds relative to the users movement of the scroll bar. This type of effect is slowly appearing across various websites on the web, achieved using many different techniques. Nikebetterworld took the idea to a new level. In today's tutorial, we're going to take the
バンクーバーのうぇぶ屋
高卒でバカなのに最高に楽しい僕の生き方と守りぬいてきたこと 199.7k件のビュー 自分のやりたい事を仕事にしてる僕らに見られる10個の特徴 125.3k件のビュー 今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 108.3k件のビュー 現代における留学が無意味だと思う5つの理由と、目標とすべき5つのこと 83.4k件のビュー 『海外に住めば英語は出来るように成る』は本当か？５年間カナダに居座った僕が体感したTOEICとかの意味 81.9k件のビュー 英作文に時間をかけるな！英語圏のWEB制作現場でよく使われる英語表現テンプレート集！【メール編】 60.3k件のビュー 超かっこいいタイポグラフィを駆使した映像の数々！息をのむ程魅入った映像総まとめ 47.9k件のビュー チーム間のコミュニケーションを円滑にしたい時に試してみるべきツールやWEBサービス色々 46.
photoshop備忘録：何度でもかけ直し可能なフィルタ『スマートフィルタ』について
まだまだ知らないことって多いもので、ネットで配布されているpsd素材を勉強がてら解体していたところ 初めて「スマートフィルタ」なるものに遭遇しました。 CS3以降の機能なのかな、まったく知らなかったので使い方など調べてみましたのでまとめます。 スマートフィルタとは 後から数値を調整できるフィルタのこと。 「ぼかし」「ノイズを加える」などなど これまでフィルタというものは後からの調整は出来ないのが通常でしたよね。 しかしスマートフィルタを使えば直したいと思った時に再びフィルタメニューを開くことができるので 仕上がりが気に入らなければ後から何度でも修正が可能になります。 何だこれディ・モールト便利じゃあないか・・！ スマートフィルタの使い方 それでは簡単に使い方を書いていきたいと思います。 photoshopでのデザイン中、いつもならオブジェクトに直接フィルタを使用するところを、 スマートフィ
iFrameによるFacebookページ作成法と6つのポイント｜Webpark
先日はじめたばかりなのにFacebookについて語るのも偉そうかもしれませんが、せっかくiFrame形式のページを設置したので、その作成方法や個人的に悩んだところをまとめてみます。 今回はiFrameを使ってFacebookページを自由にカスタマイズする方法を紹介します。Facebookページ自体はログインした状態で「Facebookページを作成」にアクセスすると作成することができます。 今まではFBMLというFacebook独自の言語を使っていたのですが、現在はiFrame（インラインフレーム）に移行されています。ということで、上の赤い部分に、自分で用意したサーバーのページを表示するということになります。 移行の理由はよく知りませんが、iFrameだとユーザーがサーバーを用意しないといけないので、やはりサーバーの負担を考えてなのでしょうか。 個人的にインラインフレームはあまり好きではない
Creative CSS3 Animation Menus | Codrops
Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We’ll be exploring some different effects for the elements. Being in the mood for experimenting with CSS3
Ginpen.com | Powered by JavaScript and JapaneseSushi
JavaScript and Web by Ginpei
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scott Robbin
新着記事