CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
住太陽の「SEO 検索エンジン最適化」
日本のWebサイトで、数少ない信頼できるSEOの情報源です。中小規模のWebサイトであればこのサイトだけで十分と思うほど、わかりやすく、情報が網羅されています。特に、まずSEOに取り組もうという初心者の方、しっかり見直そうという初級者の方は、まずはこちらをバイブルにして取り組む事をお勧めします。 SEO(検索エンジン最適化)の意味SEO(Search Engine Optimization: 検索エンジン最適化)とは、自社のウェブページがGoogleやBingなどの検索結果で上位に表示されるようにウェブサイトの内外を改善する取り組みです。SEOを実施することで、自社の事業領域に関心の高い見込み客を効率的に、無料で集客できます。 SEOは特別なものではなく、自分で実践できます。このページは実践のための解説ページです。SEOの概要とステップを紹介しているほか、文中のリンクをたどることでより詳し
Strikingly - あなただけのウェブサイトを制作するための、最高のウェブビルダー
数分でウェブサイトを制作する ブランドを確立。世界を制覇。 コードはなし 、デザインのスキルも必要ありません。
サイトマップを作成-自動生成ツール「sitemap.xml Editor」
【ご注意事項】 1. ご自身のサイトのみに利用ください。2. 一度の作成で、最大1,000URLの取得が可能です。3. 1,000URL以上は「除外ディレクトリ」をご活用ください。例えば、1,000URL以上ある*****.com/のサイトマップを作成する際、*****.com/ABC/、*****.com/DEF/、のみのURL構成だった場合は、ABCとDEFを別々に除外ディレクトリに指定し2つのsitemap.xmlを生成します。その後どちらかにまとめて一つのsitemap.xmlとするか、2つのsitemap.xmlをアップしそれぞれ認識させます。4. rel="nofollow"のついたリンク以降のURLは取得しません。5. 生成されたファイルはご自身の責任のもとでご利用ください。
目的別に無料で使えるCMSを比較・検討した | CMSの情報を発信するクリマガ
Sharebar CMSは山ほどあって探すのが大変と以前の記事「CMSを条件から比較・検討出来るサイト「CMS比較.com」」で言いましたが、ちょっとマニアックというか、 詳しくないと何がなんだかと思ってしまう人もいるはず！と思い、まず無料で使いやすい、導入しやすい！おすすめ！！というCMSを目的別にまとめました。 目次 情報サイトを作る場合 コミュニティサイトを作る場合 販売をする為のサイトを作る場合 モバイルサイトも作る場合 WIKIを作る場合 情報サイトを作る場合 コーポレートサイト、ポータルサイト、ブログなど wordpress（ワードプレス） 動的にサイト生成 複数のサイトやブログ管理が可能 プラグインは豊富でほとんど無料 再構築が不要なので、更新に時間がかからない 公式HPはこちら MovableType（ムーバブルタイプ） 静的にサイト生成 日本で利用者が多いので解説サイト
WordPressを初導入したら まず最初にやるべき24の設定 – ワードプレステーマTCD
基本設定編 WordPressをブログとして利用するのであれば、基本的には、FC2やLivedoorブログといったブログサービスとあまり変わらないと思います。ここでは、Pingやトラックバックといった基本的な設定をご紹介します。 1ページに表示される記事数を設定 まず、1ページに表示される記事数を設定します。管理画面左メニューの「設定」→「表示設定」をクリックし、「1ページに表示する最大投稿数」の値を変更します。 Ping送信先の設定 Ping送信先を設定しましょう。管理画面「設定」→「投稿設定」→「更新情報サービス」にPing送信先を設定します。 Ping送信先は検索するとたくさん出てきますが、とりあえず以下に一覧を掲載しておきます。 http://www.blogpeople.net/servlet/weblogUpdates http://blogsearch.google.co.j
CSS3リファレンス
背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の
フリーランスという働き方を辞める事にした。
Web制作の会社も入った事の無い俺が、ひょんな事から独立してから２年。 今月で２年間続けたフリーランスという名の将来性の見えない働き方を辞める事にした。 俺の経験が役に立つかはわからないが誰かの参考になればと願い、記録に残す事にした。 元々俺は、フリーランスになりたくてなったタチでは無く 事情があり半ば強制的に独立の形を取った。 独立当初はTwitterとかFacebookのSNSを駆使して仕事を獲得していた。 今流行りのソーシャル営業ってやつだ。 経験の無い俺が厳しいWeb制作の世界でどうやって生き残ろうか考えた時 今までずっと使っていたインターネットを駆使して営業してやろうと思った。 思惑通り売上は右肩上がりに伸びて行き、食う分には全く困らないぐらい金も手元に入った。 このまま彼女と結婚して、幸せな家庭を築くはず、だった。 元々PhotoshopやIllustratorでデザインを作る
ropross.net
こんにちは、ロプロスです。 いろんなWebサイトやWebサービスを作っています。 レッサーパンダです。アライグマではありません。 運営サイト 11/07/29 [サービス終了] Komepon! はてブやTwitterのコメントをワンクリックでチェック 10/11/02 favolog Twitterの「いいね」をらくらく管理 10/07/24 [サービス終了]よるほー？ 「よるほー」が成功したか判定 10/02/10 [サービス終了]Twitter API Viewer TwitterのAPIを簡単に確認 09/08/16 Twilog Twitterのつぶやきをブログ形式で保存 09/05/17 ※ただしイケメンに限る 絶妙な絶望感を感じられるWebサービス 09/05/09 プロ野球データFreak プロ野球のデータに萌える、マニアなあなたへ 09/02/11 SEOチェキ! アナタ
1つのGmailアドレスで自分が持っている複数アドレスのメールを受信し管理する方法 | Webデザインモア(Web Design More)
Web制作・管理の仕事をしていると、クライアントとの連絡手段には他の業種に比べてメールを活用する機会が多くなると思います。ECサイトの管理の仕事などをしていると、その店舗のWeb担当者として外部とのやりとりやその店舗の顧客とのやりとりが頻繁に発生してきます。ですので、サイトの管理をしているクライアントのドメインであらかじめ自分用のメールアドレスを作成させてもらい、顧客との直接の連絡手段等に使わせてもらっております。以上のような理由から自分用のメールアドレスが自然に増えていきます。これらの複数のメールアドレスのメールを管理する方法はいくつかあると思いますが、ここでは私が実践している「1つのGmailアドレスで自分が持っている複数アドレスのメールを受信し管理する方法」をご紹介します。 Gmailで複数のメールを受信し管理する方法 Gmailで複数メールを受信・送信する仕組み Gmailで複数ア
「月20万稼げるブログ」を運営する上で気をつけている5つのこと｜まだ仮想通貨持ってないの？
4月から「プロブロガー」というキャリアを歩み始め半年、なんとか売上20万円のしきい値を超えつづけることができています。運営において気をつけていることをシェアしてみます。 1. 検索、検索、検索！ 何度か書いていますが、僕はこのブログメディアの最重要KPIを「検索流入」だと位置づけています。過去の記事にどれだけトラフィックが集まっているか、ということですね。 更新本数を一日5〜10本に増やしてから、約半年で検索流入は7倍近くにまで成長しました。今では月間約20万PVを、検索経由で獲得しています。 検索経由のトラフィックは、現在サイトトラフィック全体の43%ほどとなっています。ざっくりいえば、収益の約4割は過去記事が生み出しているということです。検索エンジンで読まれる記事を書けば書くほど、サイトの収益性は座布団を重ねるように増加・安定していきます。 どこかで頭打ちになるのは明らかなんですが、流
［インタビュー］方法論至上主義に警鐘、急成長「LINE」を生んだ企画プロセス
新事業、新サービスを開発する際に必要なものは何か。最近注目を集めるコミュニケーションサービス「LINE」やキュレーション・プラットフォーム「NAVERまとめ」などの開発に携わったNHN Japan執行役員の島村武志氏（写真1）に、新サービス開発の実践方法、リーダーの役割を聞いた。 新しいサービスや事業を始めるときに意識しているのはどんなことでしょうか。 最初の戦略的な立場が肝になります。最終的なゴールがどれくらいの規模になるのかイメージできないと、どう投資すればいいか分かりません。 最大の可能性から逆算的に今やることを考える 私たちが開発したNAVERまとめやLINEは、無計画に始めたわけではなく、獲得できる最大のパイを最初に考え、逆算的に今やることを考えました。LINEそのものが最初から考えられてきたというよりは、漠然と「基盤を作らないといけない」というゴールがあって、そのゴールに向けた
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料ホームページ作成 | ホームページの作り方 | Wix.com
happy-trigger.com – Just another WordPress site
無料のウェブ作成ソフトMicrosoft Expression Web 4 [ホームページ作成] All About![無料のウェブ作成ソフトMicrosoft Expression Web 4 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/65b750dd8a3c1a1e5ec50e0f32522775683fc03f/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F0%2F6%2F3%2F0%2F7%2F201805291227%2Ftopimg_original.jpg)
seotemplate.biz
Lancers
