画像ギャラリー用jQueryプラグインなどまとめ | PozuPad
何かと使うことの多いギャラリー系プラグイン。生憎僕は1から作ることができないので、その都度配布されてるものをちまちま探していたりします。毎回同じプラグインを見ては、「あぁこれ前も見たなー」と思い出す情けない僕なので、ギャラリー集をまとめることにしました。 なお、ライセンス関係はメモしていないので各サイトにてご確認ください。 ギャラリー（ポップアップ型） ColorBox [ jQuery ] エフェクトがたくさん用意されていますね。 Fancybox [ jQuery ] シンプルなギャラリー。 Galleria [ jQuery ] フルスクリーン対応。 Galleriffic [ jQuery ] サムネイルリストの隣に画像表示。 Image Gallery v1.0 [ Flash ] 使う場面はあまり思いつきませんが、こういうの作れたら良いなぁ。 Lightview [ jQuer
Full Page Image Gallery with jQuery | Codrops
In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar […] In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically w
Design Bombs
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
Galleria — A JavaScript gallery for the Fastidious
Galleria — A JavaScript gallery for the FastidiousWelcome to Galleria Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria 1.0 started as a small hobby project but now has over 500.000 downloads worldwide. This site is now dedicated to version 1.2, c
Jqueryで動く綺麗な画像ギャラリー3つ | Liglog
Lig本サイトのオフィス紹介ページで使用するJqueryプラグインを探している際、初心者のtmkでも分かりやすそうなJSを3つ程見つけたので忘れない内にご紹介します。 slideViewerPro 1.0 横にスライドしていくシンプルなギャラリー。 コントローラーの有り無し、画像の自動再生などお好みの形に変更できます。 Galleria こちらもシンプルながら美しいギャラリーが作れます。サムネイルにカーソルを当てるとぼんやり明るくなるところが個人的に綺麗ポイントです。Allaboutさんで一から丁寧に設置方法を説明されているので、Jquery初心者入門編として良いかも知れません。 bxGallery こちらもシンプルながら画像の切り変わりが綺麗なギャラリー。 設置も簡単でHTMLを殆ど弄ることなく表示を変更する事が出来ました。 今回オフィス紹介ページで実際に使用させて頂い
HTML/CSS テンプレート集まとめ - Cube Lilac
サイトのデザインを変更しようかと思ったのですが，自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました．尚，どのサイトが人気なのか分からなかったので，各種ソーシャルメディアのカウントを取得して併記してみました．海外サイトばかりなので，SBM としてははてなブックマーク以外に Delicious のカウントも取得しています． 掲載されてあるデザインはまったく見ずに，サイトの使いやすさ（と言うか「広告の少なさ」かな）だけからの感想ですが，個人的には http://www.solucija.com/ が使いやすいかなぁと言う気がしています． URL Delicious Hatena Twitter Facebook 1 http://www.oswd.org/ 24,170 951 471 1,002 2 http://www.freecsste
未経験からWebデザイナー、Webクリエイターを目指す人のためのWordPressとTwitterをつかった就転職活動のすすめ - DESIGNMAP
仕事を続けながら勉強、制作をしよう 未経験からWebデザイナーになる場合も作品が求められる。未経験だからこそ、しっかりしたクオリティの作品を用意したい。そういう作品をつくるために、勉強をすることになる。 Webデザイナーになる準備期間は個人差や目指すスキルにもよる。Illustrator、Photoshop、HTML、CSS、JavaScript（jQueryも含む）、WordPressでサイトが作れるくらいのスキルを目指すとすると、目安で１年くらいはかかるだろう。もちろん、スキルや期間はあくまで目安である。習得には個人差があり、あくまで自分のペースを守ることが大事である。 具体的な勉強や行動のステップは「まったくのゼロから、独学でWebデザイナーになる方法」を、デザイン自体の勉強は「まったくのゼロから、デザインを独学する方法」を参考にしてほしい。 準備期間は１年くらいの長期戦になる（後述
無料なのに高機能すぎる見積・請求書発行ソフト『三森支太郎』 | ライフハッカー・ジャパン
フリーランスには最適なフリーアプリと言っても、あながち過言ではありません。 請求書や納品書のテンプレートはGoogle先生に聞けばすぐ用意してくれます。単発で発行するなら、これでもさして不都合はありませんが、見積→請求→納品のそれぞれのタイミングで書類を発行する必要があったりと、継続的に事業を行うのであれば、各種書類を一括で管理できた方が便利です。 そこで『三森支太郎』の出番。フリーの請求書発行ソフトとしては定番の部類に入る、Windows専用の高機能な帳票管理ソフトです。 基本的な操作は、画面の項目を埋めていくだけ。数量と単価を設定すると、自動で金額計算をしてくれます。消費税の有無は印刷時の設定で変更可能。源泉徴収額の計算機能は、編集メニューから選べます。 便利なのが「請求額から金額を逆算」する機能。これは「トータルで10万（税込み）にしたいんだけど、税抜きでいくら請求すればいいのか」を
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
かしこい人のニュース読解法／議論の苦手な人は何ができていないのか - デマこいてんじゃねえ！
ヒトは「頭の使い方」を覚えると賢くなる生き物だ。 かけ算九九しかり、元素記号の語呂合わせしかり、丸暗記してしまうことで思考をスピードアップできる。理系大学生のサイフは平均的に文系大学生のサイフよりも軽い。なぜなら彼らは数字に強く、「おつりのコインを最小にする計算方法」を身につけているからだ。それに加えて実験とレポートに追われてバイトができないという涙ぐましい事情がある。 私は学生時代に、ちょっとだけ英語ディベートをやっていた。その時に先輩に教えてもらった「ニュースの読み方」が今でも役に立っている。ニュースを読むにはトレーニングが必要で、読み慣れないうちは、「なにが問題なのか分からない」のが最大の問題となる。逆に「読み方のテンプレート」を覚えてしまえば、そのニュースの論点を即座に見抜けるようになる。かしこい人はこうやってニュースを読むのか！ と当時は感心した。 今回のエントリーでは、その一部
ウェブサイトの課題発見のために、筆者が普段から使っている「解析系ツールボックス」の中身を紹介！ - Real Analytics （リアルアナリティクス）
新しいサイトを分析する際に私がよく利用している無料ツールを紹介いたします！これら良く使う「道具」は私にとっての大切なツールボックスです。今回はその中から15個のツールをピックアップして紹介いたします。どのツールも無料で、私自身定期的に利用しているものばかりです。「定番物」も多いですが、使い方などの関連記事もあわせて紹介していますので、一緒にチェックしてみてください。 1:GoogleAnalytics+GAwithSBM+Excellent Analytics サイト：Google Analytics 言わずと知れた無料のアクセス解析ツールです。関連書籍やオンライン上での情報も豊富で、アクセス解析という分野を広めるのに大きく貢献したツールです。アクセス解析ツールが入っていない場合は、まずはこのツールを必ず導入しています。 そしてGoogleAnalyticsをパワーアップさせるために以下の
上手な言い回し、トラブル対処法を知ろう ワンランク上の「メールテクニック」 - はてなニュース
あなたが書いているいつもの「ビジネスメール」、一度見直してみませんか？「相手にいい印象を与えたい」「文面を効率良く作成したい」「送信ミスをしたとき、上手に対処したい」など、ワンランク上を目指すためのメールテクニックを集めました。 ■ 相手の心を動かすメールとは？ 文中での言い回しを少し変えてみるだけで、印象アップにつながります。 ＜ワンランク上の言い回しを学ぶ＞ ▽ 美しい日本語を使いたい、ワンランク上のビジネスメールの作法 | コリス 上記のエントリーでは、ビジネスメールでよく使うフレーズを“ワンランク上”に言い換えています。 「変更の件、了解しました」→「変更の件、承知しました」 「資料を受け取りました」→「資料を拝見いたしました」 「取り急ぎ、お礼まで」→「まずは、お礼を申し上げます」 いずれもほんのわずかな違いですが、グッと印象が良くなりますよね。エントリーでは催促のメールや断りの
コンピュータ系技術書を無料で読めるサイトまとめ - 情報科学屋さんを目指す人のメモ（FC2ブログ版）
何かのやり方や、問題の解決方法をどんどんメモするブログ。そんな大学院生の活動「キャッシュ」に誰かがヒットしてくれることを祈って。 特に探すつもりはなかったけど、技術書を無料で読めるサイトに複数遭遇したので、出会った分だけでもとまとめてみた。無料で読めるサイトと言っても、基本的には無料公開されているページへのリンク集という形。 O'REILLY Open Books http://oreilly.com/openbook/ リンク先の右にあるリンクの書籍が無料。左のジャンル分けは通常の書籍一覧なので注意。他のサイトに比べるとだいぶ少ない。 O'REILLY Open Feedback Publishing System (OFPS) http://ofps.oreilly.com/ 出版前の書籍を公開して、フィードバックを受け付けるというサイト。作りかけの本も存在するが、最新の内容が読めると
さくらVPSとnginxリバースプロクシで最速WordPressブログを作る方法（ベンチマーク付き）
負荷的に厳しくなってきたので sakuratan.biz を Apache（さくらスタンダード）から nginx（さくら VPS 512）に移転しました。 頻発していた 503 もほとんど出なくなって快適です。 Apache から VPS の nginx へ WordPress を移転したいと考えている人もいるかなーと思いましたので、さくら VPS で nginx リバースプロクシを使った WordPress ブログの構築する方法をがっつり書いていきたいと思います。 結構長文になってしまいましたので、先に索引を載せときます。 nginx とは nginx が速い理由 リバースプロクシ さくら VPS にインストールするシステム構成 EPEL パッケージリポジトリのインストール MySQL のインストール PHP のインストール nginx のインストール nginx と PHP FastC
『HTML5 Web Applicationのつくりかた』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
JPEG画像を劣化させずに軽量化するサービスがスゴすぎると話題に : 暇人＼(^o^)／速報
JPEG画像を劣化させずに軽量化するサービスがスゴすぎると話題に Tweet 1：名無しさん＠涙目です。(東京都)：2011/09/07(水) 03:19:18.95 ID:ejyZxZDn0 JPEG画像を劣化させずに軽量化する『JPEGmini』がスゴすぎる 2011.09.05 [Mon] JPEG画像を劣化させずに約80%ほど軽量化する『JPEGmini』が素晴らしいということで。 Original さっそく試してみる。建設中のスカイツリーの写真(元データは解像度4,672×3,104の6.6MB)の解像度を 横560pxにして、最高画質で書き出すと容量は122KBになった。 JPEGmini これをJPEGminiのサイト上で圧縮してもらったのが↑。どこにも変化がないように見えるが、容量は約4分の 1の30KBとなった。 一部を拡大してみました。処理の具合が若干確認できるけど、気
有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
一人暮らしのパスタ料理率は異常 : ニコニコVIP2ch
■一人暮らしのパスタ料理率は異常 1 名無しさん＠涙目です。(チベット自治区) 投稿日：2011/06/09(木) 13:01:08.00 ID:67sIIa310 人生の折り返し点が過ぎ、一食一食を大切にしたいという気持ちが強い。 美食に走るわけではない。家族と一緒の食事がいとおしく、 自ら食材を選んでつくる。といっても、せっかちだから手早くできる料理がよく、 買い置きの乾燥パスタを使った料理が食卓に頻繁にのぼる。 わが家のお気に入りはＦＡＥＬＬＡ（ファエッラ）。１９０７年から、 南イタリアのパスタ発祥の街・グラニャーノのマカロニ広場にある工房で、 １２０年以上前の機械を使い、手間ひまかけてつくり続けている。値段は張るし、１袋１キロもあるけれど、口にすると、丁寧につくられていることがわかる。 オーナーのマリオ・ファエッラ氏が９０歳を過ぎた今も工房に立ち、 かたくなに伝統的製法を貫いている
全653種、商用利用無料、再配布可能な太っ腹のフリーアイコン -Default Icon
全653種、商用利用無料、再配布可能だけでもすごいですが、更にベクターのEPS付きとフリー素材として至れり尽くせりのアイコンを紹介します。 アイコンのデザインもシンプルなので、使い勝手もよさそうです。 Default Icon [ad#ad-2] ダウンロードできるアイコンのフォーマットはEPS, PNG（16x16, 32x32, 48x48, 64x64, 128x128, 256x256）です。 アイコン全653種はウェブサイト・ウェブアプリケーション用にさまざまなものが揃っています。 以前紹介した際はver.1で168種類でしたが、作者様よりver.2にして数も増やしたよ、と連絡を受けました。 [ad#ad-2] アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。また、再配布も可能、とのことです。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
認証がかかっています