Mac OS X に Aptana Studio をインストールして日本語化してみました。 日本語化には以下のサイトがとても参考になりますので、ここでは僕のような Mac 初心者向けに注意点などをふまえて説明します。 Aptana Studio の日本語化 On Mac - にゃっす。 Eclipse プラグイン日本語化プラグイン - Pleiades(プレアデス)をダウンロード まずは Pleiades (Eclipse プラグイン日本語化プラグイン) から「Pleiades (プレアデス)」をダウンロードしましょう。 サイトの中ほどに、「Pleiades 本体ダウンロード」というのがあるので、そこから Pleiades をダウンロードします。僕は上記参考サイト(にゃっす。)のように、「安定版 1.2.3」をダウンロードしました。 Pleiades をコピーするときは要注意( Mac ビ
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに! まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
Download Cowsee now. This application requires Adobe® AIR™ to be installed for Mac OS or Windows. WEBサイト制作の仕事をしていて、よく「何月何日よりあとに変更のあったファイルのみ納品」ということがあります。 それらの作業がしやすくなるように、指定したディレクトリの中から指定した日時以降に更新のあったファイルのみを抽出して、別のディレクトリにコピーして書き出すアプリを作りました。階層構造も保ちますので、書き出されたディレクトリをそのままアップロードしたり、zipに固めて納品したりできます。 あ、あと下↓にスクリーンショットがありますんで、変なおっさんの写真(私です)とか出てるのはこのページだけで、アプリはそんなことないんで、いたってまじめなんで、よろしくおねがいします。 フリーソフト! 便利な
目的 † 通常サイトを制作している中で困ることはいくつかありますが、ここでは以下のような点をローカルにMAMPで環境を用意して確認できるようしたい思います。 ルートからのパスで記述されている場合でも、ローカルで意図したとおりの表示、あるいはリンクが確認できるようにしたい SSIを使用しているサイトもローカルで確認できるようにしておきたい。さらにSSIの拡張子もshtmlではなくhtmlでも確認できるようにしたい また、上記とは別に問題となるのが、複数のサイト制作が同時に進行している場合に、サイトごとにルートからのパスで記述された内容を確認できる環境が欲しい、ということです。 デフォルトのままだとMAMPのDocument Rootは /Applications/MAMP/htdocs のみとなっており、複数のサイト制作をしている場合、その都度Document Rootの設定を変更するのは面
TOP > Design > バックグラウンドデザインのパターンを生成できるツールまとめ「5 Pattern Generators for Background Designs」 WEBサイトを制作する際に、背景に大きな画像を張り込むとその分サイトの容量が大きくなってしまい、重いサイトという認識をされてしまうことも。今回はそんな背景画像を手軽に、そして容量にも配慮して生成できるツールをまとめた「5 Pattern Generators for Background Designs」を紹介したいと思います。 ZenBG—Background Generator ダウンロード形態を選べる5つのジェネレーターサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■10,000s Cool FREE Seamless Pat
What is Patternify? Patternify is a simple pattern generator. I built it to save myself the pain of launching Photoshop just to export a 2px by 2px stripe pattern. Not only can you build your pattern online, but with the base64 code, you don't even need an image file anymore: just include the code in your CSS and you're ready to go! Instructions Draw your pattern on the grid. You can use the curso
Create beautiful backgrounds for websites or desktops. This project includes a large collection of textures—wood, rust, paper, concrete and more from Texturise—which can be combined with linear-gradients or colors to create a wide assortment of themes. Drag & Drop images into the browser to generate tile-able patterns! Enter full-screen mode, and design your own desktop wallpaper!
Patterncooler 3.1 - Fun, Free and even cooler! Apply your own colors, size and texture effects to thousands of pattern designs and download as seamless background images for FREE. Unlimited large tiles over 300px x 300px* and pattern area graphics can be obtained via the new license plans. This simple web app has been designed to provide seamless pattern images, for the use in creating:- Twitter,
トライベックでは創業以来、独自のユーザビリティ評価プログラムによって国内主要企業のWebサイトの使い勝手を客観的な指標によって評価してきました。 毎年、各業界売上上位の国内主要企業全150社をピックアップし、企業Webサイトを当社専門家が評価・スコアリングを行い、企業のユーザビリティ品質に対する取り組みの実態やトレンドを明らかにする取り組みを行っています。 100点満点でスコアリング 当社実施の各種ユーザーテストやコンサルティングで培われたUI/UX視点の詳細な評価基準。 毎年ユーザー環境・意識やトレンド変化に合わせ評価基準は最新化されます。 全117評価項目 ユーザビリティコンサルタントによる専門家評価を実施。全117評価項目について使い勝手を4段階評価します。当社実施の各種ユーザーテストやコンサルティングで培われたUI/UX視点の詳細な評価基準。 毎年ユーザー環境・意識やトレンド変化に
こんにちは。ウェブサービス本部でニュース周りを担当している須田です。 私が担当するlivedoorニュースでサイトマップ(sitemap)の改善に取り組んでみたところ、以下のように多くの検索ワードに対して良い結果が得られました。 ※今回のエントリーでのサイトマップは読者のためのサイトの目次となるサイトマップではなく、検索エンジン向けのサイトマップについて扱っています。 livedoorニュースでは元々この辺りにはあまり力を入れていなかったこともあり、全てのサイトで上の図にあるような数値の上昇は期待できないかもしれませんが、見落としがちなサイトマップの改良点をまとめましたのでぜひご参考にしてください。 サイトマップインデックスを作ろう なぜサイトマップインデックス作るのか サイトマップはご存知の通り、50,000URL、かつ10MBまでという制限があります。しかし、livedoorニュースの
CSSのfloatを解除(クリア)する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題(というか仕様)と、その対処方法についてネットで調べた情報を一通りまとめました。 1.floatにより親要素の高さが出なくなる(=背景がなくなる)問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSとHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集|Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く