デザイナーが確認しておきたい、デザインリソース完全ガイド 2015年度
海外デザインブログCanva Design School Blogで公開された「Design Resources」より許可をもらい、まとめて日本語抄訳しています。 デザインにいつでも使える、最強のオンライン素材リストをお探しですか。 私のようにパターン素材を探したり、かっこいいフォントやクールな配色を探すのに時間を取られているひとにとって、デザインに必要なリソースや、参考文献などをまとめて確認できるページを、ブックマークしておくと良いかもしれません。 今回ご紹介するリストは、そういう人たちのためにまとめています。フリー素材を見つけることができるサイトから、デザインに関するポッドキャストや、イメージ用インスピレーション、YouTubeビデオ動画などにも対応しており、オンラインで見つけることができるベストの素材を集めています。 詳細は以下から。 01. 配色カラー・インスピレーション 完璧な配
[jQuery] プラグインを使わずに横からスライドインするメニューを簡単に作る
Modified 2015-10-17 更新情報 メニュースライドイン時スクロールできるサンプルを追記しました。コメント欄での返答で誤りがあった箇所を削除しました。 コンテンツ 部分をクリックしても閉じることができるようにするコードを追記しました。 スマートフォンやレスポンシブサイトなどでよく見かける、メニューボタンをクリックするとコンテンツを押し出してメニューがスライドインしてくる動きを jQuery と CSS で作る方法です。やってみると意外と簡単なコードで作ることができます。 サンプルデモとダウンロード ◆ 横からスライドインするメニュー demo｜memocarilog このサンプルコードは以下よりダウンロードできます。 ◆ SaoriMiyazaki/SlideIn_Menu HTMLコード スライドインしてくるメニューとメニューボタンの記述をします。 <!-- スライドメニュ
![[jQuery] プラグインを使わずに横からスライドインするメニューを簡単に作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/90e0d5fd2040a360e7449fe29a2efc39e3dd577c/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2014%2F11%2FjQueryicon.png)
THE ORTHODOX WORKS | Graphic and Web Designer NAGANO JAPAN
2017.06.05 Mon SVGでハンドライティングアニメーションを実装する 文字を書き順通りに徐々にアニメーションさせて描画する「ハンドライティングアニメーション」をSVGで実装する方法。 以前に AfterEffects で同じようなことをやっていて、それのSVGバージョン。AfterEffe… 2017.04.04 Tue CSSアニメーション(transition)で起こるバブリングの原因と対策 正確には「バブリング」とは呼ばないと思うし、ちょっと意味合いが違うかもしれないけど、CSSで子要素に与えたtransitionが親要素へ伝播し、アニメーションの挙動をおかしくさせる現象に何度か遭遇した。 もしかすると、C… 2017.03.15 Wed WordBench 長野 vol.7 で Webデザイナーが VCCW を使ってみた話をしてきました #wbnagano 2017年3
jQueryで横から出てくるスライドメニューを実装する方法｜Gimmick log
公開日：2015.11.20 更新日：2020.05.18 jQuery, ナビゲーション jQueryのクリックやマウスオーバーで、コンテンツをスライドさせて表示する方法です。 ちょっとしたtipsを表示させる場合なんかにも、動きがついてかわいいかもですね。 IE8↑で動作確認しています。 jQueryライブラリの読み込みだけで、その他のプラグイン等は使用していません。 デモページ 右からマウスオーバーでスライドさせる CSS スライドさせる要素の親要素に対し、下記のようなスタイルを付与します。 今回はposition:fixed;で絶対配置にしていますが、相対配置でもOKです。 横幅を指定し、right: -140px; で初期位置を指定しています。この場合は-140px分右ヘ移動するので、40px分だけ画面に出ているということになります。 z-indexの値は、スライドさせるコンテン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Fonts! Legit Free & Quality » Font Squirrel