WPZOOMのエントリーから、グリッドデザインをベースにした雑誌風のレイアウトや複数のサイドバーを持つデザインのフリーのWordPressのテーマファイルを紹介します。 45+ Free Premium WordPress Themes with Magazine or Grid Layouts
今朝の朝礼で新卒の技術部スタッフに 「人にわかりやすく説明するコツを教えてください」 と言われました。 他部署とのやりとりの中で、仕様を説明したり 報告・相談することが多々あるのですが、 わかりにくいと言われてしまうことがあるそうです。 その場では自分が気をつけてることなどを 簡潔に話したのですが、自分なりに もうすこしまとめてみたので記事にしてみます。 (あまり技術的な内容ではなくてすみません) 結論から先に話す 人にわかりやすく説明するには、 「結論から先に話すこと」が大切だと思います。 話す人が話したい順番に話すのではなく、 聞く人が聞きたい順番に話すことです。 話す人が話したい順番は、 1.「なぜそうなったのか」(理由) 2.「結局どうするのか」(結論) です。 話す方としては、順を追ってなぜそうすることに なったのかを説明したくなるものです。 ですが、聞く人が聞きたい順番は 1.
要素が挿入された瞬間を取得する 今までは出来ないと思っていたのですが、今日いろいろ試していて出来る方法が分かりました。 ですので、ちょっと紹介したいと思います。今のところアイデアなので、実用性は?です。 方法 HTML に以下の style 要素を挿入することで実現することができます。 <style type="text/css"> * { display: expression(function() { if (!this.__mark) { this.__mark = true; alert('inserted node: ' + this.tagName); } return ''; }.apply(this)); } </style> 実際に例を見てみましょう http://amachang.art-code.org/ieexpression/000.html <!DOCTYPE
Min Tran's weblogのエントリーから、個人でも商用サイトでもフリーで使用できるシンプルでかわいらしいフリーのアイコンを紹介します。
Free eCommerce icons | Web Design and Ecommerce, Belfast Presenting 32 free icons to use or remix in your eCommerce projects complete with master SVG file. Enjoy.Eコマースに使える、ハイクオリティなフリーアイコン集。 次のようなアイコンがpng形式とsvg形式で32種類配布されてます。 カートや鍵、プレゼント、値引きシールといった必要なものはそろってる感じです。 ショッピングサイトで使えそうですね。 関連エントリ オンラインショップ向けのクレジットカードアイコンいろいろ
CSS Decorative Gallery I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images.CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」。 イメージにCSSをあてることで、次のように、セロハンテープで貼り付けたり、画鋲でとめたりといった効果を出すことができます。 デモページはこちらでIE6でも問題なく動作。 沢山種類があって、色んな場面で使えそうです。 これは久しぶりに感動しました。
AS3Wrapper AS3Wrapper imports Flash libraries into Javascript. JavaScriptからActionScript3を使うための「AS3Wrapper」 AS3Wrapperを使えば、JavaScriptの中でFlashオブジェクトを生成して、Flashをそのまま扱えるようです。 with(playerInstance) with(flash.display) with(flash.net){ var image = new Loader(); image.load(new URLRequest(url)); addChild(image); } AS3Wrapperを使ってできるサンプルリストは以下 Drawing a scene Loading an image A text-effect with scalable font
56 Professional Free Arrow symbol & icons フリーのプロフェッショナル矢印アイコン集 次のようなアイコンがベクター形式でフリーで配布されているみたいです。 こうした矢印はWEBのUIを作る上で非常によく使うものなので、覚えておくと矢印のデザインなら困らないでしょう。
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
ソフトの使い方や操作方法、あるいは相手に何か説明をするとき、文字をただ並べるよりも画像を加えた方が理解しやすいのは自明の理です。そして、画像よりも映像のほうがより理解しやすいというのもまた当然の話ですが、実際にムービーを作成しようと思うと一気にハードルが上がってしまいます。 そこで使えるのがこの「カムタジア スタジオ(Camtasia Studio)」、動画マニュアルや動画コンテンツなどを非常に簡単かつ強力に作成できます。 単純にデスクトップでの動きを記録するだけであれば他にもいろいろとあるのですが、このCamtasia Studioは単純に録画するだけでなく、その強力な編集機能の豊富さと簡単さがウリ。通常のムービーとは一線を画するクオリティの動画を少ない手間と時間で作成できます。 中でも特に強力なのが「SmartFocus」という機能。全自動で見せたい部分にズームインしてくれるため、デス
通常の無料で利用できるアクセス解析サービスだと、一体どの国から来ているかはわかっても、どの都道府県から見に来ているかといった情報まではなかなかわからないことが多かったのですが、今回リリースされたこの「ジオターゲティングブログパーツ」を使えば、アクセス数の多い都道府県上位5つをリスト表示可能です。 また、アクセス数の多少に応じて都道府県を色分け表示し、過去1週間1日間の都道府県ごとのアクセス数の内訳も見ることができ、さらに過去30日間の都道府県ごとのアクセス数の推移や過去30日間のサイト全体のアクセス数の推移をグラフで表示することも可能となっています。 詳細は以下より。 ジオターゲティング [geotargeting] : ツール : ブログパーツ タグ生成は上記ページにアクセスし、設置したいアドレスを入力するだけ。利用は無料。簡易版と詳細版の2種類があり、実際に以下のブログにて設置されてい
Mashableのエントリーから、ウェブ制作に役立つ、16のFirefoxのアドオンを紹介します。 Another 16 Firefox Add-ons For Web Designers Font Finder テキストに指定されているスタイルシートを表示します。 Link Evaluator ページのリンクをチェックします。 LiveHTTPHeaders ヘッダ情報を表示します。 OperaView Operaでのレンダリング確認用に。 Pagediff 別々の2ページの差分をチェックします。 Python Sidebar for Mozilla サイドバーにPythonのリファレンスを表示します。 RankQuest SEO関連の各種情報を表示するツールバー。 SEOforFriefox GoogleやYahoo!の検索結果ページに、SEO関連の情報を表示します。 SEOQuake
Plastic Fantastic 各チュートリアルで使用しているレイヤースタイルは、キャプチャがあるのでそれっぽいものを作成することは可能ですが、使用しているレイヤースタイルをPSDTUTSの有料メンバー($9/month)ページからダウンロードすることができます。
このメモについて id:amachang の私的な学習目的 IE6 の標準モードに関するバグ いろいろとポイント layout IE6 の視覚整形モデルの中で要素は、大きく分けて layout を持つ要素と、 layout を持たない要素に分けることができる。 layout を持つ要素とは、自分のサイズや位置に責任を持つ要素である。 layout を持つ要素は、四角形の領域を作る。 layout を持たない要素は、直近の layout を持つ要素のサイズおよび位置と、そこの間にあるすべての要素の margin, padding, border によってその開始点、折り返し点が決まる。 layout を持たない要素は、四角形の領域を作らない。上下左右の間隔を保持しているだけに過ぎない。 layout を持たない要素間の上下マージン(相殺されるマージン)は二つの要素間の共有のもので、ある要素特
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く