一定期間更新がないため広告を表示しています
![コーディング周りと自虐ネタと | necoze LOG2 [ネコゼログログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2302e44c95c7e474fefb218540004f95dc47a4bb/height=288;version=1;width=512/https%3A%2F%2Fimaging.jugem.jp%2Ftemplate%2Fimg%2Fjugem_og-image.png)
Style Master Tools Linear Gradients Radial Gradients Text Properties Box Properties Transforms CSS3 Details Start Start Color End Color h Position % v Position % Angle ° Stops Color Position % Delete StopAdd Stop Gradient Repeats Webkit Firefox The code Preview % follow me on twitter buy the book take the course attend the conferences Slider Color Picker
昔から量より質だった 「Top 25 Blogs About Blogging」では、ブログに関するアドバイスなどを記載しているブログのトップ25がリストされています。Google や Alexa のスコアなどを基にランキングされているこのリスト。複数のライターを抱える大規模サイトもあり、それらは毎日情報を更新していますが、大半は毎日更新していないのが分かります。平均で 2,3日に一回更新しています。同サイトは「Top 25 SEO Blog」や「Top 25 Web Design Blogs」という別分野のトップ 25 を同じ採点方法でランキングを出していますが、こちらも傾向が似ていて毎日更新しているサイトがトップに来ているわけではなさそうです。 数より質を評価しているのは人間だけでなく検索エンジンもそうである 2年以上前に作られたランキングなので最新のランキングでは異なるサイトが並ぶ可
2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派!」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト! オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S
3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Niall DohertyFounder and lead editor at eBiz Facts Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Th
旧バージョン ■html <p id="copyright">Copyright © <span id="copyrightyear">2009~</span> Magic Happens</p> ■JS function thisYear(){ var day=new Date(); var year=day.getFullYear(); if(document.getElementById("copyrightyear")){ document.getElementById("copyrightyear").innerHTML=year; } } function addEvent(){ try { window.addEventListener('load', this.thisYear, false); } catch (e) { window.attachEvent('onloa
こんにちは、ブログ担当の坪田です。 今回は、先日公開したlivedoor Blogアプリを事例として、iPhoneアプリ公開までの流れと必要な情報について書きたいと思います。 ■iPhoneアプリを作るために用意するもの 1,Mac OSX 10.5.5以降を搭載したMac本体 iPhoneアプリはWindowsPCでは開発できません。 iPhoneを作るうえで必要なソフトウェアはAppleから無料で提供されています。 2,Appleのアカウント Apple storeから無料で取得できます。 URL:http://store.apple.com/jp 3,iPhone Developer Programへの登録とライセンスの購入 ライセンスは「スタンダード 10,800円」「エンタープライズ 33,800円」と2種類ありますが、自社向けの業務用アプリケーションを開発する場合でなければ、ス
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
392 cool photoshop gradients ストックしておくと楽できそうなPhotoshop用グラデーション392種類。すでに紹介したものも含まれていますが、多数のグラデーションが紹介されてます。 ちょっとグラデーションを使いたいときにクリック一発で適用できるグラデーションのコレクションです。 あまり入れすぎるとスクロールバーが小さくなりすぎて使いにくい懸念もあるので入れすぎるのも問題かもしれませんが好みの効果を入れておくとよさそうですね。
SIKULIはWindows/Mac OSX/Linux向けのオープンソース・ソフトウェア。プログラムを自動操作するソフトウェア多い。そうしたソフトウェアは大抵プログラムをパス指定で呼び出し、ウィンドウの名前や入力欄のオブジェクト名で操作を行う。 だがそれではあまりに分かりづらい。ちょっとしたウィンドウの位置で動作が変わったりする。ウィンドウが開くまで数秒待ったりしても、必ずうまくいくとは限らない。だがSIKULIを使えばうまくいきそうな気がする。SIKULIはまさにビジュアルでプログラミングするからだ。 SIKULIはアップルスクリプトのように簡単なアプリケーションの自動操作を行う。clickやswitchApp(アプリケーション呼び出し)、type(キー入力)などの命令が利用できる。ここまでは普通だ。だが普通ではないのはクリックする対象や画面上の探す対象をスクリーンショットで指定できる
By Paul Andrew As many of us know, the initial 15-20 seconds of a new user's visit to a web site will have a large impact on whether on not they are going to like or dislike the site, prompting them to decide whether they will stay or go. This means it's vital that you follow usability rules with common design practices and layout your site, especially the navigation, in a style that the user can
以下のような丸囲い数字や半角カナを、他の文字に変換する jQuery プラグインを書いてみました。 フォーム要素などでこれらの値が入力されるケースが良くあるのですが、環境によっては文字化けやトラブルの要因になるので、登録処理を行う前に代替の文字に強制変換するといった使い方をしています。 使い方 jquery.js 、jquery.exreplace.js を読み込み、変換対象の要素に対し exReplace() メソッドを実行すると、表のとおりの変換処理を行います。パラメータを指定することで、変換対象の文字を限定することができます。 Demo 保存ボタンを押した時点で変換したい場合は、保存ボタンの click イベント内で exReplace() メソッドを実行します。 jQuery(function($){ $('#save_btn').click(function(){ $('inpu
自分がインターネットを良く使っていたりWEBサービスを運営していたりすると、「高速なアクセス」「安全な通信」「特定地域からのアクセス」を確保するためにプロキシサーバーを使う場合があります。 このプロキシサーバーの情報を集め公開しているCyberSyndromeというサイトがとても便利です。 ・CyberSyndrome – The Proxy Search Engine プロキシサーバーの情報を確認できる「Proxy Checker」や、環境変数を調べられる「ENV Checker」、ドメイン情報を調べられる「Whois」などの便利なツールがありますし、プロキシ初心者にはプロキシについての知識を一から学べる「プロキシサーバ入門」というページもあります。 そして、このサイトの中にSpeed Rankingというページがあり、プロキシアクセスが高速な順にランキング表示してくれており非常に便利で
1月。誰もがおめでたい正月気分の残る中、マネージャーは多忙な仕事を始める。会社を出て、新年の得意先回りに出かけるのだ。本年もよろしくお願いします。昨年はお世話になり、とくに某の件ではいろいろご迷惑もおかけしましたが、今年は気を引き締めて進めますので、是非またよろしくお願いいたします。営業部員も同行するが、品質トラブルで嫌みを言われるのは技術屋の方だ。いずれにせよこの不況の中、一社でも顧客を逃したら今期の目標達成はあり得ない。もっとも訪問先の2人に1人は、業界の新年会に出かけていて不在だが。それでも名刺を置いてくるのが大事な仕事だ。 2月。昨年から続いていた仕事が製作段階に入って火を吹いた。基本設計にミスがあったのだ。誰が設計書をチェックしたんだ! と叫びたい声をぐっと飲み込む。後ろ向きのことを言っても仕方がない。部下の責任はいずれ自分の責任だ。とにかく人を追加する算段を考えなければならない
回避性パーソナリティ障害(かいひせいパーソナリティしょうがい、英語: Avoidant Personality Disorder; 以下APDまたはAVPD)[1]、または不安性パーソナリティ障害(anxious personality disorder)[2]は、広範にわたって持続してきた社会的な活動の抑制、自分なんかふさわしくないという感覚、否定的な評価に対する過敏さ、社会的な交流の回避などのパターンによって特徴づけられる、パーソナリティ障害の下位分類である。加齢と共に寛解する傾向がある[1]。 APDをもつ人は、自分は社会的に不適格で魅力に欠けていると考え、笑われること、恥をかくこと、排除されること、嫌われることを極端に怖がり、そのために、社会的な交流を避けようとする傾向をもつ。自分は孤独者であるとし、社会から取り残されている感覚を訴えるのが典型である。 通常、成人期早期に自覚され、
■内容紹介 モリサワOpenType全書体、完全網羅。 書体見本、組み見本、比較見本、デザイナーによる 使用例&アレンジ例を多数収録した必携の1冊。 1. コミュニケーションとデザイン 30人に聞く、文字が果たす役割 青木克憲/植原亮輔/えぐちりか/大久保明子/岡田善敬/岡室 健/岡本一宣/工藤強勝/古平正義/佐藤可士和/佐藤卓/佐野研二郎/信藤三雄/セミトランスペアレントデザイン/副田高行/祖父江慎/高井薫/戸田ツトム/ TGB design./中川憲造/中島信也/中村勇吾/野口孝仁/服部一成/原研哉/平野敬子/廣村正彰/福井信蔵/丸橋桂/宮崎光弘 2. 文字・フォントの基本 文字の歴史と基礎知識/和文書体の基本/欧文書体の基本/文字の組み方/ 紙面の組み方とレイアウト/混植の基本と応用 ほか 3. モリサワOpenTypeフォント全書体の文字・組み・実例見本 明朝体
Robert’s talk Robert Nyman氏が自身のブログにおいてTools for concatenating and minifying CSS and JavaScript files in different development environmentsのタイトルのもと、JavaScriptとCSSを結合して単一のファイルにまとめたり、それぞれをミニファイするための14のツールを紹介している。WebサイトやWebアプリケーション開発に利用できるツールのまとめとして興味深い。紹介されているツールは次のとおり。 PHP Minify JavaScriptおよびCSSのミニファイ、結合、Gzip圧縮、キャッシュ対応 Combine JavaScriptおよびCSSの圧縮、複数URL結合機能 SmartOptimizer オンデマンドでミニファイ、圧縮、キャッシュ、結合、組み
20日(米国時間)、Firebugの最新版であるFirebug 1.5.0がリリースされた。FirebugはFirefoxアドオンのひとつで、閲覧しているWebページのHTMLやCSS・JavaScriptを解析するWebデバッガだ。Firebug 1.5.0ではブレーク機能に関する機能が大幅に追加され、より直感的にデバッグが可能となった。概要やアップグレードの手順については「Firebug 1.5.0、登場」に詳しくまとめられているので併せて参照されたい。 おもな更新点は次のとおり(「Firebug 1.5.0、登場」より引用。詳細はリリースノートを参照)。 機能拡張されこれまででもっとも堅固なインスペクタ機能 新しいデバッグ機能「ブレークオン」の導入 MathMLおよびSVGネームスペースのサポート HTML編集機能の改善 Netパネルのタイミング表示をより正確なものへ改善 XHRにお
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. 20日(米国時間)、Firebugの最新版となるFirebug 1.5.0が公開された。 FirebugはJavaScriptデバッグやHTML/CSSの編集、インスペクション、読み込みタイミングの分析などを実施するためのFirefoxエクステンション。サポートするバージョンはFirefox 3.5以降。WebデベロッパやWebデザイナに人気の高いエクステンションで、Firefox人気を支えている機能のひとつとなっている。 Firebug 1.5.0の新機能は次のとおり。そのほかの新機能のオーバービューはリリースノートに掲載されている。 Firebug 1.5.0新機能 機能拡張さ
入力した/入力するパスワードを見えるようにする 筆者はパスワード入力をよく間違えてしまうのですが、そもそもパスワードの入力ボックスは不親切だと思いませんか? どこまで入力したのかが分かりづらいと思うのです。セキュリティ面で考えると他の人に見られたりするような場所では、確かに入力したものが隠れている必要があります。 では、任意で見えるようにしてはどうでしょう?今回は任意でパスワードを見えるようにするサンプルの紹介をしたいと思います。 今回使うメソッドの紹介 まずは今回使うメソッドを紹介しておきます。 afterメソッド 指定した要素/文字列など(A)を対象要素(B)の後ろに追加します。 $(B).after(A); 同じようにbeforeメソッドというものもあり、こちらは指定した要素/文字列など(A)を対象要素(B)の前に追加します。 $(B).before(A); また、似たようなメソッド
情報処理推進機構(IPA)は2010年1月20日、Webサイト開発者・運営者が適切なセキュリティを考慮したWebサイトを作成するためのドキュメントの新版「安全なウェブサイトの作り方 改訂第4版」を公開した。とくに実践的な脆弱性対策を普及させるため、具体的な「失敗例」を従来版よりも拡充した。PDF形式で、自由にダウンロードできる。 IPAが受けた脆弱性関連の届け出の情報を基に作成した資料。件数や影響度が大きい脆弱性を取り上げて、それぞれの脅威の特徴や根本的な解決策、攻撃の影響軽減を期待できる対策などを解説する。改訂第4版は「ウェブアプリケーションのセキュリティ実装」「ウェブサイトの安全性向上のための取り組み」「失敗例」の3章構成。 失敗例では、「OSコマンド・インジェクション」「パス名パラメータの未チェック」「クロスサイト・リクエスト・フォージェリ」「HTTPヘッダ・インジェクション」の4種
55 Spectacular Login Form Designs すぐれたログインスクリーンを 55 つも集めたリンク集。特に目立つのがページの中央に大きくログインフォームを表示させているのが多数を占めています。まるで、OS やデスクトップアプリケーションのようなログインスクリーンのようですね。今後、独自 ID だけではなく、OpenID を導入した際に見やすいフォームを実現させるかが課題です。Digg が良い感じですが、他の見せ方も模索されていくでしょう。 100 Outstanding Login Forms こちらは倍の 100 のログインスクリーンを集めたリンク集。上記のまとめとかぶっているサイトも多数ありますが、ビジュアルよりラベルの付けた方のバリエーションをたくさん見ることが出来るのはこちら。ラベルとインプットフィールドの位置関係がフォームの書きやすさにどれだけ関わるのか検証
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く