果物、肉、調理器具をはじめ、魚、野菜、チーズ、ドーナツ、飴、コーヒー、ジュース、お酒、アイスなど、さまざまな飲食関係のアイテムが揃ったベクターのアイコン素材を紹介します。 個人的にはパプリカ、きのこ、あの骨がポイント高いです。
2013年6月18日の気になったページ集です インテル、来年のHaswell-Eで初のデスクトップ8コアプロセッサを投入へ。DDR4メモリ対応 - Engadget Japanese http://japanese.engadget.com/2013/06/17/2014-haswell-e-8-ddr4/ livedoor Blog の Google PageRank がゼロ?::SEM R (#SEMR) http://www.sem-r.com/news-2013/20130618011821.html 起業家なら押さえておくべき「M&Aイグジット(バイアウト)」の基礎知識 | IPOと比較したメリデメetc.【宮崎 淳平】 | Find Job ! Startup http://plus.find-job.net/knowledge-of-buyout とあるフリーランスWebデザ
どうもpurpleです。 6月15日(金)に三宮(兵庫)で行われたWordCamp Kobe 2013に参加してきました。スムーズな運営、最適な場所選びとキャパ、来場者にマッチしたコンテンツ。どれも非常に高いレベルで構成されており、ただただ凄いなー。楽しいなあーという感じでした。運営スタッフの皆様お疲れ様でした。ほんとうに本当に素晴らしかったです。 さて、わたくしPurpleは4時間目 ウェブディレクターが制作・運用にWordPressを採用することで得られるメリットは?デメリットは?運用していく上で気を付けること、楽なところ、失敗したことをご紹介します。 において、WP Total HacksやBookPressの開発などをされている宮内さんと一緒に、40分の時間を半分づつにしてセッションを担当させて頂きました。スライドはこちらです。 WordCamp Kobe 2013 ウェブディレク
Kickstarter で iPhone (iPad でもいいらしいけど) のイヤホンジャックに接続して、専用アプリと連携することで使える露出計 (照度計) 「Lumu」 が資金調達を開始しました。 露出計は、写真撮影の時とかに、光の強度を測定してカメラに設定する露出値を割り出すための計測機器です。私あまり写真には詳しくないですけど、カメラマンさんとかがそのアシスタントさんとかが持ち歩いてるあれです (例えばこういうやつ)。 Lumu - bringing Light Meter to the 21st Century by Lumu Labs : Kickstarter Lumuは、iPhoneに差し込んで使うカメラデジタル露出計 : TechCrunch Japan Lumu は、この露出計を、iPhone に接続するセンサーと、アプリケーションで実現するもので、「これこそ 21世紀の
先に申し上げておきますが米国の話です...... Google Play の公式 Google+ アカウントで、「スターバックスの店内で、Google Play にある数百万曲の音楽を自由に楽しめるよ」 という内容の投稿をしています。また、The Next Web でも記事になってました。 先日の Google I/O カンファレンスで発表された、月額定額制の音楽配信サービス 「Google Play Music All Access (日本からは現時点でアクセスできません)」 をスタバの店内で無料で利用できますよという内容のようです。 Coffee is better with music. Head to +Starbucks Coffee,... : Google Play - Google+ Google teams with Starbucks to offer unlimite
Ladda ボタンに直接ローディングアニメーションを付けられる「Ladda」。 ボタンを押すとボタンに回転するアニメーションが付与され、そのまま結果をまつ、というような分かりやすいUIが実現可能です 文字+ボタンを円形のボタンにして背景をグレーにしたり、そのボタン自体をプログレスバーにしてしまうなど、面白いデモが詰まっていますので一度是非試してみて下さい 色々なUIのデザインの仕方があるなぁという関心をしてしまいますね 関連エントリ 範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」 1ページ内で複数ページに分割できるjQueryプラグイン「windows」 エレメントを立体的に回転させられるjQueryプラグイン「Vortex」 レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」 リアルなア
Ira Wrath 七宗罪之– 愤怒 / Vivionitier 前回のお話「ウェブサイト改善コンサルティングのはじまりは会議室ではなく居酒屋から」は、こちらです。 さて、CMSの改善をしようということで 更新担当者の方からの要望リスト 検索エンジン対策の為の内部構造改善案リスト を作成し、現状のCMSを作成した会社さんとミーティングを行うことになったのですが、そこで我々(主に私ですが)は驚愕しました! やってきた某大手な会社の営業の人、なんにも理解していない! それを隠すことも無く丸投げする下請けの人を同席させる!! タグやカテゴリを追加するのにお金がかかる!!! 表示するテンプレートを追加するだけで100万単位の費用!!!! 1時間半位を想定していた総勢7名のミーティングは、20分位で話すことが無くなってしまいました。そのあまりにも不誠実な見積りと説明の数々に怒りで声が震えました。30
Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 2013年06月18日- Easily Remove Image Backgrounds Online - Clipping Magic Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 画像をアップするとブラウザ上に編集ツールが現れ、緑色のペンで残したい部分、赤色のペンで背景を適当になぞればリアルタイムに背景が消えてくれます。 リアルタイムに消えてくれるので、間違っていた場合も簡単に良い結果が得られるまで修正を加えられます 写真から背景を簡単にくりぬきたい時に使えそうですね 関連エントリ Bootstrapなサイトで使えそうなクールなツールチップ実装jQueryプラグイン「Smallipop」 色々とカスタマイズが可能なツールチップ実装
最近のウェブデザインのトレンド、フラット、パララックス、ミニマル、大きい写真画像、CSS3アニメーションなどを巧く取り入れ、細部にまでこだわった美しいクリーンなデザインのウェブサイトをWDFから紹介します。
画像やテキストなどを配置したパネルをレンガ状に指定した間隔で配置するjQueryのプラグインを紹介します。 Mason.js Mason.js -GitHub Mason.jsの特徴 Mason.jsのデモ Mason.jsの使い方 Mason.jsの特徴 Maison.jsは、複数のパネルを積み上げたレンガ状に配置するレスポンシブ対応のスクリプトです。 他のスクリプト(Masonry, Isotopeなど)グリッドのレイアウトを使う時に生まれる隙間や端にも穴がない状態でレイアウトすることが可能です。 類似スクリプトで生じる隙間も埋めます。 比率 全てのエレメントのベースとなる比率を設定 サイズ グリッドに応じたサイズを設定 カラム 複数のブレイクポイントごとにカラムを設定 フィルター 空白スペースを埋めるための要素を設定 ガター エレメント間の溝を設定 Mason.jsのデモ ページには
2017年7月14日 フリーランス, 便利ツール フリーランスとして働いている人は、なかなか他の人の働き方を知る機会がないのではないでしょうか?どんな風に時間管理してるんだろう?どんなツールを使ってるんだろう?などなど、気になるけど、聞くまでもないかな…なんて…。最近そのような、フリーランスの働き方についての質問メールをいくつか頂いたので、フリーランスのWebデザイナーである私の一日を追ってみました(自分で)。いつも業務に使っているWebサービスや便利なツールも紹介しています。ほとんどが無料サービスなので必見ですよ! ↑私が10年以上利用している会計ソフト! 5:30 起床 朝は早いです。逆立ちをして(!)目を覚まします。逆立ちなんて相当集中していないとできないので、一気に目が覚めます。 その後Macを開いてメールチェック。メールクライアントはMac付属のMail。すぐ返信するもの、後で返
2013年6月17日の気になったページ集です クラウド事業者がテクノロジーリーダーになる理由〜クラウドコンピューティングの雲の中(その1)。NII Open House 2013 − Publickey http://www.publickey1.jp/blog/13/1nii_open_house_2013.html Chrome使いにそっと教える、タブ一覧を縦に並べられる拡張機能「Tabman Tabs Manager」 : ギズモード・ジャパン http://www.gizmodo.jp/sp/2013/06/chrometabman_tabs_manager.html フラットアイコンの進化形、美しいソリッドなラインを使ったアイコン素材 -Tab Bar Icons iOS 7 | コリス http://coliss.com/articles/freebies/freebies-t
Webサイトツアーを実装できる、というスクリプトのご紹介。jQueryに依存します。よくある類のものと変わりませんが個人的に使いやすい印象だったので備忘録として。 Webサイトツアーです。そこまで多用する機会は無いのですけど・・ よくあるツアーコンテンツ。キャプチャはオーバーレイですが、オーバーレイ無し等も可能です。 $(document).ready( function() { var tour = $('#foo').tourbus( {} ); } ); jQueryと本プラグインを読み込み、上記のコードを書けば準備完了です。あとはオプションを書いていくだけ。 ドキュメントが非常に充実していますので詳細は本サイトでご覧ください。 jQuery TourBus
Scroll To アニメーションスクロールをデフォルト化できるjQueryプラグイン「Scroll To」。 ページ内に沢山の<a name="***">や<a href="#***">があっても自動で初期化されるのでデフォルトでアニメーションスクロール化できます。 一瞬で飛んでしまうスクロールより便利なのは誰が見ても明らかということでデフォルト化しちゃうのもよさそう。 アニメーションの速度やスクロール位置のオフセット、アニメーションエフェクトのカスタマイズ等も可能 関連エントリ Flashみたいに美しいCSSテキストアニメーションデモ canvas,svg,webglを使った2次元画像/アニメーションを描画できる「Two.js」 美しいアニメーションを使ったフィルタ&ソートが可能なjQueryプラグイン「MixItUp」 Canvasベースの読込中アニメーションデモ「Sonic」 スプ
iOS,Android,WindowsPhone等タッチ端末用の軽量&高速スライダー実装「Swiper」。 2013年06月17日- iDangero.us Swiper - Mobile Touch Slider And Framework With Hardware Accelerated Transitions iOS,Android,WindowsPhone等タッチ端末用の軽量&高速スライダー実装「Swiper」。 PCでも問題なく動きます。モバイル端末ではハードゥエアアクセラレーションによって高速な動作ができるようです。 スライドショーのような形にもできますし、単に横スクロールするコンテンツを作る場合にも使えます スライドを分割して3ページを1ページ内に見せたり、スライドの1ページを縦に分割してスライドさせるなんていうトリッキーな事もできます デモページを見ればその魅力が分かるは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く