せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ
去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（@xxmiz0rexx）です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが
これが無料!?!?圧倒的にクオリティーが高い、WordPressテーマ３３選
前回は誰でも簡単に導入できるWordpressのインストール方法を書いた。前回のエントリーでも書いたのだが、Wordpressのテーマは本当に数多くある。そしてのその大半が無料で利用することができる。 今回は、これが本当に無料？と思ってしまうくらいにクオリティーが高いWordpressのテーマを３３選取り上げてみる。なるべく、他で取り上げられていないようなテンプレートを掲載した。 １． INFO／DEMO ２． INFO／DEMO ３． INFO／DEMO ４． INFO／DEMO ５． INFO／DEMO ６． INFO／DEMO ７． INFO／DEMO ８． INFO／DEMO ９． INFO／DEMO １０． INFO／DEMO １１． INFO／DEMO １２． INFO／DEMO １３． INFO／DEMO １４． INFO／DEMO １５． INFO／DEMO １６． INF
あなたが定義するWebの仕事を見つけるために
1月13日イマジカデジタルスケープ主催イベントOPEN-iセミナーが開催されました。様々な情報やトレンドが目まぐるしいスピードで流れては消えていくので見定めれない。今までのような作り方では続けられないかも・・・となんとなく思いながらも変えることが出来ない方はいると思います。先月の CSS Nite Shift 5 では、従来の Web サイト制作は終焉を迎えると話しましたが、そこでは「ではどうする？」といった部分は深く掘り下げませんでした。今回は「テクノロジー×クリエイティブ視点でみる、Webの仕事の行方」と題して、今後の Web プロフェッショナルの姿をテクノロジー視点、クリエイティブ視点から紹介しました。 あなたが職種を定義している 「Webデザイナーってなに？」「Webディレクターって何をしてるの？」「これから Web デベロッパーってどうなるの？」みたいな話を時々見かけることがあり
目指せ爆速WEB屋！過去2年間かけて知ったリソースを駆使して作るサイトの制作手順！ | バンクーバーのうぇぶ屋
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい（汗） さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル／スピード上がったかなぁと僕自身が感じられたら良しとしてます（笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
HTMLからツイッターbotの作り方まで無料で教えてくれるプログラミング学習サイト『ドットインストール』が素敵｜男子ハック
WebサービスHTMLからツイッターbotの作り方まで無料で教えてくれるプログラミング学習サイト『ドットインストール』が素敵2011年12月22日367 @JUNP_Nです。プログラミングってハードルが高いイメージです。今でこそ何となくわかったり使えるようになったHTMLやCSSも最初は意味不明な文字の羅列でした。そんなプログラミング言語を無料でしかもわかりやすく教えてくれる学習サイト「ドットインストール」の紹介です。 1コマのコンテンツが3分だから空いた時間に学習できる 3分動画でマスターする初心者向けプログラミング学習サイト｜ドットインストール ドットインストールの良いところは3分という短いコンテンツと、今までの学習履歴を管理しやすいというところ。 ログインしたらホーム画面に学習中の項目がどこまで進んでいるかをひと目で確認することができるし、完了したレッスンも確認することができる。 現
来年こそWebサービスを作りたい人に伝えたい９つのこと - パパパパ
今年のはじめに「今年こそWebサービスを作りたい人に伝えたい５つのこと（＋番外編）」というブログ記事を書きましたが、個人開発して起業した「Q&Aなう」や「パパパパ開発合宿」の運営を通じて、僕が今年1年でさまざま経験したことを盛り込んで、いま改めてWebサービスについて考えていることを書いてみようと思います。とくに個人開発者の方やこれからWebサービスを作りたいと考えている人たちに読んでもらえたら、とても嬉しいです。 僕自身の実体験を元に構成しているので、人によって役に立ったり、立たなかったりかもしれませんが、その点はご容赦を。 例によって長文になったので、目次を作りました。 1. 目標を立てる、目的意識をしっかり持つ 2. 作らないと始まらない 3. ”プロトタイプ開発者”になろう 4. プログラミングは怖くない 5. 最初から完璧を求めない 6. デザインがすべてを作る 7. スタートダ
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
HugeDomains.com
Captcha security check vanillate.com is for sale Please prove you're not a robot View Price Processing
ブックマークレット – Feelingplace
何度かバージョンアップを繰り返している自作のブックマークレットですが、どれが最新版かわかりにくくなってきていたので、こちらに最新版を常に置いておきたいと思います。 ブックマークレットの種類 当ブログが現在公開しているブックマークレットは以下の2種類です。 Flickr2HTML Flickrの単一画像またはsetからブログに貼りつけるタグを取得します。 Video2HTML, Insta2HTML, YouTube2HTML はoEmbedブックマークレット への統合により、今後のメンテナンスを行いませんのでご了承ください。 Tweet2HTML, FocusHtml NEO は Twitter API v1.1 への移行により使用できなくなりました。 Tabelog2HTML は食べログ利用規約に抵触しているので、公開終了としています。 『Flickr2HTML』とアプリの説明に書いてあ
あらためて Readability 的な話でもしてみようか | gaspanik weblog
「ちょうど1年前に〜Safari5になった夜〜」なんてね、ちょうど1年前にSafariに「リーダー」という機能が搭載されました。リーダーとは、Webページから装飾や広告を取り除き、本文を読みやすく整形して表示するものです。この機能がついにこの秋に登場する「iOS 5」でも追加されるようですね。 その1年前にここでも電子書籍の話ついでにSafariのリーダーについてふれてみたり、iPadでリーダーと同等の表示にする手順を解説しています。 たった1年の間にこのような機能を採用しているアプリなども増え、Safariのリーダーの元になった「Readability」もさらに進化しました。あげくの果てにはOSの標準機能として、iPhoneやiPadでも使えるようになる、と。 そんなわけであらためて、このReadability（読みやすさ、みたいな）的なことに絡めたいろんな話を書いておこうかな、と思いま
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
WordPress使いが覚えておくと便利な7つ道具
WordPressを使っていて 「これが有ると無いとで全然違ってくる」 と思う7つ道具（ソフトやツールなど）を ご紹介いたします。既知なモノも 多々あるかと思いますが、少しでも 参考になれば幸いです。 1. BitNami 【30分もあればアナタのPC内にローカルサーバー自動構築】 僕にとっては必須。初心者には敷居の高いローカルサーバー構築を わずか30分程度で自動で構築してくれてWordPressも同時にインストール してくれちゃうフリーソフト。WordPress以外のCMSも幾つかあります。 当然、ＤＢなのでWPだけじゃなく、プログラムの勉強や他CMSのテストにも使えます。 WordPressは英語なので日本語を使うのであれば日本語に変えるか、 新たに日本語のWPをインストールします。接頭語にお気をつけて。 以前、BitNamiの導入手順を書きましたので宜しければ。 ローカルサーバーは
WordPressをこれから始める人向けの導入手順書 | パシのSEOブログ
WordPressは無料CMSとして揺るぎ無い地位を獲得しており、多くのサイトで利用されるようになっています。そこで今回は、WordPressをこれから始めるという人向けに、インストールからカスタマイズ、SEOに至るまでの簡易手順をまとめておきます。 誰にでも出来るWordPressブログのSEO対策も併せてお読み頂ければと思います。 インストール WordPressのダウンロード 現行バージョンの動作環境を満たしていない場合 現行バージョンの3.2以降、PHPが5.2.4以上、MySQLが5.0以上が必要となっています。サーバーが対応していない場合には、過去のバージョンを使っても良いでしょう。ただし、2.8.4以前はセキュリティ上問題があるので、過去バージョンを使う場合でも2.8.6以上が良いと思います。 注意点 wp-config.php作成画面のデータベースのホスト名には、MySQL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
layer8.sh
この発想はなかった！Web屋向けのDropbox便利な活用術
Home | Where good ideas happen | Mutual Mobile
漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
so-network.biz