ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/c587805663766d91bab096c5c4b65f1b80a380a7/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F11%2Fuptime_1.png)
brush lovers [ad#ad-2] brush loversは当サイトで何度も紹介したWeb Designer Depotの姉妹サイトです。ブラシのデザインは全て、Liora Blumによってデザインされたものです。 ブラシは個人でも商用でも、無料で利用可能なものが数多く揃っています。 一部、「Buy」のアイコンがついたものは有料ですが、かなり安価($3くらい)です。 ブラシはカテゴリ、登録順、人気順、レート順に表示することができ、以下にカテゴリからいくつか紹介します。
大きい画像を限られた領域内に表示し、Googleマップのようにマウスのクリックとドラッグでその画像をアニメーションでスライドできるスクリプトを紹介します。 SpryMap デモページ [ad#ad-2] スクリプトはjQueryなどの他のライブラリは必要とせず、単独で動作します。 SpryMapの特徴 他のライブラリに依存せずに動作する超軽量(3KB)のスクリプト。 画像を表示する領域はピクセル単位で指定が可能。 画像を最初に表示する座標を設定可能。 スクロールのアニメーションの時間を設定可能。 SpryMapの実装 実装は簡単で、画像にidを指定して使用します。 HTML スクリプトでラッパーとなるdiv要素を追加します。divのclassはオプションで設定できます。 <img id="worldMap" src="map.jpg" alt="A map of the world." /
パンくずは何要素で実装していますか? ul要素? ol要素? p要素? パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul
Tweet "Hyper Text Markup Language or HTML, the first language that was used for web designing has gone through many evolutionary versions reaching to HTML5. Now days, there are many other standards available for web designing, but the most effective and the most simple way to design your website is using HTML5 templates. HTML5 templates are easy to use and can be modified according to your require
Gas Maskはhostsファイル専用のエディタ。 MOONGIFTはこう見る iOSの人気に伴ってMacを購入する人が増えている。企業ユースではまだまだWindows優勢だが、個人で購入する人の割合は多くなっている印象がある。そうなると非開発者であっても快適に使える環境構築にニーズが集まってくる。MacPortsありきではいけないのだ。 各バージョン管理システムも手軽に使えるフロントエンドが必要になるし、開発環境が一気に整うソフトウェアも必要になるだろう。普通の人たちがMac OSXを使いこなす、そんな情報にもニーズがありそうだ。 Gas MaskはMac OSX用のオープンソース・ソフトウェア。社内で開発環境を構築したり、自分のPC内で開発した機能をテストする際に使われるのがhostsファイルだ。これを修正してネットワークのアクセス先を変えるのは開発者なら誰しもが行うだろう。 GUI
ウェブサイトのワイヤーフレームやモックアップ、サイトマップ、フローチャート、ダイアグラムなどを無料で作成できるオンラインサービス・アプリケーションを紹介します。
Over the past few years, we have noticed that in web design the use of flashy illustrations, extraneous textures and drop down shadows have been minimized, if not totally removed. This is due to the growing influence of minimal and flat design – a user-centric web design style. Microsoft, Google and now even Apple is digging this design trend. If you have observed that you were left behind and you
クラウドコンピューティングの広がりによって、ブラウザは、単にウェブサイトを閲覧するだけのものではなくなってきました。これに伴い、安全性や利便性、作業効率などをアップさせるための拡張機能が数多くリリースされています。 特に、ここ1年で『Google Chrome』や『Safari』が拡張機能ギャラリーを開設するなど、これまでのFirefoxの独壇場から、拡張機能にまつわる環境がずいぶん変わってきましたね。そこでこちらでは、特にオススメな拡張機能トップ10を、ご紹介しましょう。 10位: 「Web of Trust」(Firefox/Chrome/Safari/IE) 「Web of Trust(WOT)」は、より安全なブラウジングを実現するための拡張機能。オンライン検索をする際、WOTは独自のデータベースにアクセスし、各検索結果の安全度を緑・赤・黄で表示。緑は安全なサイト、黄は注意しながら進
pipe2pyはYahoo! Pipesの内容をPythonコードに変換する。 MOONGIFTはこう見る これは非常に面白い。Yahoo! Pipesはフィードを解析して変換したりするのにとても便利に使っているが、pipe2pyを使うとYahoo! Pipes上では難しかったデータ操作(認証系や基幹系との組み合わせ等)も自由に実装できるようになる。 さらにGoogle App Engineとの組み合わせが面白い。クローリングのタイミングや、フックスクリプトとして使ったりと色々な応用ができるはずだ。Pythonの勉強として使ってみるのも面白そうだ。 [/s2If] pipe2pyはPython製のフリーウェア(ソースコードは公開されている)。フィードを加工したり、テキストを読み込んで何らかの変換を行った後に再配信するようなシステムは数多い。特にフィードをJSON化するニーズは強く、それによ
最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く