縦長のwebデザインをがむしゃらに集めています。
縦長のwebデザインをがむしゃらに集めています。
atelier CHARMANTさんの作品は、飾らないシンプルなデザインなのに、どこか幾何学的で、ずっと眺めていたくなるような不思議な魅力があります。一体どんな方が、どんな思いでデザインしているのだろう…?広島にあるアトリエ兼ご自宅を訪ね、お話を伺いしました。
jQueryで、”this”の親要素、子要素(子孫要素)を指定する記述方法のメモ、リライト版です。 (元々はこちら) 親要素 thisの親要素を取得 $(this).parent() “親要素を全て返す“記述です。 近いものとして、”ルートを除く先祖要素を全て返す“parents()や、”開始要素から最も近い親要素を選択“するclosest()もあります。 参: parent([expr]) – jQuery 日本語リファレンス parents([expr]) – jQuery 日本語リファレンス closest([expr]) – jQuery 日本語リファレンス jQueryで親要素のスタイル変更 : JSをつらつらとダラダラと書く 子要素・子孫要素 thisの子要素、もしくは子孫要素(ここでは<ul>)を取得 子要素 $(this).children("ul") 子孫要素
画像やパネルのホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアルをまとめました。
写真の一覧ページなど、Webページ上でたくさん並べられたコンテンツ要素に対して カテゴリ分けした括りなどで、絞り込んだ状態で表示するフィルタ機能。 ページ上に表示する要素が数多くある場合に有効な機能になったりしますが そんなフィルタ機能をjQueryを使ってシンプルに実装するサンプルを作ってみたので紹介してみます。 まずは動作のサンプルから。 下記画面の上部にあるカテゴリリンクをクリックすると そのカテゴリの種類で絞り込まれた状態で画像が表示されます。 フィルタ用のリンクをクリックすることで サイズの縮小とフェードのアニメーションが付いた形で 画像がフィルタリングされます。 このフィルター機能の全体構成について、 まずはHTMLから。 ◆HTML <div id="filter"> <a href="javascript:void(0);" class="allitem">ALL</a>
もはやコーディングコンテストサイトと化しているjsdo.itですが、いま開催中の SPEC vol.5 はいつもとちょっと違います。 今回は、いつものHTML5・JavaScript・CSSに加えて、ActionScriptでのエントリーもできます! 「じつはFlashのほうが得意!」という方にも挑戦していただいているんですが、もうすでに続々と面白い作品が集まりだしているので個人的に気になる作品をいくつかご紹介したいと思います。 今回のお題「カードの合成のUI・演出を作ってください」 Flash編 forked from: SPEC vol.5 投稿用コード - wonderfl build flash online forked from: SPEC vol.5 投稿用コード - wonderfl build flash online JavaScript編 ※スマートフォン専用 締切は
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あなたは、世の中の人たちの役に立つ、ヒットするWEBサービスを作ることを夢見ていないだろうか? 昨年の3月にスタートしたチャットワークは、サービスのローンチ以来、着実にユーザーを増やし、今では、10万ユーザーを超え、船井総研やKDDI、京都大学なども導入するなど、大ヒットWEBサービスに成長した。 それでは、このチャットワークはどのようにして生まれたのだろうか? 本日は、今、最も勢いのある国内WEBサービスの一つ、チャットワークを開発した山本敏行氏にお聞きした、「ヒットするWEBサービスを作りたいなら絶対抑えておくべき5つの鉄則」をご紹介する。 上記の写真は、ChatWork社CEOの山本さんがサンフランシスコのbtrax (http:/
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く