初心者でも導入カンタン♪ゼッタイ使ってみたくなるjQueryプラグイン25選！ | 海外wordpress,Web,ソーシャルメディア情報局
初心者でも導入カンタン♪ゼッタイ使ってみたくなるjQueryプラグイン25選！ 2014年04月16日 [jQuery] こんにちは！@コウノ レオナです。 最近WordPressのプラグインを紹介する記事を書いてきました。WordPressのプラグインは30000もの数があると言われていますが、その中身は玉石混交でめちゃめちゃ使えるものもあれば「？」なものも多数あります。 そういった中で初心者が役に立つプラグインを見つけ出すのは至難の業でしたが、同様にjQueryのプラグインもGitHubなどに大量に存在するのですが、その量に圧倒されてしまいどれがいいのか初心者にはわかるものではありません。 jQueryはカンタに導入することができ、短いコードでかなり大きな視覚効果を実現できるので、初心者でも比較的簡単にカッコイイ機能を実現することができます。 と、エラそうなことを言いましたが実はぼくも
スクロールするとfixedで途中から固定する | Regista20
2013年04月26日 jQuery スクロールすると途中から固定したメニューを作ります。はじめからメニューが最上部にあるものだと最初から「position:fixed」でスクロールした際に、メニューを上部に固定するできます。しかし、メニューが最上部にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとjQueryを利用する必要がなります。 コードサンプル HTML <div id="header"> <h1>タイトル</h1> </div> <div id="container"> <div id="main">左カラム（メインコンテンツ）</div> <div id="sidebar"> <div id="nav">ここを固定する</div> </div> </div> CSS #main { float: left; margin-right: 20px;
これが神サイトか！日本語フリーフォントを探すなら「FONTFREE」｜男子ハック
@JUNP_Nです。日本語のフリーフォントを探すなら、ここしかないかもしれないというWebサイト「FONT FREE」のご紹介。こんな便利なサイト、なんで今まで誰も作らなかったんでしょう。 現在71個！日本語フリーフォントの投稿サイト「FONTFREE」フォントフリー - 無料の日本語フリーフォント投稿サイト言われてみれば日本語フリーフォントをまとめたサイトって今までなかったのかもしれません。ブログ記事などで「日本語フリーフォントまとめ」のような記事は定期的に見かけていましたし、男子ハックでも紹介したことがあります。 fontfree（フォントフリー）は、無料で使える日本語フリーフォント投稿サイトです。 漢字やカタカナ、ひらがなをはじめとした日本語の無料フォントを、明朝やゴシック、手書きなどのカテゴリーから探すことができます。紹介ページリンクからダウンロードもすぐにできます。 あなたの欲し
すぐに使える商用可の日本語フリーフォントまとめ | GIMP2の使い方
個人・商用を問わず使えて登録なども不要な日本語フリーフォントを紹介します。色々探していたところ、ちょうど良いまとめ記事を見つけたのでその中から個人的に気に入ったものを抜粋して紹介します。 今回はコリスさんの「漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版」という記事を元にしています。（コリスさんに紹介して良いか問い合わせたところ、快くOKしてくれました。感謝です！） ここで紹介するフォントは全て個人・商用問わず無料で使えるフォントです。ただし、規約は変更する場合もありますので必ず確認してから利用するようにしましょう。 あんずもじ バランスの良い手書き風のかわいいフォントです。「けいせん」と入力して変換し「┨」などを入力すると自動で絵文字になる変わった機能もあります。GIMPのリストでの表示名は「APJapanesefont」です。 【利用規約】個人・商用利用OK
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
CSSフレームワーク『BlueTrip』が想像以上にすごい - present
CSS フレームワークを再認識 CSS フレームワークって、名前だけは知っていましたが、どういうものなのか全く知りませんでした。次の記事を読むまでは。 404 Not Found - ゆーすけべー日記 確かに、これは便利そうですね！ さっそく、CSS フレームワークを導入してみます。 BlueTrip を導入 CSS フレームワークはいろいろありますが、今回は先の記事で紹介されていた BlueTrip を導入してみます。 次のページからアーカイブをダウンロードし、解凍して css ファイルと画像を static フォルダに配置。 BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML の head 部に、下記を追加。 <link rel="stylesheet" href="css/screen.c
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
【WordPress】Twenty Elevenの引用も残念だったので良い感じにしてみた。
どうも、アンコウテルオ（@ankou1060）デス。 タイトルがシリーズものっぽくなってますねー。今度は様々なブログでよく見かける引用（blockquote）がデフォルトテーマで残念だったので、CSSと画像で良い感じにしてみました。 でも”Twenty Eleven”の記事部分はこの引用と前回の記事の見出しをいじるだけで、グッとブログ！って感じになると思うのですよ。 残念な引用 よく見かける他の記事や書籍の一部なんかを引用するときに用いるやつです。 見れば少しインデント入って、文字がイタリックになってるくらい。 「これ知ってるやつとちがう・・・」 というわけで調べてみると、引用符の画像を配布してくださっている方を発見！ 調べてもなかなか出てこない引用符アイコンを量産したので配布してみます | Love&pointcard こちらのサイト、実際アイコン使用する際のCSSの記述の例も載せられて
css-lecture.com - css lecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜
「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは３つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編（HTML&CSS）〜 〃 〜③集客・Webマーケティング編〜 以上の３つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか？」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく７つのステップがあります。 ①どんなWebサイトにするか考える（企画） Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え
未経験からWebデザイナー、Webクリエイターを目指す人のためのWordPressとTwitterをつかった就転職活動のすすめ - DESIGNMAP
仕事を続けながら勉強、制作をしよう 未経験からWebデザイナーになる場合も作品が求められる。未経験だからこそ、しっかりしたクオリティの作品を用意したい。そういう作品をつくるために、勉強をすることになる。 Webデザイナーになる準備期間は個人差や目指すスキルにもよる。Illustrator、Photoshop、HTML、CSS、JavaScript（jQueryも含む）、WordPressでサイトが作れるくらいのスキルを目指すとすると、目安で１年くらいはかかるだろう。もちろん、スキルや期間はあくまで目安である。習得には個人差があり、あくまで自分のペースを守ることが大事である。 具体的な勉強や行動のステップは「まったくのゼロから、独学でWebデザイナーになる方法」を、デザイン自体の勉強は「まったくのゼロから、デザインを独学する方法」を参考にしてほしい。 準備期間は１年くらいの長期戦になる（後述
素人っぽさを感じるWEBサイト5つの特徴 - おかねがない(ﾟ∀ﾟ)ｯ!!
インターネットをしていると、いろんなWEBサイトに出会います。 気になるアーティストのサイトだったり、趣味に関連したサイトだったり･･･ そんな中で 「なんかこのサイト素人っぽい」 って、感じたことありませんか？ でも、「素人っぽい」と感じはしたものの、そのサイトのどこに素人っぽさを 感じたのか、じっくり考えてみることってあまりないのではないでしょうか。 そこで今回は、WEBサイトのどういう点に素人っぽさを感じるのか、 「脱素人っぽいサイト」を目指す私が感じた、「素人っぽいサイト」の特徴を、 まとめてみたいと思います。 （8/19追記） 以下の内容はあくまで素人muggles0812が感じた、個人的な意見であり、該当する項目が あったからといって、必ずしも他の皆さんが「素人っぽい」と感じるとは限りません。 画像処理が甘い せっかく時間をかけて作ったサイトでも、使われている画像の処理が甘いと
プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(ﾟ∀ﾟ)ｯ!!
「かっこいいサイト作るぞ！」 と意気込んでみたももの、いざ作ってみると 「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト
初めてWordPressを使ってみようという人の為の予備知識
私も大好きな WordPress。これから WordPress を始めてみようかなと思ってる人や、インストールまではしたけど ... という人向けの記事です。カスタマイズなどについての記事ではないので、いつもの読者さん向きの記事ではないかもしれません。 このブログ – Webデザインレシピ、WordPress というキーワードで訪問してくれる人がとても多いんです。でも「WordPress」だけで、複合キーワードなしで訪れてくれているので、WordPress についての何を調べているのかなー …。 なので、今回は WordPress そのものについて、知ってる範囲でまとめてみました。WordPress って何？という漠然とした疑問を持ってる人、または、初めて WordPress を使う！という人向けの記事です。 初めての WordPress 目次 WordPress って何？ WordPre
HTMLエディタ「ez-HTML」の紹介
HTMLエディタ ez-HTML 見たままが得られる WYSIWYG（ウィズウィグ）ソフトでWebページを作成し、出来上がった HTML ソースをいじりながら何となく HTML を少し覚えたら、HTML エディタ、ez-HTML を使用することをお勧めします。このソフトは手打ちで HTML を記述しますが、正確な タグ入力支援機能、市販ソフトより整ったヘルプ機能により HTML/CSS に慣れていない初心者でも使える次世代対応の高機能 Web 制作ソフトウェアです。 主な機能の紹介 このエディタは、逐次改良更新され、これ一つで Web 制作は事足りるほど高機能です。 このサイトは、このソフトでほとんど作成しましたが、すべての機能を使いきって評価している訳ではないので、詳細についてはインストールして、ご自分で体験して下さい。 気に入っている主な機能は以下のとおりです。 エディタ機能 Undo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
41 Landing Page Design Examples to Inspire Your Own in 2024
記事の文字色で気をつけていること - operationservicebuの日記
ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ
ダイエットから学ぶビジネス思考｜自分のなかに毒をもつことの重要性 | ネットビジネスで自由に生きるアラサー起業家Mr.ぼんどログ
IDEA * IDEA
