For this weeks midweek inspiration, I’ve got the work of Azul De Corso. She is a very talented freelance artist/designer/illustrator. Here is a little bit of info about Azul: Azul De Corso is a freelance artist, graphic designer and illustrator. She works for clients as Pepsico, MTV, Nickelodeon,Vh1, Unilever, Creamfields, among others. She also worked as art director for editorials in Mexico and
日本時間で2月10日午前3時。Googleがプレス向けのイベントを開催し、新たなプロダクト「Google Buzz」を発表しました。 事前の噂では、「TwitterやFacebookに対抗することを目的とした、Gmailに追加される新たなソーシャル機能」と言われていましたが、Google Buzzは、Gmailが持つコンタクトリストをベースにし、Twitterを含めた各種ウェブサービスのフィードをアグリゲートするFriendFeedやCliqsetに近い、見た目としてはミニブログのようなサービスです。 図1 Google Buzz ウェブ上では既に「流行る・流行らない」「Twitterに置き換わる・置き換わらない」といった評価が行われていますが、ソーシャルウェブのテクノロジーを追いかけてきた筆者には、サービスそのものを見ただけでは語り尽くせない、想像以上のコンセプトを持った意義深いもの
Webから利用できる地図としてすっかりおなじみの「Googleマップ」には、目的地の場所を知るだけにとどまらない、便利な機能がたくさん揃っています。今回は、出かける前にぜひチェックしておきたい「Googleマップの便利な使い方」を集めてみました。 ■出かける準備はこれでばっちり?Googleマップの便利な使い方 “自分だけの地図”の作成やルート検索、時刻表のチェックまで、Googleマップには旅行や仕事で出かける際に役立つ機能が満載です。 <自分だけの地図を作れる「マイマップ」> ▽Google Japan Blog: Google マップを使って地図が簡単に作れるようになりました。 Googleマップ上の好きな位置に目印のアイコンを付け、自分だけの地図を作ることができるのが「マイマップ」の機能。旅行での行き先をあらかじめ地図にしたり、また作った地図は他の人とも共有することができるので、集
Twitterでも使える! 覚えておいて損はない英語の省略表現 Hello there, folks! みなさんはじめまして! 最近、ちまたで大流行の「Twitter(ツイッター)」。情報交換、友達とのコミュニケーション、日記やメモがわりなど、色々な目的でつぶやいている人がいるみたいですが、中には英語力強化のために、日々英語でつぶやいてみるか! という人もいるようです。 英語圏のTwitterユーザー、Tweeterersは、省略英語を使ってつぶやいて、少ない文字制限を克服したりしていますよ。そんな省略英語、使ってみたいと思いませんか? 省略英語を覚えちゃえば、140文字の制限にも余裕が出て、つぶやきが楽しくなるかも! この企画は、そんなTwitterユーザーのために、すぐに使える省略英語を教えちゃいます! 覚えた表現は、English speakersとの交流やRTに使ってみてくださいね
BloggartはPython製/Google App Engine用のフリーウェア(ソースコードは公開されている)。Google App EngineはWebアプリケーションを開発するのに便利なクラウドサービスだが、もっと一般化するためにはできあがっているWebアプリケーションの普及が欠かせないだろう。 エントリー画面 一般ユーザが使いやすいものとしては、現状筆頭とも言えるのがブログエンジンだろう。BloggartはGoogle App Engine上で動作するように作られたブログエンジンであり、小規模なブログであればフリーではじめられることになる。 Bloggartは管理画面付きのブログエンジンで、新規ポストや一覧、編集を管理画面で行う。サイドバーについては設定ファイルを修正する必要があるし、デザインの修正もテンプレートを変更する必要があるので一般ユーザにはまだ敷居が高いかも知れない。
Vosao CMSはJava製/Google App Engine用のオープンソース・ソフトウェア。Google App EngineはWebアプリケーション開発者のためのプラットフォームというイメージがあるが、手軽に使えるホスティングサービスと捉えることもできる。すでに完成されているWebアプリケーションを導入すれば良い。 管理画面 汎用的に使われるのはブログエンジンやCMS、Todoといった類のものだろう。こうしたサービスを立ち上げる際に既存のソフトウェアを使えば簡単にサイトが立ち上げられる。Vosao CMSはその一つ、Google App Engine上で動作する本格的CMSだ。 Vosao CMSはユーザ画面と管理画面に分かれている。管理画面ではコンテンツの作成とデザインの編集、ファイルストレージ、サイト設定が主な機能にある。プラグインにも対応しており、SEOやフォーム作成用のプ
GoogleFileServiceはJava製/Google App Engine用のオープンソース・ソフトウェア。Googleドキュメントがバージョンアップし、任意のファイルをアップロードできるようになった。これはかねてより度々噂になっていたGDrive(命名はGoogleではないが)を実現するような機能だ。 Google App Engineをオンラインストレージに そんなGDrive風な機能をGoogle App Engineで実現するのがGoogleFileServiceだ。Google App Engineの制限により10MBまでのファイルしかアップロードできないが、任意のファイルをアップロードしてストレージとして利用できる。 GoogleFileServiceはJavaで作られており、アプリケーションの名前を変えれば誰でも自分だけのオンラインストレージを持つことができる。設定フ
CreaWriterはWindows用のフリーウェア。グラフィカルインタフェースを持ったOSは多彩な色が使われ、とても華やかだ。だが、それだけに集中するのが難しい。ちょっと気を緩めると画面の別な場所に気を取られてしまう。通知系、アイコンなどは作業の邪魔になりやすい。 シンプル! そこで集中できる環境を用意しよう。大事なのはシンプルな色遣い、静かな音楽、そして文章を書く以外の機能が一切ないテキストエディタだ。Mac OSX用としてOmmWriterを紹介したが、Windows用としてCreaWriterを紹介しよう。 CreaWriterはOmmWriterにインスパイアされて開発されたソフトウェアで、機能もおおむね似ている。なお、音楽は自分で別途用意する必要がある。そして背景には写真または淡い背景色を割り当てることが出来る。文字は三段階で大きさを変えられる。 画面全体に広がったCreaWr
Bokeh effect is nothing but the blurred part of the out-of-focus image. This effect is normally seen in the photography mostly around the light sources. In photography, this effect helps to focus on the object while making the background visually appealing. Today we are going to learn how to create the same beautiful effect in Photoshop. Before starting the tutorial let’s take a look at what we ar
Over the last months we released a variety of icon sets, tools and templates, but now we would like to release something a bit different for a change. In this post we are glad to release Photoshop Keyboard Shortcuts, a PDF-file with a handy overview of most useful keyboard shortcuts available in Adobe Photoshop. The cheat sheet was created by Kenneth Setzer and released especially for Smashing Mag
誤解しているかも! CSSの詳細度について、よくある誤解を解説 Post on:2024年5月23日 CSSの詳細度とは、(0,0,2)や(1,0,0)など3つの数字でスタイルを適用する際の優先度を決めるブラウザのアルゴリズムです。要素に対して複数のCSS宣言があり、そのプロパティや値が競合している場合、詳細度が高いもの ...記事の続きを読む CSSはどんどん進化している! マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning Post on:2024年5月22日 ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。レスポンシブに ...記事の続きを読む Web制作者は要チェック! C
マウスオーバーやクリック時に現在表示している画面へ重なるようにブロック要素が表示されるjQueryのプラグインを使用する際、ブラウザがIE6だとz-indexを指定してもselect要素が隠れずに最前面へ表示される場合があります。 この場合、前面へ表示したいブロック要素へbgiframeプラグインを適用することで、select要素を隠すことができます。 なお、IE7からはこのバグは修正されているため、適用する必要はありません。 また、FirefoxやChrome、Opera、Safariなども正常に表示されます。 イメージは左がIE6、右がIE7で、イメージ内のDiv要素は上が適用前、下が適用後です。 jquery.bgiframe.min.js Licence: MIT/GPL 本家はよく判らなかったのですが、おそらく下記のGoogle Codeが最新だと思われます。 http:
Ultimate Guide to Business Cards: Infographics and Other Resources
CSS(スタイルシート)の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。 はじまりはじまり。 既報の通り、Googleは段階的にIE6のサポートを打ち切ると発表しました。 また、欧州では政府機関が公式にIE6からの乗り換えを推奨するなど、IE6のシェアは徐々に低下しています。 日本でもこの流れは同様ですが、企業のサイトなどがサポート外のブラウザーとするにはまだ勇気が必要かもしれません。 しかし、IE6を考慮しないだけでWebサイト制作はガラリと変わります。 IE6の問題点は様々ですが、中でも未実装のセレクタが多数ある点が非常に痛い点です。IE6を考慮しなければ次のようなセレクタが使えます。いずれの方法もIE6をサポートする場合はIE6を考慮するのであれば、対象の要素にclass属性やid属性が必要になります。 親要素 > 子要素 { プロパティ:値 } 子
CSS(スタイルシート)の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。 はじまりはじまり。 画像などのボックスをCSSでグリッド(格子)状に並べる方法です。table要素は使わず、CSSのみで実現します。 完成品はこんな感じ。 これは、CSSを適用する前はこうなっています。 XHTMLはこんな感じ。 <div id="grid"> <ul> <li><img src="box.jpg" width="80" height="80" /></li> <li><img src="box.jpg" width="80" height="80" /></li> <li><img src="box.jpg" width="80" height="80" /></li> <li><img src="box.jpg" width="80" height="80" />
<追記 2012/03/06 ここから> 追記(2012/03/06) 2012年3月にTwitterの仕様が変更されました。 下記では「TweenのQT」と、「非公式RT」「QT」とはタイムラインでの見え方が違う……と書いてありますが、2012年3月現在ではどちらも同じようにタイムラインでは表示されています。 <追記ここまで> 先日、Twitterで公式にRetweet機能が一部のユーザー向けに公開されました。現在は言語を英語にしないと利用できませんが、今後はいずれ全ユーザーが利用できるでしょう。一方でこれまでのRetweetをQTと言い換える専用ソフト(クライアント)も出ています。 こうした動きの中で機能が複雑になり、それぞれの違いが分からない・分かりにくいといった意見をよく見かけます。……ですので、ちょっと整理も兼ねてそれぞれの機能の特徴をまとめてみました。 はじめに 以降、区別のた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く