より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家）HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
要連絡、漢字無しなど、条件付だけど商用利用可能なフリーの日本語フォントいくつか
最近、というか昨日知ったので 備忘録的にエントリーします。 今まで知らなかったのが悔しい。 条件付だけど商用の利用も 可能なWebフォントをいくつか。 最近、というか昨日知ったので 備忘録的にエントリーします。 今まで知らなかったのが悔しい。 条件付だけど商用の利用も 可能なWebフォントをいくつか。 クリエイターさんに感謝です。 有名なフォントなんですね。。今まで知りませんでした。要連絡、ひらがな、カタカナのみで漢字は無い、など条件付では有りますが、それでも商用でも使って良いよ、と言ってくださるのは非常に有りがたいです。備忘録では有りますが、感謝も込めていつくかご紹介させて頂きます。 Fontopo 2つの日本語フォントがあります。商用は可能だけど、意匠登録は不可との事。オリエンタルとニクキュウ。カタカナフォントになります。かわいい。 Fontopo ガウプラ カタカナが7つ、ひらがなが
本を使用した秀逸なアート集・・・の中に日本の漫画が・・・
アイデア本を使ったアート・・ 愛読してるブログ、slodiveの エントリーで本をアートにして しまう、Brian Dettmer氏の作品 が紹介されていたのですが・・ 愛読してるブログ、slodiveの エントリーで本をアートにして しまう、Brian Dettmer氏の作品 が紹介されていたのですが、 その中の1品が、少し気になり ました。。。 Brian Dettmer氏は古本などをくりぬき、中のイラストなどを使って3Dアートを作成するアーティストですが、この中の1つがちょっとアレです。まずは素晴らしい作品の数々をご覧下さい。 Brian Dettmer 凄いです・・ページごとに欲しいコンテンツのみを残して切り抜き、影絵のようなアートをリアルに作り出しています。 ただ、この中の1点だけ、日本の漫画を使ってくれていたのですが、それが以下の作品。 11 x 9 x 2-1/2 inche
日本語で読めるプラグインを使わないWordPressカスタマイズ方法まとめ
豊富なプラグインで手軽に気軽に カスタマイズする事が出来るのも WordPressの魅力ですが、ソース が汚くなったり、重くなったり、など メリットだけでもなかったりします。 また、実現したいけどいいプラグインがないなんて事も有ると思います。そこで、プラグインではなく、テーマファイルなどを直接カスタマイズする方法を日本語で書いてある記事をまとめました。フォーラムは載せていないので探してみてください。結構有ります。 wp-adminをSSLでロック管理画面をセキュアに。https://abc.com/wp-admin/にする方法です。企業サイトなどは特に導入の検討をすると良さそう。1行加えるだけなので手軽に導入できます。 wp-adminをSSLでロック メディアにある画像のサムネイルを表示する[sexy-lightbox href=’http://kachibito.net/wp-cont
WordPress使いが覚えておくと便利な7つ道具
WordPressを使っていて 「これが有ると無いとで全然違ってくる」 と思う7つ道具（ソフトやツールなど）を ご紹介いたします。既知なモノも 多々あるかと思いますが、少しでも 参考になれば幸いです。 1. BitNami 【30分もあればアナタのPC内にローカルサーバー自動構築】 僕にとっては必須。初心者には敷居の高いローカルサーバー構築を わずか30分程度で自動で構築してくれてWordPressも同時にインストール してくれちゃうフリーソフト。WordPress以外のCMSも幾つかあります。 当然、ＤＢなのでWPだけじゃなく、プログラムの勉強や他CMSのテストにも使えます。 WordPressは英語なので日本語を使うのであれば日本語に変えるか、 新たに日本語のWPをインストールします。接頭語にお気をつけて。 以前、BitNamiの導入手順を書きましたので宜しければ。 ローカルサーバーは
WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストールDB作成WP最新版をダウンロードwp-config.phpをDBに合わせて変更接頭語も変える（wp_ → example_）FTPソフトでサーバーにインストールログインして管理者権限のユーザーを作成作成したユーザー名で再ログインadminユーザーを削除ダッシュボードの不要なコンテンツを非表示にパーマ
WordPress凄いな・・と改めて思ったプラグインやテーマ
onextrapixelの記事を見て、改めて WordPress凄いな・・と思ったので ご紹介したいと思います。ここまで WPで出来るんだと感心してしまい ました。そんなプラグインやテーマです。 記事には多くのWPユーザーが既知である、WordPressをSNSにしてしまうBuddyPressや、以前ご紹介したギャラリーを作れるテーマ、Twitterっぽくしてしまうえる P2 Themeやprologueなどの情報もありますが、それは割愛して、この記事で始めて知ったものを数点。 Job Board ジョブボード化するテーマです。有料。投稿者はお金を払うと自分の載せる事が出来ます。フリーランス、パートなどのアイコンをつける事も可能でPaypalと連動しているようです。 Job Board Digg-like Voting Site Diggのような投票を行なえるように出来るプラグインです。無
英語の学習情報の特徴メモ
話題が集まりやすい英語の 学習法などのブログ記事ですが、 結局勉強するかどうかは、その 方法が自分自身に合うかどうか。 これまで何度か出てきた英語学習の方法を書いた記事をまとめて概要のみ引用して一目である程度相性いいかどうか分かるように、比較出来る様にしておきます。これから冬休みの方はこの機会にいかがでしょうか。 気になった学習方法があったらリンク先で詳細を確認すると手間が省けそうな気がします。主観込みなので参考程度に。。 中学生レベルの英語力の奴が４ヶ月でTOEIC「Bクラス」を出す方法リンク先のおおまかな内容 TOEIC730~860を4ヶ月で出した方法まずは基礎を中心にリスニングの先読みの練習もサードパーティの模試を必ず時間を計ってとにかく、速読と先読みの練習 教材：4冊 > 書籍中心。学ぶ順番も書いてある特徴：英語が完全にダメな人向け方法：回り道せずとにかくやり込むはてブ 中学生レ
コンテンツにエフェクトを掛けるjQueryプラグイン10個
個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。 コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。 Sliding Door Effect マウスオーバーで画像が4隅に開きます。動きも素敵。 Sliding Door Effect / デモ Rainbows テキストにグラデーションや影をつけます。これは凄いですね。 Rainbows / デモ Opacity to Show Focus マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラグイン。テキストでも可能。 Opacity to Show Focus / デモ Color Changing Text an
ネットで出来るだけ物を安く買える方法やサイトを調べた - かちびと.net
今更ながら不況なのでネットで 安く買えるEコマースサイトや 通常よりも安く済ませる方法などを 調べたのでシェアしたいと思って エントリします。殆ど既出な情報です。 ほんとにお金が無い時には役に立たない 情報かも知れません。 仕事の過程で物入りな時に探した情報です。何かと出費を抑えたい時代。少しでも安く済ませられるよう、激安ネットショップやモノを安く買う方法等の情報をまとめました。順不同です。 生活応援通販のヒラキ とにかくココは絶対に紹介したいサイト。金額が異常なほど安い。スニーカー180円で有名なサイトです。他にも雑貨80円均一、女性用ブーツ780円などなど。配送はクロネコヤマト等なので送料が高いという罠も無し（多分）。更に5250円以上で送料も無料とまとめ買いにもうってつけです。 生活応援通販のヒラキ ロヂャース ディスカウントで有名なロヂャースのオンラインショップ。実店舗同様、安い商
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ
ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見やすいです。MT使用。 小林聡美.jp Marunouchi.com 丸の内の情報サイト。ハイクオリティです。写真をダイナミックに
ハイクオリティなフリーのFlashギャラリーテーマがかっこいい
クオリティの高いフリーのFlashギャラリーテーマをTheme-Boxよりご紹介します。 ※先日、お知らせさせて頂きましたように、この記事は僕が管理していた別のブログの過去記事を移行したもので正確性に欠ける可能性があります。何卒ご了承願います。 free flash photo templateはフリーのFlashテンプレートです。かなりかっこいい。僕好みです。 free flash photo template バックグラウンドカラーの変更可能 音量の変更も可能。 丸いサムネイルをクリックするとアップになります。 コンタクトフォームも装備 リンクも貼れます。 興味のある方はぜひご利用になられては如何でしょうか。 free flash photo template
cssのテクニックなどを学びたい時に見ておきたい12サイト
cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基本から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か
アートやデザインに特化したブックマークサイトいろいろ
最近ABMを始めたのですが、 他にも無いかと探してみたので 見つけたサイトをご紹介します。 殆ど既知かもしれませんが。 アート、画像、デザインなどに 特化したオンラインブックマーク のサービス集です。 個人的な趣向も含まれてます。特化したブックマークサイトは情報収集先にもいいですね。 AnotherBookmark ABMです。All Flashで最初は戸惑いましたが、特有のローディングも無く、かなり動作も軽快です。サムネイル付きのブックマークをするには招待コードが必要です。 AnotherBookmark straightline bookmark プライベートモードになっていて、ブックマークは出来ませんが、ユーザー登録は可能のようです。集まっているWebデザインと見易さのクオリティが凄いです。参加できなくても見る価値あり。 straightline bookmark ウェブマ！ 標準的
無料で家の設計やインテリア配置などをシミュレート出来るサービスやソフトウェアいろいろ
Webマーケティングブログさんの IKEAのSpace Makerというサービス の記事に触発されてインテリアや 部屋の設計関連のツールを色々と 探してみました。殆ど海外ですが、 結構あるんですねー。触ってみると いつの間にか時間が過ぎてて困る。。 中には調整中のサービスと、環境が整わないと出来ないのも数点ありましたが、基本的には動作しました。おまけ合わせて18種類あります。 Autodesk Project Dragonfly 登録しなくても楽しめますが、セーブは登録が必要だと思います。部屋を作成して3Ｄで見ることも可能。操作は直感で分かりそうですが、オンラインなので若干重いです。でもＵＩも綺麗で操作しやすかったです。 Autodesk Project Dragonfly Floorplanner. 海外のサービスですが日本語化されているので説明は不要ですね。こちらも3Ｄで確認可能。個人
NAVERのまとめコンテンツで参考になったリンク集20選
NAVERのまとめコンテンツが いつの間にか凄く進化してました。 横着者でまとめてリンク集化する 僕にとっては凄くありがたいので 参考にさせて頂いています。現在 かなりの数のリンク集が作られていますが、 その中でも特に参考になったコンテンツを 20個選んでご紹介します。 平たく言えばまとめのまとめなんですが、「NAVER、参考になりますよ」って事を言いたいだけですのでご了承下さい。NAVERはユーザー同士でまとめるので、一言コメントが結構参考になったり。ユーザーがコンテンツを作るNAVERは今後、マーケティングに最適な場に育ちそうな予感がします。 総数はそのまとめコンテンツのリンク数です。※2009・09・08現在 このサイトのデザインがすごい。 国内外の秀逸なWebデザインのギャラリー。総数79件 このサイトのデザインがすごい。 iPhoneで使えるアプリ iPhoneアプリいろいろ。コ
ついつい長居してしまう専門的なサイト25選
仕事があるのについつい長居してしまう サイトって無いですか？何かを大量に まとめてあるサイトだったり、掘り下げたく なるような専門サイトだったり、理由は様々です。 僕も例外なく気が付いたら全然仕事してない時も あります。そんなサイトを25サイト選んでご紹介します。 中には僕にはまだ必要ないサイトもありますが、こんな専門サイトもあるよ、って事で。因みに一貫性は全くありません。ただ、「長居しちゃう」ってだけ。順不同です。 SourceForge.JP 日本語で読めるオープンソース配布サイト。ここはかなり素敵。 SourceForge.JP OpenSourceCMS オープンソースのCMSに絞った海外の配布サイト。ブログとかEC系とかやたらあります。管理画面のデモもあるのでDLする前に触れるのは嬉しい。 OpenSourceCMS Twitpaper Twitterの背景の秀逸なデザインをダウ
Twitterオフ会に行って来て思った事
先日、Twitterユーザー同士でオフ会なるものに参加させて頂きました。 遅い時間開始で、2時間半。皆様、本当にお疲れ様でした。 もともとは相馬さんのお誘いで始まったオフ会でした。最終的に面子はWebマーケティングブログさん、リアルSEOさん、シブリビさん、SEM-LABOさん、と僕で6人。 名刺交換のしない、フランクな飲み会と、聞いていたので純粋な僕は手ぶらで向かったのですが、いざ、全員席に着くと名刺交換始まりました。なにこれこわい。というか、社会人として当たり前の建前だったようです。僕の人間失格さを理解していただいてからオフ会開始です。 普段のTwitterでの話し方とリアルのギャップがあまり感じない普段Twitterで話してるので感覚というか「こういう話し方をする」って感じを何となく想像していましたが、さほどギャップが無く、直ぐに打ち明けて話は盛り上がりましたよ。以前BBQしたシブリ
タイポグラフィの動画がかっこよすぎて鳥肌たった
Webdesigner Depotでエントリーされたクリエイティブなタイポグラフィ動画が かなりかっこよくて鳥肌立ったのでご紹介したいと思います。 ちょっと重いのでリンク先で見た方が良いかも。。 Stop and Think – Talking Head STOPandTHINK – Talking Head from Jr.canest on Vimeo. D-Tronics from Manny Garza Kinetic Typography – D-Tronics from Manny Garza on Vimeo. Citizen Cope – Let the drummer kick it Video – Citizen Cope Let the drummer kick it ( After Effects Composition ) from Bogdan Macovici
【動画】PCを組み立てる方法
Maximum PCというサイトで PCを組み立てる方法をわずか 15分の動画で紹介していました。 この夏、自作でPC組み立てたい！ なんて方は参考になるかも。 その動画が以下。ちょっと重いかもしれません。やや長めです。 しかしサクサク組み立てますね。。 How to Build a PC – Every Step Explained How to Build a PC – Every Step Explained from Maximum PC on Vimeo. 英語ですが、動画なので自作PCの本を片手に何とかなりそうな気がしないでもない・・ こう言うの詳しいと騙される事もないんだろうなぁ。 僕は全然知識がないので覚えておくと余計なお金を使わず済みそうです。 興味がある方はお試しあれ！僕もいずれ・・ (via:Maximum PC)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
