モバイルサイトのWebデザイン15選
携帯、モバイルサイトの デザインってどうなってるのか 少し興味が沸いたのでモバイル サイトのキャプチャを取って アーカイブとしてまとめている モバイルデザインアーカイブさん から15のモバイルサイトで好きな デザインを15個厳選しました。 個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。 FAT ONLINE SHOPPING 余計な情報を入れず、一番伝えたい事は画像にしてTOP絵にしています。 FAT ONLINE SHOPPING AEON Lake Town シンプルですが、画面の小さいモバイルサイトで情報を絞り込むのはかなりいいのでは。Ｆｌａｓｈで操作も軽快でした。 AEON Lake Town MOS BURGER モスバーガーのモバイルサイト、凄くいいですね。メニューも見やすいし、色使いもか
ハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」
テクスチャの中でももっともポピュラーで使いやすい素材、木、質感を演出したり、暖かみをデザインに与えたりとその使い方は様々ですが、比較的便利に使える素材として重宝したりします。今日紹介するのはハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」です。 スタンダードなフローリングのような木目から木の壁、削られたものから、年輪といったものまで幅広いフリーテクスチャが展開されています。全部で75もの素材が公開されていますが、今回はそのなかから気になったものをいくつかピックアップして紹介したいと思います。 詳しくは以下 2560pxを超えるものもあり、全体的に高解像度のテクスチャが集められていますので、色々な使い方ができるかと思います。 テクスチャはすべてフリーでダウンロードすることができるみたいですが、ダウンロード元はバラバラですので、利用す
写真をクールに加工できるPhotoshopアクション集:phpspot開発日誌
写真をクールに加工できるPhotoshopアクション集がGrafpediaで公開されていました。 オリジナルの画像を一発で、以下のように様々なエフェクトをかけられるアクション集になっております。 すこしぼかして柔らかい感じに。 白黒映画っぽく。 絵っぽく色鮮やかに。 ぼかしを入れつつコントラストを上げた感じに。 入手は以下のリンク先を参照 Conversion Photoshop Actions for Photographers 関連エントリ 写真を一瞬でクールに出来るPhotoshopアクションが色々 １クリックで写真の印象を簡単に変えてしまうPhotoshopアクション集
高品質な葉っぱを描けるフリーphotoshopブラシ「32 Ultra Photoshop Quality Leaf Brushes」
TOP > Design , Photoshop > 高品質な葉っぱを描けるフリーphotoshopブラシ「32 Ultra Photoshop Quality Leaf Brushes」 環境やエコなどを間接的に表現したりと何かと便利な葉っぱの素材。実際自分で素材を用意して使うとなると切り抜いたり、加工したりと色々と面倒ですが、今回紹介するのは便利に使える葉っぱのフリーphotoshopブラシ「32 Ultra Photoshop Quality Leaf Brushes」です。 全部で32種類の葉っぱのphotoshopブラシが収録されています。葉っぱ単体から、枝まで含んだものなど様々な葉っぱの素材が、1000px〜2000pxと高解像度で収録されています。収録されているブラシ一覧は以下からご確認ください。 詳しくは以下 かなりリアルな表現の葉っぱなので使う場所を選ぶかもしれま
プレスしたようなタイポグラフィーデザインのチュートリアル10 – creamu
Six Revisionsで、プレスしたようなタイポグラフィーデザインのチュートリアルが紹介されています。 ざっといくつかご紹介。 » Web Design Trend Showcase: Letterpress Text Effect シンプルなプレスした文字のエフェクト » Create a Sleek Pressed Letter Design 背景にも凝ったチュートリアル » Creating Editable Letterpress Styled Text in Illustrator illustratorでプレスした文字をデザインするチュートリアル » Grooveshark Design Style in Fireworks Fireworksでプレスしたような虫眼鏡アイコンを作るチュートリアル » Letterpress Emboss Text Effect Vimeoの
jQueryでフリップするカッコいいメニュー作成のチュートリアル:phpspot開発日誌
jQuery Flipping Menu Tutorial using backgroundPosition Plugin | Queness jQueryでフリップするカッコいいメニュー作成のチュートリアルが公開されています。 カーソルを合わせると、グレーの文字がスライドして、赤くなります。 静止画で見ると微妙なのでデモページをどうぞ カッコいいFlashで出来たサイトのメニューっぽいですが、これをjQueryで導入できるということで、メニュー部分にクールな印象を持たせたい場合は使ってみるとよいのかも。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
フレッシュなJavaScriptツールチップライブラリ等のまとめ:phpspot開発日誌
フレッシュなJavaScriptツールチップライブラリを含むツールチップライブラリが25種類まとまっているエントリのご紹介。 当サイトで紹介したことのないツールチップも含まれていましたのでご紹介。 ツールチップという完成されたと思われる分野においても様々な工夫がなされているのが分かります。 アニメーションしつつ表示される、デザインされたポップアップ フェードインアニメーションしながら表示される画像ツールチップ del.icio.usとかdigg等へ投稿するソーシャル機能付きツールチップ作成チュートリアル 角丸シャドウ付きのツールチップ 各リンク先は以下のエントリを参照してください。 25 Useful jQuery Tooltip Plugins and Tutorials : Speckyboy Design Magazine
シェイプアニメで立体表現 | _level0 - KAYAC Front Engineer Blog
どうも、 なんとかして手早く立体表現を作りたいtaichiです。 丁度前回、シェイプを利用したアニメーションについて書いていたので 今回もシェイプアニメーションつながりでメモしてみようと思います。 ご紹介するのは簡単にできるキューブ(横移動)の動きです。 ーー 早速以下に手順を記述していきます。 ・まず最初にシェイプで正方形を用意します。 ・作ったオブジェクトの位置はそのまま動かさずに、タイムラインにフレームを追加します。 タイムラインの最終フレームにキーフレームを打ったらシェイプトゥイーンを適用。 次に、今回のポイントとなる「 シェイプヒント」を利用します。 (1) 開始フレーム (2) 終了フレーム (1)で設定したa.bのシェイプヒントを、(2)で対辺の頂点に設置してあげます。 ・以上、 たった
Cyberduckの利用方法について
Mac OS X環境にて，安全にファイル転送を行うフリーのSFTPクライアントCyberduckの利用方法について解説します． 目次 Cyberduckのインストール Cyberduckの起動 接続 各種設定 ファイルの転送方法 ディレクトリの新規作成 ファイル属性 名前変更 接続解除 Cyberduckのインストール ソフトウェアのダウンロード Cyberduckを無償で配布しているダウンロードサイトへアクセスし， 最新バージョンである3.4.1をダウンロードします.(2010年1月15日 現在) インストール方法 0.以下では3.0.3をインストールする前提で話を進めていきますが，バージョンが異なっても作業自体はほとんど変わりません． 1.ディスクイメージの起動 ダウンロードしてきたディスクイメージファイル(Cyberduck-3.0.3.dmg)をダブルクリックします． アイコンは以
Cyberduck使い方
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Cyberduck | FTP, SFTP, WebDAV, Rackspace Cloud Files & Amazon S3 Browser for Mac OS X |
Cyberduck is a libre server and cloud storage browser for Mac and Windows with support for FTP, SFTP, WebDAV, Amazon S3, OpenStack Swift, Backblaze B2, Microsoft Azure & OneDrive, Google Drive and Dropbox. Connecting to every server. With an easy to use interface, connect to servers, enterprise file sharing and cloud storage. You can find connection profiles for popular hosting service providers.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用でも無料で利用できる動物や昆虫のシルエットのベクター素材
[JS]Mac OS XのDock風に伸び縮みするナビゲーションのスクリプト -Sproing!