GridpxはWebデザイン/web製作時のグリッド分割を計算するWebアプリ。Webデザインをする時の時間を効率的にしたい方向けのツールです。
Toybox Box Lid Menuの使い方 Step 1: 外部ファイル 当スタイルシートをhead内に、スクリプトを</body>の上あたりに外部ファイルとして記述します。 <head> ... <link rel='stylesheet' type='text/css' href='css/box-lid.css'> </head> <body> ... ... <script src='http://code.jquery.com/jquery-1.10.2.min.js'></script> <script src='js/jquery.box-lid.min.js'></script> </body> Step 2: HTML 左のナビゲーションとコンテンツをdiv要素などで配置し、並列の構造で実装します。 <div class='box-lid-menu'> <div cl
Facebookで56万人がいいね!している有名なFacebookページ「死ぬまでに行きたい!世界の絶景」。 Facebookをやられている方なら一度は目にしたことがあるかもしれません。 運営者である詩歩さんが会社の新卒研修として作成したのがこれだけの規模になったのだからスゴいことです。 普通の企業がお金を出してもここまでの規模にするのはまずできないんじゃないでしょうか。 そして今、こちらが大好評により書籍化されていて発売中です。 中身は人気の絶景スポットの写真だけでなくH.I.S.による旅行ガイド付きとなっていました。 行き方だけでなく、予算やオススメの時期まで書かれていますので旅好きには必携の1冊じゃないでしょうか。 STYLE4 Designでも紹介した「透明すぎて船が浮いて見える海」(上の写真)や「恋のトンネル」なども登場していますよ。 この夏のご予定がまだ何もお決まりでない方は、
7月も終わりますが、まだまだ暑い日が続きますね。今月もおもしろいWebサイトやアプリなどが社内でたくさん共有されました!7月に一番話題になったのは、MEMOPATCHでも紹介したLeap Motionでしょうか。先週ついに弊社にも届いたので早速みんなで試しています。(Leap Motionに関する記事→ 「未来はすぐそこ!次世代インターフェース、Leap Motion」) それでは今月もGoodpatchで共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します! Heml.is https://heml.is/ シンプルできれいなメッセンジャーアプリです。チャット画面が少しiOS 7のメッセージアプリに似ていますね。 Circa http://cir.ca/ ニュースアプリ。読みやすいように人力でニュースを編集しているらしいです。メニューがぺらっとめくれるアニメーション
Note that on mobile devices the effects might not all work as intended. Button Button Button Button Button Button Button Button Button Button Button Button Button Button Yes No Add to cart Bookmark Favorite Settings Send data Continue Return Continue Return Add to cart Delete Settings Add to cart Delete Settings Button Button Button Button Button Button Button Button Button Button Button Button Cl
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
ツアーじゃなくても楽しめる!初めての海外への個人旅行で魅惑のトルコを大満喫!! 旅行の計画から費用やオススメのお店・お土産までを詳しく写真で紹介 トルコで人気の観光地、カッパドキア~パムッカレ~イスタンブールの 世界遺産を巡る旅行記ブログ 2012年7月2日~2012年7月13日 TOPページからすべての記事へアクセスできるように、全記事へのリンクをまとめてみました。 <2016年 追記> 2016年現在と比べると、本ブログ内の2012年とは為替が結構違います。 2012年 7月 103円/ユーロ、43円/トルコリラくらい。 2014年 6月 140円前後/ユーロ、50円前後/トルコリラ。 2016年11月 115円前後/ユーロ、33円前後/トルコリラ。 イスタンブールのトラムの料金も2リラ→3リラ(2014年)→4リラ(2016年)になっているようです。 計画・準備~トルコへの移動編 D
ブログを始めてみたいけれど、何をしたらよいのかわからないという方は多いと思います。何を書いたらよいかわからないし、それにきっと長続きしないしと億劫になっていることでしょう。 しかしながら、せっかくブログサイトを開設したにもかかわらず誰かが書いた文章をコピペしたり、インターネットで先に公開されたニュースを転載したりでは面白くありません。 かくいう私も、それほど遠くない昔に別のブログサービスでブログを始めてはみたものの、目的もなく無計画に記事を載せ続けた挙句、何だか疲れてしまい何も考えずアカウントを削除した経験があります。そのときは二年ほど続けていました。 というわけで、ブログを始めてみたいあなたへ、ブログを始めるにあたって考えておくべきことや準備することを紹介します。 ネットワーク越しに世界とつながる手段のひとつとして活用していただけたら幸いです。 1.まずはブログを始めると決意する まず最
久しぶりの旅行ネタです。 旅行を支える必需品、便利な旅行グッズを厳選して12個紹介します!題目は海外となってますが国内旅行でも充分使えるグッズとなってます。 関連:海外旅行で最もお得な両替方法はクレジットカードのキャッシングで決着。 学生さんは夏休みが始まっているのかな。仕事人さん達はそろそろお盆休みの入口がチラリと見えてきた頃ですね。旅行の計画を立てている人も多いのではないでしょうか。 今、僕はタイのバンコクに来ております。(近くの人がいたらどうぞ気軽にご連絡を)丁度1ヶ月の滞在になりますが、荷物は40Lのバックパック一つで、帰りのお土産を入れてもスペースが余るほどコンパクトにまとめられました。 荷物を小さくする一番のコツは「強気」になることです。あれもこれも必要じゃないかと不安になれば荷物は増える一方です。現地で安く買えそうなものは、基本的に持っていかず、例えばTシャツや下着は、最小の
HTML and CSS are most important part for web design creation. If you want to start learning CSS tricks and html in any institution you need some tutorials also to verify your learned chapters. Here you can be benefited with 10 Useful HTML/CSS Tutorial for Web Designers. How to Create a Trendy Flat Style Nav Menu in CSS Foundation for Beginners: Buttons and Dropdowns Create a Social Media Sharing M
What is it exactly? AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to. Basic usage: $('body').animatescroll(); Click for a Demo It gives power to the user with its various options to customize the style of scrolling, scroll speed and many more
twitter facebook hatena google pocket レスポンシブなサイトが増えている昨今、画像ギャラリーの見せ方に悩む人は多いのではないでしょうか。 least.jsはそんな悩みを一掃してくれるかもしれません。 サムネイルをグリッド配置し、タップ時に同じページ内で拡大画像を表示してくれるため、ユーザーにもストレスがなくなりそうです。 sponsors 使用方法 least.js is a Random & Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoadからファイル一式をダウンロード。 <link rel="stylesheet" type="text/css" href=least.min.css" /> <script type="text/javascript" src="jquery-1.9.1.m
ランダムな文字を次々に表示し、一つのテキストを生成するSci-Fi styleのアニメーションのエフェクトを与えるjQueryのプラグインを紹介します。 Text Effects Text Effects -GitHub ※上記のアニメーションgifは軽量化のため、間引いてます。実際はもっと多くの文字列が高速に表示されます。 Text Effectsのデモ Text Effectsの使い方 Text Effectsのデモ テキストのエフェクトにはいくつかのバリエーションがあります。 上記のアニメーションgifのようなシンプルなエフェクトをはじめ、複数のテキストを使ってループで表示したり、逆からテキストを生成するリバースなどがあります。 Text Effectsの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。
An image slider is an image slider, and they're all roughly the same, correct? Not so quickly. What are the primary criteria for selecting any kind of web component? Compatibility, simplicity of setup, great performance, and an attractive design and feel. With our Slider we've tried to create the perfect html slider that covers all these needs and even more: Compatibility with the widest feasible
【流れるテロップのような表現ができるjQueryプラグイン「liScroll 」と「JQUERY NEWS TICKER」】 テレビの下とかに流れる、テロップのような表現をwebサイトにも設置することができます。 「liScroll 」サンプルはこちらタブの「Result」で動作を確認ください 配布元はこちらhttp://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html もう1つ知ってるプラグインがありますんで、ご紹介します。 「JQUERY NEWS TICKER」サンプルはこちらタブの「Result」で動作を確認ください 配布元はこちらhttp://www.jquerynewsticker.com/ どちらもかっこいいですよね~。 シーンによって使い分け
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く