並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 38653件

新着順 人気順

pluginの検索結果241 - 280 件 / 38653件

  • Mac OSXでのvim環境整理。.vimrcやらオヌヌメPlug inやらまとめ。 - ( ꒪⌓꒪) ゆるよろ日記

    「そんな.vimrcで大丈夫か?」 「一番いい設定をたのむ」 ってことで、新しくMacbook Pro 15inch買ってSSDで世界が変わったゆろよろですこんにちうぉー。 で、pathogen.vimというvimのplugin管理を導入して、.vimrcやら見直したりしてみたんで色々と紹介してみようと思ったんですわ。 まぁ、この記事見たのがきっかけです。 vimプラグインでよりよいコーディングを | tech.kayac.com - KAYAC engineers’ blog もっとVim戦闘力を上げたいので、誰かvim scriptのハンズオンとかやって俺にvim scriptの書き方を教えてください……! MacVim-KaoriYaのinstall まずは、vim本体をMacVim-KaoriYaにします。 MacVimに対して、香り屋パッチの統合、ローカライズ、MacVim固有の

      Mac OSXでのvim環境整理。.vimrcやらオヌヌメPlug inやらまとめ。 - ( ꒪⌓꒪) ゆるよろ日記
    • ど素人の私がWordPressテーマを自作した際にめっちゃ参考にさせていただいた13記事 | なまら春友流

      先日WordPressのテーマを自作しました。 ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流 基本的には「WordPress デザインブック」という本を参考に作成。 でもそれだけでは自分の好きなようにはデザインできなかったのでやっぱりGoogle先生に聞いてみました。 多くの記事を読みましたがそのなかでもめっちゃ参考になった記事をご紹介いたします。 記事の作者様本当に役立ちました、ありがとうございました! AGENDA ソーシャルブックマークボタンの埋め込み 記事の1番最初の画像をサムネイル表示する(2記事) 広告の表示 ブロック要素とインライン要素 CSS3用例集(3記事) jQuery サイトの配色について WordPressのまとめ記事(3記事) 1. ソーシャルブックマークボタンの埋め込み WordPress

        ど素人の私がWordPressテーマを自作した際にめっちゃ参考にさせていただいた13記事 | なまら春友流
      • MySQL FULLTEXT Ngram : LIKE検索より数十倍高速な、お手軽 日本語全文検索 について|blog|たたみラボ

        tatamilab.jp

        • 今こそ安心できるWordPressバックアップを!復旧作業まで実際にやってみたWordPress丸ごとバックアップ法

          ※BackWPup3が公開されました。BackWPup3でのバックアップ&復旧手順についてはこちらをご覧ください データのバックアップは大切ですよね!疑う余地はないと思います。 WordPressのブログも例外ではありません。バックアップしている人も多いですよね? でも、 「WordPress全体をバックアップできていますか?」 そして、 「実際にリストア(復元)作業を試してみたことはありますか?」 GoogleでWordPressのバックアップ方法を調べてみると、データベースだけバックアップして安心していたり、復元方法の解説がない場合がとても多いです。 しかし、私はこう思います。 実際にリストア作業をやってみなきゃ、安心はできない! リストアできないバックアップは役に立ちません。やはり、一度リストア作業を試してみて、初めて安心できるのではないでしょうか。 そこで今回は、「プラグインを使っ

            今こそ安心できるWordPressバックアップを!復旧作業まで実際にやってみたWordPress丸ごとバックアップ法
          • これだけは入れておきたい!Thunderbirdの必須アドオン13個まとめ | フリーソフトラボ.com

            複数のメールアドレスを一括管理したり、送受信時の面倒なログイン作業の手間を省いてくれるメールクライアントソフト。その存在は、ビジネスシーンにおいても個人の趣味の世界においても、もはや欠かせないものになっている人も多いはず。中でも、アドオンと呼ばれる拡張機能によって強力にカスタマイズでき、開発も盛んに行われているThunderbirdは特に人気の高いクライアントの1つです。 今回は、そんなThunderbirdに入れておきたい必須アドオン13個をまとめてみました。私も長い間メールクライアントソフトにThunderbirdを使っており、同時にアドオンも気に入ったものをいくつか入れていますが、ここではその備忘録としての意味も兼ねて、個人的に愛用しているものから定番のアドオンまで、「Thunderbirdユーザーならこれだけは知っておきたい!」というアドオンをまとめて紹介してみます。 Minimi

              これだけは入れておきたい!Thunderbirdの必須アドオン13個まとめ | フリーソフトラボ.com
            • http://www.designwalker.com/2009/02/ps-action.html

                http://www.designwalker.com/2009/02/ps-action.html
              • 名無しのvim使いへようこそ。 — 名無しのvim使い

                コンテンツの案内 このサイトには、下記の種類のコンテンツがあります。 「vimエディタ基本」vimエディタの基本的な情報を扱った記事の一覧 「vimエディタのインストール関連の記事」vimエディタのインストール方法 「vimエディタ・スターターマニュアル」vimエディタの操作方法(かなり入門) 「vimスクリプト」vimエディタの拡張スクリプトの記事の一覧 「役立つ、助けになるvimスクリプト」 「デフォルトでインストールされているvimスクリプト」 「vimエディタカラースキーマ」vimエディタのカラースキーマのスクリーンショットの一覧 「vimスクリプト リファレンス」vimスクリプトの書き方、サンプルコード 「その他のツール、コマンド」vimエディタ以外の、ツール、コマンドの記事の一覧 「ダウンロード」このサイトで配布しているファイルの一覧 このサイトではRSSでサイトの更新情報を配

                • facebookアプリの作り方(PHP編) | PLUS

                  コンテンツへスキップ →web コメントコメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 * が付いている欄は必須項目です コメント 名前* メール* サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。 Δ 先頭へスクロール

                    facebookアプリの作り方(PHP編) | PLUS
                  • みんなが見ている人気ページや話題ニュースをランキング化する [パストラック(Pathtraq)]

                    This domain may be for sale!

                    • Illustratorを使うとき、私が手放せない10個のスクリプト|DTP Transit

                      最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト(2017更新版)+ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの? Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ

                        Illustratorを使うとき、私が手放せない10個のスクリプト|DTP Transit
                      • jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳

                          jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
                        • Lightbox 2

                          Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe

                          • Vimの生産性を高める12の方法 | POSTD

                            1. LeaderをSpaceキーにする Leader は素晴らしい概念です。キーの 組み合わせ ではなく 並び によって、操作を行えるようにするものです。私はこれを使っているので、操作のために” Ctrl -何らかのキー”の組み合わせを押す必要はめったにありません。 私は長い間、 , を Leader キーとして使っていました。ですがある時、キーボードの中で一番目立つキーにマップすることを思い付いたのです。Space(スペース)キーです。 これで私のVim生活は激変しました。今や、私は Leader をどちらの親指でも押すことができ、他の指は常にホームポジションにあります。 Leader がとても使いやすくなったので、私が様々なキーバインドで用いるようになったことは周知の話です。 2. 自分が特によく行う操作をLeaderにマップする 私は、自分がVimで作業を行っている中で、その時間の

                              Vimの生産性を高める12の方法 | POSTD
                            • Firefox Hacks:ブラウザの新境地? Ubiquityが変える衝撃のブラウザ体験 (1/2) - ITmedia エンタープライズ

                              ブラウザの新境地? Ubiquityが変える衝撃のブラウザ体験:Firefox Hacks(1/2 ページ) Mozilla LabsからプロトタイプとしてリリースされたFirefox拡張機能「Ubiquity」は、これまでのブラウザ体験を大きく変化させる可能性に満ちている。本稿では、Ubiquityの魅力を解説する。 はじめまして、june29と申します。この記事では、先日Mozilla Labsからリリースされ、密かに話題になっているFirefox拡張機能「Ubiquity」を紹介したいと思います。 Ubiquityとは? Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね! Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ!」と感じた方も多いかと思います。Ubiquityは

                                Firefox Hacks:ブラウザの新境地? Ubiquityが変える衝撃のブラウザ体験 (1/2) - ITmedia エンタープライズ
                              • 特集:Firefox 3とFirebugで始めるJavaScript開発|gihyo.jp … 技術評論社

                                第3回Command Line APIとその活用、各タブからのデバッグ方法 堀邦明 2008-05-21

                                  特集:Firefox 3とFirebugで始めるJavaScript開発|gihyo.jp … 技術評論社
                                • Youtube、Google、iFilm、Metacafe、DailyMotion、Musicなどから動画をダウンロード

                                  Inicio » Tecnología » Descargar y convertir videos fácilmente con YouTubeGet

                                    Youtube、Google、iFilm、Metacafe、DailyMotion、Musicなどから動画をダウンロード
                                  • なにこれ、スゴすぎる!ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire

                                    ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティテストに利用するだけでなく、操作を編集・再生することもできるので、プレゼンなどでページの操作を再現することも可能です。 Wildfire Wildfireの特徴 Wildfireのインストール Wildfireの使い方 Wildfireの特徴 Wildfireはユーザーがページをどのように操作するのか、どのように見るのか、手軽にユーザビリティテストができるChromeの機能拡張です。また、アクションをシミュレーションし、新しいデザインの確認にも利用できます。 ブラウザで表示したページのアクションを記録します。 記録したアクションは、すべて再生可能。 アクションを編集し、シミ

                                      なにこれ、スゴすぎる!ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire
                                    • 超定番の jQueryプラグインをサンプルと一緒に集めました。(商用利用OKなもの多め) | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

                                      超定番のjQueryのプラグインを厳選して集めました。 商用利用が可能なものを優先的にピックアップしています。 (利用する際はそれぞれライセンスをご確認くださいね) 超定番プラグイン アニメーションのイージングを簡単に扱えるプラグイン jQuery.easing jQuery.easing

                                      • jQuery 開発者向けメモ

                                        jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日本語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ

                                        • ブログ | ウェビングスタジオ

                                          十数年ぶりに就職して一所懸命働いているうちに、夏が過ぎ、秋が来て、クリスマスの季節になっていました。クリスマスケーキの予約のついでに買ってきたモンブランタルトを食べつつ、近況報告を書いています。 具体的なことは書けません […]

                                            ブログ | ウェビングスタジオ
                                          • WebサイトをiPhoneで見やすくする5つの方法

                                            2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。(されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…)今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト! 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel

                                              WebサイトをiPhoneで見やすくする5つの方法
                                            • FireFoxプラグイン「Ubiquity」に大量のコマンドを登録して日本のサイトを一発で開くすごい方法 (eXtreme Gadget (エクストリーム ガジェット) ポケットに入るアジャイルな究極の小道具)

                                              イベント・セミナー集客プラットフォーム 「こくちーずプロ」を使えば、驚くほど簡単で安全なイベント告知・集客ができます。誰でも使えるシンプルさ、とことんまでイベント集客の手助けができる拡張性、大規模なイベントの大量な申し込みも安心して受付ができる高機能を併せ持っています。 一般的なイベントだけでなく講演会や、定期的に開催する地域セミナー、クローズドな社内勉強会、大規模な学会など様々なイベント形態にあわせた募集が可能です。 サービスのトップへ セミナー会場検索サービス 「こくちーずスペース」は、イベント・セミナーの開催に適したセミナー会場(貸し会議室・ホール)を所有する全国2,700箇所以上の公共施設を掲載!リーズナブル・格安で安心して利用できる貸し会議室やレンタルスペースを中心にイベントの規模や設備など目的にあった施設を簡単に検索できます。 今まで見つけにくかった公共施設の詳細な情報をまとめ

                                                FireFoxプラグイン「Ubiquity」に大量のコマンドを登録して日本のサイトを一発で開くすごい方法 (eXtreme Gadget (エクストリーム ガジェット) ポケットに入るアジャイルな究極の小道具)
                                              • Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー

                                                ★重要★2008/11/15追加:公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。3ヶ月

                                                  Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
                                                • http://www.designwalker.com/2009/03/form-design-2.html

                                                    http://www.designwalker.com/2009/03/form-design-2.html
                                                  • HTML風の簡単言語でiOSアプリが作れる「NextScript」が無償公開

                                                    NEXTBOOKがHTMLライクなマークアップ言語を採用したiOSアプリ開発ツール「NextScript」を無償で公開した。徹底的に簡素化したスクリプトが特徴で、HTMLやActionScriptなどの経験があれば1日で習得できるという。 電子書籍出版社のNEXTBOOKは9月1日、マークアップ言語を利用したiOSアプリ開発ツール「NextScript1.0」を無償公開した。法人、個人を問わずあらゆる利用が無償で、開発したアプリやプラグインの販売も自由。 NextScriptは、HTMLライクなマークアップ言語を利用することで、Objective-C言語を使わずにiOSアプリを制作できる。同社の電子絵本アプリの制作を効率化するなかで作られ、「クリエーター自身がスクリプトを書けることを狙って開発された」という。 徹底的に簡素化したスクリプトが特徴で、オブジェクトのクラスは17種類、ロジックを

                                                      HTML風の簡単言語でiOSアプリが作れる「NextScript」が無償公開
                                                    • [JS]ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト -Koottam

                                                      Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottam Social jQuery Plugin [ad#ad-2] Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な特徴 Twitter, Facebook, Google+などのアカウントを設定するだけで設置できます。 7種類のテーマがあり、CSSベースでカスタマイズも可。 カウントの表示はスタティック・アニメーションに対応。 カラーは簡単に変更できます。 より大きいカウント用に省略表記も対応。 MITライセンスのため、あらゆるブログ・サイトに使用しても無料! Koottamのデモ

                                                      • Mac Explorer| Snow Leopard でこれまでお世話になってきたアプリケーションなどまとめ

                                                        次期OSであるLionのリリースが迫ってきているということで、今現在まで、Snow Leopard を使用してきた環境、使ってきたアプリケーションやプラグインなどなど、全てまとめてみようと思います。 本当に便利なツールばかり。開発者の方々に敬意を表するとともに、今後自分がLionへ移行した時に以前の環境を参照するメモの一つとして、また次のOSでもできるだけ同じ環境が作れたらなぁという期待を込めて。 また、自分自身Macを購入したばかりの時、Macの手書き説明書さんの以下のエントリーをかなり参考にさせていただいたという経緯があります。少し時間の経った記事ですが。 僕のMacができるまで | Macの手書き説明書 この素晴らしい仕事を非常にありがたく感じていて、またこれまでMacを使ってきた自分も自分なりに快適な環境を晒せば誰かの役に立つかもしれないと考えました。いつかまとめたいと思っていたの

                                                        • MacBookAir 11インチを買って導入したソフト ~サーバエンジニア編~ | Glide Note - グライドノート

                                                          MacBookAir11インチを買いました!! 夏ぐらいから新MacBookAirの噂が流れていて、待っていたので、発表直後に即購入しました。 購入したモデルは11インチSSD128GBのモデルにメモリを2GB→4GBに増やした構成になります。 システム構成 1.4GHz Intel Core 2 Duo 4GB 1066MHz DDR3 SDRAM 128GBのフラッシュストレージ 巷では導入したソフトを紹介するのが流行っているようなので、私も便乗してサーバエンジニアとして紹介したいと思います。 ソフトを紹介する前に、MacBookAirを数日間利用してみての雑感を パームレストがほとんど熱くならない。負荷をかけてもほんのり暖かいくらいです。アルミMacBookで一番不満な点が解消しています。 ファンのほとんど音がしない(ほぼ無音です) 軽い トラックパッドの感度が悪い(個体差の

                                                          • Firefoxで長時間ネットを見ているとだんだん重くなってくるのを何とかしたい。 | 教えて君.net

                                                            Firefoxの弱点の1つにメモリ消費の大きさが挙げられる。長時間起動したままにしておくとメモリ消費量はどんどん大きくなり、メモリの少ないパソコンではほかの作業ができなくなってしまう。Firefoxを再起動すれば回避できるが、しょっちゅうブラウザを再起動するのは面倒。そこで「AFOM Plus」というアドオンを利用しよう。 指定した間隔ごとにFirefoxのメモリ開放を行ってくれるため、再起動の必要がなくなる。起動したままにしておくと、数百Mバイトものメモリを消費することも珍しくないが、メモリ開放の間隔を短くすれば、常に100Mバイト以内に抑えられるはずだ。 なお、このアドオンは初期設定のままだとFirefox起動時に自動で動作しない。オプション画面からスタートアップ登録しておこう。 「この実験的なアドオンをインストールします」にチェックしてAFOM Plusをインストールし、再起動する

                                                            • まさか使ってない人いないよね?Google検索が猛烈に捗るChrome拡張【ato-ichinen】+α - すりゴマ・ドットコム

                                                              すりゴマです。 今日もいい感じにすり潰していきますね。 photo by MoneyBlogNewz ググる先生に聞くことが非常に多いすりゴマですが、何も考えずに検索しているとこんなことが起きます。。 アプリの使い方を検索して上位のサイトを開いたら、前のバージョンのアプリのことが書いてあって、全く役に立たなかった! OTL 最新のランキングを調べていたら、去年や一昨年のランキングばかりが出てきて邪魔。。。 orz などなど。 そんなときに便利なChrome拡張機能が「ato-ichinen」です! いちいち検索結果の上の「検索ツール」を開いて期間を設定することなく、直近1年の検索結果のみを表示してくれる拡張機能です。 (・∀・) すりゴマ・ドットコム読者の皆さんなら既にお使いかとは思いますが、さらに使いやすくするためのちょっとした工夫もご紹介します! Chrome拡張機能を探してインストー

                                                                まさか使ってない人いないよね?Google検索が猛烈に捗るChrome拡張【ato-ichinen】+α - すりゴマ・ドットコム
                                                              • フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ

                                                                株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業(受託制作事業)につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日:2024年4月30日 biz@tsumikiinc.com

                                                                  フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
                                                                • これは凄いぞ!スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ

                                                                  moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblはJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで(iOS/Android/Palm Pre/Blackberryなど)HTML5の恩恵にあずかりやすいのが良い。 開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の

                                                                  • 完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)

                                                                    作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ

                                                                      完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
                                                                    • たった6行でWebサイトのUIをガラッと変える

                                                                      「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、

                                                                        たった6行でWebサイトのUIをガラッと変える
                                                                      • Twitter BootstrapでさくさくWeb開発 : アシアルブログ

                                                                        <div class="container-fluid"> <div class="row-fluid"> <div class="span4"> Span4の中身 </div> <div class="span8"> Span8の中身 </div> </div> </div> Preタグで囲むコード エンジニアの皆さんなら、ブログにコードを書きたいですよね。 Twitter Bootstrapでも、かっこ良くコードを見せる手法を提供しています。 ・codeタグで囲む 赤くなります。 ・preタグで囲む 囲み枠がつき、灰色になります。 ・Preタグ+Google Prettifyを使う preタグのclassに、prettyprint linenums を入れましょう。 これが超かっこいい!!コードを見せるならこれがよさそうですね! さて、かっこいいGoogle Prettifyですが、こ

                                                                          Twitter BootstrapでさくさくWeb開発 : アシアルブログ
                                                                        • デザインどや!?|海外カジノ オンラインのWEB作成

                                                                          Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。

                                                                          • Fireworks texture gallery

                                                                            Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像(png形式)は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。

                                                                            • Wordpressで1秒切り!目を疑う高速表示の設定はこれだ!1時間で5万PVでも大丈夫 | iPhone 研究室

                                                                              先日、Yahoo! ニュースからリンクして頂いたのを切っ掛けに、大量アクセスがありました。いつもは後で気がつくんですけど、たまたま Google Analytics のリアルタイム画面を開いたらその直前にアクセスが爆発していました。通称「Yahoo!爆弾」ってヤツですね。 【追記】現在はコアウェブバイタル対応を完璧にするため、もっとモダンな設定にしています。 iPhone 研究室は WordPress で運営していますが、全く動じないでこの大量アクセスをこなしてくれました。 11時半頃にリンクがあったみたいなんですけど、世の中がお昼休みに入った12時頃から更にアクセスが倍増しました。 だいたい、11時半から12時までの30分で2万ページビュー(PV)、12時から13時までの1時間だけで5万PV位の大量アクセスになりました。 新型iPhoneに関する噂という記事からのリンクだったので、興味を

                                                                                Wordpressで1秒切り!目を疑う高速表示の設定はこれだ!1時間で5万PVでも大丈夫 | iPhone 研究室
                                                                              • プロが選ぶ!WordPressプラグインおすすめ50選【保存版】

                                                                                WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み(ツール、モジュール、パーツのようなもの)です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考:WordPress

                                                                                  プロが選ぶ!WordPressプラグインおすすめ50選【保存版】
                                                                                • 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (゚∀゚)o彡 sasata299's blog

                                                                                  2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね>< とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ