In 2008 when I launched my personal blog to share my experiences, I decided to call it Balkhis instead of using my full name (Syed Balkhi). As time passed on, I regretted that decision because it created a lot of confusion. People thought that my last name was Balkhis instead of Balkhi. I basically combined my last name with the first letter of my first name. I was @syedbalkhi across all social me
来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
Sorry! Service has been discontinued Giovanni Scala
Depending on the type of website or app you’re building, there will always be some key areas to which you have to give more attention than others. One area that is critical to all types of websites, and requires more thought than others, is navigation. Menu items generally lead to a site’s most important pages or areas and help visitors navigate easier. And, as you have to consider multiple screen
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる(?)ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 Twitterはコミュニケーション手段として最高!と思うのだが、携帯のように絵文字でコミュニケーションができないのが残念なところ。 が、実はTwitterにも絵文字はあるんです。そこで登場したのがこんなサイト。上の画面はTwitterで使用できる絵文字一覧
blog@browncat.org Web, Linux, Ubuntu, Mac, PDA, 携帯電話, プログラミング, ソフトウェア&落書き iPhoneのソフト開発を行うのに少し敷居が高いのはやはりObjective-Cでしょうか。慣れてしまえば何とでもなるのでしょうがお手軽とは言い難いものがあります。 で、まあこれをいろいろと簡単に行うツールが出ているのですが、手っ取り早くWebアプリをネイティブ化してくれるPhoneGapを軽く使ってみたのでメモ。 このPhoneGapはなかなか面白く、ちょうどMobileデバイス向けにMozilla PrismやAdobe Airのような働きをします。要はデバイスに内蔵されているブラウザコンポーネントをベースにhtmlやcss,jsをひとまとめにしてネイティブアプリを作成するというもの。クロスプラットフォームでiPhone/Android/B
ESE Agency — Site of the Day - 7.32 — May 10, 2024 —
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える!便利でクールなFirefox拡張機能(アドオン)の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
Twitter(ツイッター)のブームには目を見張る。一般のビジネスパーソンが読む雑誌が特集し、書籍、ムックもたくさん出版されている。筆者の同僚は「実家の祖母がTwitterを知っていた」とTwitterでつぶやいていた。この記者の眼でも「うっかり編集者のビジネス・ツイッター」「みなさん、つぶやいてますか?」「「ダダ漏れ」に対して感じる脅威と危惧、そして可能性」など、Twitterを何度も取り上げている。 筆者が所属する日経ソフトウエアでも、このブームに乗じてTwitterを活用しようということになり、公式アカウント@nikkei_softwareの運用を3月下旬に始めた。日経ソフトウエアとして運用するからにはプログラミングをからめたい。それならば、ということでアカウントをボット(自動投稿プログラム)で運用することにした。もちろんボットはオリジナルのものを作る。せっかくならそれをネタに記事も
サイト上でのユーザーの動きを知りたい。 そんなときにおすすめなのが、『userfly』。ユーザーのマウス・キーボードの動きを記録するユーザビリティーテストツールです。 これはすごい感じですね。いろんなサイトでも話題になってるし。 ユーザーのマウスがどこからどう動いて、どこをクリックして、キーボードで何を入力したかを記録して、動画で見せてくれます。すげぇ。 デモが以下から見られるので、ぜひ試してみてください。一連の操作の後、自分の動きを動画で見ることができます。 Try the demo 料金は、無料プランで10の動画記録、30日間保存。1ヶ月25ドルの有料プランでは、1,000の動画記録、60日間保存となっています。1,000もあればかなりのデータになりそうですね。実際に人を使ったユーザビリティーテストのユーザ数はそんなにいかないと思うので、ひとまず無料プランでもよさそうですね。 ぜひ使っ
ハイクオリティ、綺麗なWebデザイン を見たいときはThe Css Awardsが 良いかもしれません。ここは素敵な Webデザインのサイトを毎日紹介 しているギャラリーで、厳しい審査 の元、1日1サイトが選ばれるサイト です。 そんなサイトなので、The Css Awardsに掲載されているWebデザインは基本的にクオリティが高そうです。有名なサイトみたいですが、最近知ったので改めてご紹介します。 素敵なデザインばかりですよ。審査してもらうにはお金が掛かるみたいですが、掲載されているサイトを見ると、ちゃんと厳選してくれてるっぽいですね。 The Css Awardsの歩き方 簡単では有りますが、特徴をご紹介します。 検索 上部のMENUにマウスオーバーするとメニューが表示されます。そこでカラー検索やタグ検索が可能です。ascendingにチェックを入れると点数の低い順、descendin
先日gettyimagesの方からご連絡いただいて、パートナーとしてThinkstockの写真素材を自由に使わせていただけることになりました。お声がけいただいてありがとうございます! 特別なデザイナー向けのアプローチとして、日本では数名の中の一人として選んでいただいたとのことで、とてもうれしいです。 Thinkstockは、ゲッティ・イメージズ、ジュピターイメージズ、iStockphotoから、選りすぐりのロイヤリティフリー素材を提供する最高峰の定額制サービスです。 とのことですね。iStockphotoはすでに使わせていただいていたんですが、その姉妹サイトになります。 定額制というのが特徴で、月額3万円で、1日25点、1ヶ月750点までのダウンロードができるサービスとなっています。 サイトのUIがシンプルになっていて、余計なものが目に入らない感じで使いやすいですね。 素材はwidth:4
twitter facebook hatena google pocket 画像ギャラリーとして必要な機能が一通り揃っていて使い易いJavaScriptNivo Slider - The Most Awesome jQuery Image Sliderを紹介します。 これを利用すれば、リッチで目をひくなギャラリーが作成可能です。 sponsors 使用方法 Nivo Slider - The Most Awesome jQuery Image Sliderからファイル一式をダウンロードします。 また、jQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <script type="text/javascript" src="jq
JavaScriptを使わず、CSS3で作るクールな多段メニュー WebDesignerWallにおいてCSS3を利用した、MacOSのような多段メニュー(Mac-like multi-level dropdown menu)を作成する方法が公開された(マイコミジャーナルのニュース記事 - CSS3で綺麗なドロップダウンメニューを作る方法)。CSS3の新機能であるborder-radiusやbox-shadow, text-shadowを活用し、JavaScriptを使わずにクールな多段メニューを実現している。 CSS3 Dropdown Menu - CSS Codeより引用 CSS3 Dropdown MenuはFirefoxとSafari、そしてChromeで完璧にレンダリングされる。Internet Explorer 7以降のようなCSS3に対応していないWebブラウザでも動作する
今は 開発停止してしまった Google Notebook についで利用率の高いサービスは Goolge ブックマーク。ブラウザ内蔵のブックマークは早々と使うのをやめ、オンラインブックマークに移行。Google を利用したのは公開して他人とつながるのが目的ではなく、完全にプライベートで利用したいため。Google 検索すると同時にブックマークも検索するスクリプトを使うようになってから、以前より早く目的地へ辿り着くことができるようになり依存度が高くなっている。 しかし、ちょっとしたブックマークのリストを友人と共有したいことがしばしばあり、完全にプライベートではなく共有する機能があると便利。そういうとき未だに Google Notebook を使っているけれど、ブックマークにいつの間にかリストを作成して共有する機能がついていた。まだ正式版ではないみたいだけれど。 リストの作成 Google ブ
We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Tuesday, March 16, 2010 One of the most common CSS effects is using shadows in various ways. Before, we needed to resort to images, but now we can offer this to all major web browser with CSS! Web browser support Believe me or not, but all of these web browsers we can offer shadows with CSS: Fir
Opera 10.50 で document.selection が使えなくなったので window.getSelection も使うように書いてみました。 alert( (function f(w){ var d=w.document,q,t,i=0,r=d.selection,s=r&&(r.createRange()||i).text; if(!r){ s=w.getSelection()+'',q=s||d.querySelectorAll('input,textarea'); while(!s&&(t=q[i++]))s=t.value.slice(t.selectionStart,t.selectionEnd) } i=0; while(!s&&(t=w[i++]))try{s=f(t)}catch(e){} return s||''; })(this) ) bookmarkl
高機能ライブラリ「jQuery」とそのPlugin「Validation」 jQueryのValidationプラグインでエラーチェック jQuery Validate Plugin と jQuery Form Plugin jQuery Plugin validate のエラーをカスタマイズする jQuery Validationプラグインの仕組み、概要 jQuery validation plugin について(その1) jQuery validation plugin について(その2) rules: methodsの補足 "jQuery Validation Plugin"のルールに関数が使える! jQuery Validation Pluginメモ jQuery Validate Pluginの解説とValidate 日本語環境用PluginとjQuery Form Plugin
ウェブデザイナーの方や、サイト管理者なら、ウェブページ各部の色を知りたいときがあると思います。 Firefoxユーザーなら、そんなときでもCSSを参照したりサードパーティツールを使う必要もなく、アドオンだけでサイト各部のカラーをピックアップすることができます。 こうした機能を持つアドオンの中で有名なのが「ColorZilla」ですが、今回はもう一歩踏み込んだ色の分析ができるアドオン「Rainbow」というものを試してみましたのでご紹介します。 「Rainbow」は、Firefoxで表示しているウェブページ各部の色をピックアップしたり、サイトに含まれている基本カラーを分析したりすることができるというアドオンです。 アドオンをインストールすると、ステータスバーに専用のアイコン が追加されます。 デフォルト設定では、このアイコンをクリックすることによりページカラーピッカーが起動し、ページ内でマ
realtimeweb.jp 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
サイトを作る際に、できれば見た目もスタイリッシュであってほしいのがお問い合わせフォーム。しかし、そのデザインを0から作るのは、なんだかんだ時間がかかってしまいますよね。 そこで今回は、カンタンにスタイリッシュなフォームを作れるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! スタイリッシュなフォームを作れる「Faary」 「FAARY」は、オンライン上でCSSによってデザインされたフォームを簡単に作れるサービス。 フォームの項目を入力すると、フォームデザインのプレビューが表示され、HTMLやCSSファイル一式をダウンロードして使うことができます。 質問の項目を入力してボタンを押すだけ ↑FAARYのページを開き、質問項目を入力するだけでフォームを作れます。 入力欄の下にある
sponsored 2024年4月に新キャンパスへ移転した静岡デザイン専門学校は、最新設備を備えた実習室とMSIのノートPCで学生の実践力を養成 sponsored 部屋が狭い日本家屋仕様になったピラーレスケース、自作初心者にもオススメ! ピラーレスだがコンパクト、価格もお手頃なCORSAIRのPCケース「3500X」が完成度高い! sponsored コスト、人材、セキュリティ…… データ活用の課題を包括的に解消するHPEの取り組み なぜHPEがソフトウェアを? 統合データ基盤「HPE Ezmeral」に注力する理由を率直に聞いた sponsored “データをためる”と“データを活用する”の2製品が解決する課題、得られるメリットを知る 「HPE Ezmeral」がシンプルに実現する大規模データ活用の姿とは sponsored スマホ設定で快適なハイエンドゲーミングルーター「ROG Ra
Twitterは実に多くの人がつぶやいており、有名人もゴロゴロいる。実際に利用してみると、Twitterがこれまでの情報のやりとりの手法を覆し、企業のコミュニケーションも変える可能性が見えてきた。対応を誤った企業に未来はない。 Twitterに注目が集まっている。随分前に知り合いから紹介され、興味本位で登録した時は、「こんなもの、何の価値があるんだ」と思った。「つぶやく」というコンセプトに違和感を覚えたからだ。しかも、そのころはつぶやいている人はごくわずか。まるで砂漠の真ん中で大声を出して助けを呼んでいる状態だった。しかも、英語で。 あれからどれぐらい時間が経ったのか思い出せないが、どのホームページでもTwitterという表示が目立つようになり、メディアでも取り上げられるようになった。影響を受けやすい僕は再開しようと思ったが、IDとパスワードを忘れていた(結局、再発見したけど2、3度しかつ
丸1日の外出となると、どうしても途中で切れてしまうの携帯電話のバッテリー。うっかりネットやゲームに夢中になって、肝心な時に使えないのも困りますよね。そこで今回は、覚えておきたい「携帯電話のバッテリー節約術」をご紹介します。 ■「電池は使い切ってから充電」は正しい? 「携帯電話を充電する時は、電池を使い切ってからするほうが良い」という話を聞いたことはないでしょうか? ▽携帯電話、「使い切ってから充電」は本当? (Excite Bit コネタ) | エキサイトニュース ▽12.メモリー効果と継足し充電 バッテリー-ベイサン ▽バッテリーを長持ちさせるために 「電池は使い切ってから充電」というのは、実は過去の話。以前携帯電話に使われていた「ニッケル水素電池」や「ニカド電池」といった電池では、継ぎ足し充電を繰り返すことで電池自体の容量が減ってしまう「メモリー効果」という現象が見られましたが、現在主
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く