I ♥ wireframes
Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via email, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit
briccolog » jQuery++のjQuery.event.swipeでスワイプ機能を実装
外苑前のWEB制作会社ブリコルールのスタッフによる、役に立つ情報から役に立たない情報まで。いろんなところにアンテナ張ってるつもりです。 外苑前のランチなど情報満載です。 jQuery++という、jQueryのヘルパーライブラリ（？）を最近知りました。 クッキーの操作やフォームのパラメータ取得、ドラッグ＆ドロップやスワイプなどのイベント処理など、素のjQueryだけでは難しい処理などを拡張してくれるライブラリです。リンク先のページから、必要な機能だけをチェックして「Download」ボタンをクリックすると、選択された機能のコードだけが記述されたjsファイルを取得できます。 今回は、このjQuery++のコンポーネントの一つであるjQuery.event.swipeを使って、スワイプイベントを検知するコードを書いてみました。以下がその実行結果です。 上記ではJSFIDDLEというオンライ
briccolog » Google HTML/CSS Style Guide (Rev.2.1)を読み解く
外苑前のWEB制作会社ブリコルールのスタッフによる、役に立つ情報から役に立たない情報まで。いろんなところにアンテナ張ってるつもりです。 外苑前の情報満載です。 先日twitter上で、Googleのウェブマスターチームから「Google HTML/CSS Style Guideを公開した」という発表がありました。 Consistent, quality code makes web developers happy. The Google #HTML/#CSS style guide is now public: goo.gl/MEvST. ✿— Webmaster Teamさん (@GoogleWebTeam) 4月 24, 2012 このガイドライン、既に一部でも話題になっていますが、非常に示唆に富んだ内容になっています。必ずしもこの文書がそのままスタンダードになるというものではないと
無料で使えるオシャレで個性的なフォント60選
オリジナルのポスターやTシャツ作り、自分の作品のロゴデザインやイベントのフライヤーなどなど、フォントを選ばなければならない場面は多々ありますが、そんな時に役立つかもしれないオシャレで個性的な無料フォントを60種類集めました。ここ数ヶ月の間に作成された新しいフォントばかりとなっています。 無料フォント60選は以下から。Fresh Portion of 60 Expressive New Free Fonts | Template Monster Blog 01：Akashi 02：Alt Matey Typeface 03：Alt Retro 04：Alter 05：Amputa Bangiz Standard TTF 06：Banda 07：Bigmouth Font 08：Black Bonsai 09：Blob 10：Block Face 11：Blox 12：Bobsmade Fon
ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０:phpspot開発日誌
20 Beautiful Free XHTML/CSS Templates | Creativeoverflow ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０が、websitetemplatesonline.com から紹介されています。 Photoshopテンプレートではなく、既にHTMLの形になっているので便利です。 Photoshopのファイルは含まれないようなので、この点は注意したほうがいいかもしれません。 全部見る 関連エントリ シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」 ハイクオリティでフリーなXHTMLテンプレート61 クールなデザイン満載のXHTML/CSSテンプレート４０種 プロレベルでハイクオリティなXHTML/CSSテンプレート集
Gridplay
GridplaySorry, You need the Latest FlashPlayer and allow JavaScript to see the content of this site. 本コンテンツを見るためには、最新のFlashPlayer をインストール、 JavaScriptをONにする必要があります。
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
レスポンシブwebデザインとは？｜Tips*Blog｜株式会社コプロシステム
明けましておめでとうございます。 本年も、弊社コプロシステムと、当ブログ「Tips*Blog」を宜しくお願い申し上げます。 昨年の最も大きな出来事といえば、やはり誰もが「東日本大震災」を思い浮かべるでしょう。 それでは、IT業界に絞るとどうでしょう？ IT業界の大きな変化の一つに「スマートフォンの急速な普及」が挙げられるのは間違いないのではないでしょうか。 国内の各キャリアでは、昨年の夏モデルくらいからスマートフォン中心のラインナップになり、従来の携帯電話（フィーチャーフォン、ガラケー）からスマートフォンへシフトした年でした。 2012年ではこの急速な普及がさらに加速され、スマートフォンの販売台数は、携帯電話全体の6割を占めると予想されています。 そんな中、上記の変化はwebサイトの構築手法にも影響してきています。 webサイトのマルチデバイス化が必須に どういうことかといいますと、 we
ホームページ作成 簡単ホームページ作成サービス Jimdo
ドラッグ&ドロップで サクサク作れる操作に不安な方でもご安心ください。 ジンドゥーは簡単な操作だけで ホームページが作れます。
様々な場面で参考になるオススメUIデザインキット45選 | バンクーバーのうぇぶ屋
様々な場面で参考になるUIキットが世の中には本当に沢山ありますが、UIキットと言っても、その種類はPCからiPhoneやiPadなどのキャリア別、質感、色相や目的、本当に様々なUIがありますよね。 そこで今回は僕がこれまでのWEB屋歴の中で見つけたUIキットを僕なりにタイプ別に分けてご紹介。 どういう時に使うのかは人それぞれですが、沢山の人が考えに考えぬいたUIキットであれば、そこから得られる物も本当に多いと思うので、是非参考にしてみるのはいかがでしょう。 黒ベースなUIデザイン Black UI Kit Blaubarry UI Kit FREE Ui elements Set d’elements ui (PSD) スマートフォン/タブレットPC系 UIキット Android GUI PSD Vector Kit Mobility: A free set of mobile UI de
50+ Free Seamless Pattern Packs for Designers
If you’re a designer, you know how important it is to have a library of resources that can help you improve your projects and take them to the next level. One resource that can make a significant difference are seamless and tileable patterns. Seamless patterns are versatile and can add depth and richness to your designs, making them suitable for both web and print projects. A well-designed seamles
もう背景には困らない！デザイナーのための背景リソース集「36 Must Have Backgrounds and Patterns Resources」
もう背景には困らない！デザイナーのための背景リソース集「36 Must Have Backgrounds and Patterns Resources」 WEBデザインの雰囲気をガラリと変えてくれる背景。どんな背景にしようか？とWEBデザインを行っている方であれば一度は迷ったことがあるかと思います。今日紹介するのはそんな背景画像を配布しているサイトをまとめたエントリー「36 Must Have Backgrounds and Patterns Resources for all Designers」です。 AppendixSquared 全部で36個の背景素材サイトが紹介されていますが、今日はその中から使いやすい、特に実用的だと思うサイトをピックアップしていくつか紹介したいと思います。 詳しくは以下 ■Barracuda Backgrounds アクセスするとジャンル分けされたメニューのみ
symfony入門（6）：symfonyプログラミング 開発のテクニック（後篇）
はじめに symfonyフレームワークを利用したアプリケーション開発を紹介する連載も今回で最終回。最後は、symfonyと連携して行うAjaxプログラミングについて紹介します。 過去の記事 symfony入門（1）：symfonyで始めるPHPフレームワーク symfony入門（2）：掲示板アプリケーション作成でsymfonyを理解しよう（前篇） symfony入門（3）：掲示板アプリケーション作成でsymfonyを理解しよう（後篇） symfony入門（4）：symfonyプログラミング 開発のテクニック（前篇） symfony入門（5）：symfonyプログラミング 開発のテクニック（中篇） 対象読者 PHPの基本構文は一通り理解しているが、フレームワークを利用したことはないという方を対象としています。 必要な環境 symfonyはPHP5とWebサーバがインストールされている環境で利
【白銀比・計算ツール・2カラム対応】 - 白銀比計算ツール
重要なお知らせ：このページのツールは、Flashの技術を用いて表示させていたため、現在は動かすことができません。申し訳ございませんが、ご了承下さい。 自然界でもっとも美しいのが「黄金比」なら、人工物や建造物で安定した美しさを持ち、日本人にも古来から浸透しているのが「白銀比」。 白銀比は、用紙サイズ（A3やA4など）や建物などに採用されている比「1:√2」のことで、近似値は1:1.4142、約5:7です。日本建築には古くから白銀比が用いられ、法隆寺の五重塔を上から見た投影平面図における辺（短辺と長辺）の関係も白銀比になっています。白銀比は別名「大和比」と呼ばれるくらい日本に浸透しています。「絞り値、シャッター速度、被写界深度の関係を覚えよう！」に登場した「絞り」も、ルート2が大きなポイントでした。 Webデザインに白銀比を取り入れようとした場合、全体の横幅と横幅の比からそれぞれの幅を求める必
Website Bullets | Free web bullets and arrows for your next design
Here is a free icon collection ready to save and edit for your use. You can copy and paste the flat image with a white background in five colors by right-clicking on the image and saving it to your computer. Download an icon set image from this page, open in your photo editor, and crop … Read more The p-hat symbol, denoted as “p̂,” is a fundamental notation in statistics used to represent the prop
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
IDEA * IDEA
新着記事
新着記事
https://www.picfindr.com/app?search=event&Input=Go