Coveloping
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
Caption Hover Animations
IMAGE CAPTION HOVER ANIMATION WITH CSS3 TRANSITIONS & TRANSFORMS This is an example of caption animation while hovering on images, using CSS3 transitions and transform rules. There is no Javascript used so it will work on modern browsers where CSS3 animations are supported. Please check the sourcecode of this page to understand how the animation is working. Illustration Credit: Illustrations used
アナログ時計はなぜ広告で10時10分付近を表示しているのか？
自動車教習所で「ハンドルは『10時10分』で持つ」と教わった人も多いと思いますが、10時10分が推奨されるのはハンドルの持ち方だけではありません。よく見ると、時計の広告ではアナログ時計の針はほとんどが10時10分前後の時刻を指しています。そこにはどんな理由があるのでしょうか？ 10:10 in Watch Advertisements - Numberphile - YouTube 街でみかける時計の広告看板。 何気なく目にするアナログ時計は、ほとんどが10時10分前後を表示しています。 これも。 これも。 よく見ると…… モデルの腕の時計も10時10分。 世界中、どの国のどんなアナログ時計もほとんど例外なく10時10分。 当然ですが、多くのメーカーが10時10分を採用しているのは偶然ではありません。理由の1つとして、多くのメーカーがロゴマークを12時の位置に入れていることが挙げられます。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
HTML5時代のWebデザイナー これからの生きる道 - HTML5 Conference 2013 in Gifu
HTML5 Conference 2013 in Gifuのデザイントラックで行なわれたセッションスライド。 アプリデザインについての講演。Read less
累計32種！UIが優れたiPhoneアプリの部分デザイン（ヘッダ・フッタ編）
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
『css3 box-shadow transitionのサンプル31個。』
せっかくの休みなんで書いてみた。 box-shadowって結構【影】ってイメージが強いけど、背景色とかにも使えたりするし便利。 背景色のスライドとかしようと思っても、backgroundだったら画像だけしかposition移動は出来ないから、そんな時にbox-shadowが便利なんですよね。 そんなわけで今回もcodepenに書きました。 ■css3 box-shadow transition sample31 - CodePen ■解説はこちら→css3 box-shadow transitionのサンプル31個作りました。 | CreativeLife Check out this Pen! 直接的なアメブロカスタマイズ記事では無いけれど、記述の方法とか仕組みとか覚えておくと後々役に立つと思います。 次からは実用的なサンプルでも作るかな～。 CSS3 スタンダード・デザインガイド/毎日
ASCII.jp：ネタ収集＆暇つぶしに最適！ 2chブラウザー「BB2C」を徹底解説｜柳谷智宣の「神アプリの説明書」
巨大匿名掲示板2ちゃんねる（2ch）はブラウザーから閲覧することもできるが、専用ビューワーを使うと格段に読みやすくなるうえ、書き込みも簡単。今回は2ch専用ブラウザー「BB2C」の使い方を紹介しよう。 続々とROMの新参が増える2ちゃんねる 今や、テレビや新聞などのマスコミもネタ元に大活用している2ch。以前は、ネットにかじりついている人たちのたまり場だったが、最近どんどん新しいユーザーが増えている。これは、「まとめサイト」の隆盛が原因。「まとめサイト」を読み終わったユーザーが、さらなるスレッドを求めて2chを読んでいるのだ。とはいえ、ウェブブラウザーでアクセスしていると非常に読みにくいし、使いづらい。そこで、2chビューワー「BB2C」を活用しよう。 「BB2C」はiOS向け2chブラウザーの決定版。きめ細かい設定が可能な閲覧機能と、コメントだけでなく画像も手軽に投稿できるのが魅力。動作
94 Css and Web Galleries To Get Inspired and Promote Your Work(Part #1) - Designbeep
Web design galleries and especially Css Galleries are really great sources for the web designers.Of course there are some reasons for this.Let’s give an eye why these galleries are important for us.First of all these galleries are a great way to show your works around the world so that you can get clients.Second,by submitting to these galleries you get huge number of inbound backlinks with high P
レスポンシブでクールなドロップダウンメニュー実装例:phpspot開発日誌
Drop-Down Navigation: Responsive and Touch-Friendly Osvaldas Valutis レスポンシブでクールなドロップダウンメニュー実装例 次のようなレスポンシブなドロップダウンメニューのデモです。デモページはこちら。 シンプルですがかなり良い感じに動いているみたいです。 そのまま使うのもいいですし、１から実装する際の参考にしてみてもよいかもしれませんね。 関連エントリ レスポンシブな画像ギャラリーが作成できるjQueryプラグイン HTMLメール用のレスポンシブテンプレート「Antwort」 レスポンシブでクールなナビゲーションを実現できる「Responsive Nav」 レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 レスポンシブなパララックス効果付きサイトを作るフレームワーク「Coo
アンケート作成サービスのTypeformが日本語に対応！
2013年4月22日 便利ツール Webサイト上でシンプルなアンケートが作成できるTypeformをご存知ですか？以前「マルチデバイス対応の【Typeform】で街頭アンケートがよりスムーズに行えそう！」という記事でも紹介しましたが、その時はまだ日本語の表示に不安な点も多々ありました。この度中の人から、フォーム部分は日本語に完全対応させ、新機能を搭載したとのご連絡をいただきましたので、改めて紹介します。 ↑私が10年以上利用している会計ソフト！ 紹介用動画です。その動画でもあるように、アンケートの入力にタブレットを使う企業が増えてきたなーと実感しております。というのも先日初めて訪れた某ジムの初回登録用アンケートでも、某ファッション・ブランドの「お客様の声」アンケートでもiPadを使っていたからです。しかし、どちらもデスクトップ用Webサイトでよくあるような登録フォームで、文字も小さく、入力
マスクを使ったお洒落なスライダーが作れるjQueryプラグイン「Maskify Slider」:phpspot開発日誌
Maskify Slider demos マスクを使ったお洒落なスライダーが作れるjQueryプラグイン「Maskify Slider」。 画像をマスクでくりぬいて更にその中身の画像を切り替えられるというものです。 元画像 繰り抜き 繰り抜いたり、重ねたり、応用することで様々なことができそうですね 関連エントリ パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」 ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」 様々なタイプのスライダーが作れるjQueryスライダープラグイン「Jquery Slider Shock」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」 タッチ可能でレスポンシブなスライダー実装「RoyalSlider」 これは新しい円形のスライダーが実装できる「Tiny Cir
PCではマウスホバー、スマフォではタップで動作するレスポンシブなドロップダウンメニューを実装するjQueryプラグイン・FlexNav
レスポンシブWebデザイン対応サイト向けのドロップダウンメニューを実装する為のスクリプト・FlexNavのご紹介です。なかなか使い勝手も良さそうな印象でした。 PCサイトではマウスホバーによるドロップダウン、スマフォではタップで降りるコンパクトなメニューに切り替わります。 ネストされたメニューにも対応していますのでこのまま利用しても大丈夫・・かな。（まだ詳しく見てないです） <ul class="flexnav" data-breakpoint="800"> <li>Menu01</li> <li>Menu02</li> </ul>カスタムデータ属性でブレークポイントを設定します。em単位でもセッティングできるみたい。 $(".foo").flexNav({ 'transitionSpeed' : '0.4s', 'itemHeight': 50 });降りてくるスピードなどはオプションで
jQuery Core 1.9 アップグレードガイド 日本語訳
ちょっと話題としては乗り遅れた感が漂いますが、先月末に jQuery 1.9 の正式版、および jQuery 2.0 のベータ版がリリースされました。 jQuery 1.9 final, jQuery 2.0 beta, Migrate final released ： Official jQuery Blog これに際して公開された、jQuery 1.9 への移行ガイド 「jQuery Core 1.9 Upgrade Guide」 を翻訳してみたので下記に公開してみます。 jQuery 1.9 / 2.0 とは？ jQuery 2.0 は IE 6/7/8 への対応をやめることで、より軽量で高速、そして安定化を目指した jQuery のメジャーバージョンアップ版ですが、jQuery 1.9 は 2.0 と 完全な互換性を持ちつつも、レガシーブラウザへの対応が可能なバージョンで、IE 8
全身を強く打って←これが隠語だと知ったときの衝撃 : 流速VIP
1以下、名無しにかわりましてVIPがお送りします2012/12/05(水) 17:43:46.57ID:EwUO5JS40
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
New Layered Resin Goldfish Paintings by Riusuke Fukahori
Loading...
Weekly Free Resources for Designers and Developers [November 4,2013] - Designbeep
Drop-Down Navigation: Responsive and Touch-Friendly by Osvaldas Valutis
