タグ

ブックマーク / design-develop.net (4)

  • デザイナー必見 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」

    TOP  >  Design  >  デザイナー必見 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」 webサイトやスマートフォンサイトは、設計や構成レイアウト、デザイン感の決定からスタートし、さまざまな工程を経て完成に至ります。しかしどうしてもすべてを完了するまでには時間を要してしまうもの。今回はそんな時に利用したい、 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」を紹介したいと思います。 (Dashboard UI – Graphicfull | Graphicfull) いろんなデザイン感のUIキットが豊富にまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 BI

    デザイナー必見 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」
    mizchi
    mizchi 2014/04/26
  • 縦書きを可能にするjavascriptライブラリ「竹取JS」

    SEO的にも問題の無い縦書きのコンテンツを作りたい。そんな時に便利なのが、今回紹介するjavascriptライブラリ「竹取JS」です。javascriptで指定されたブロックを縦書きに変換してくれます。 HTMLのみで縦書きというのは非常に面倒でしたが、これなら気軽に縦書きコンテンツを作れそうです。 詳しくは以下 上記のように文字だけではなく、リストや、取り消し線、テーブルなど様々なHTMLで創られた基要素を縦書き化してくれますので、従来のサイトの構造を保ったまま縦書きのコンテンツを制作することが可能です。また切り替えボタンやダブルクリックで横書きへ瞬時に切り替わる機能も実装されています。 対応ブラウザはInternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+と幅広いブラウザで利用可能。ライセンスは

    縦書きを可能にするjavascriptライブラリ「竹取JS」
    mizchi
    mizchi 2012/10/25
  • HTML5で作るルービックキューブがすごい!「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」

    HTML5で作るルービックキューブがすごい!「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」 HTML5という言葉が世に出てから、暫くたって多くのプロジェクトが発信されてきましたが、今日紹介するのはHTML5+CSS3+javascriptで作るルービックキューブ「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」です。 こちらはただ単にキューブを作って描画するだけではなく、ボタンやスマートフォン上でのフリック、マウスなど様々な方法でルービックキューブが遊べるようになるというものになっています。 詳しくは以下 原文には制作過程が順を追って公開されており、解説も英語にはなりますが、ソースコードともに詳しく記載されています。 WEB制作に携わっている人には面白いチュートリアル

    HTML5で作るルービックキューブがすごい!「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」
    mizchi
    mizchi 2012/06/11
  • だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」

    TOP  >  WebService  >  だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」 WEBデザインの印象を決定付ける大きな一つの要素の一つに背景があります。様々な背景素材やジェネレーターがWEB上で公開されていますが、今日紹介するのはだんだん小さくなるドット柄の背景パターンを制作してくれる背景ジェネレーター「Dotted Background Generator」です。 上記のように上部から下部に向ってだんだんと小さくなっていくような背景を簡単に作る事ができます。 詳しくは以下 使い方は至って簡単でドットのカラーと、背景色、そして高さを指定すればOKです。色はカラースライダーなどは実装されていませんので、指定する必要があります。また選べるカラーはドット、背景ともに2色までとなっています。背景色は2色選んだ場合はA

    だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」
  • 1