■元スレ:http://hayabusa.2ch.net/test/read.cgi/news4vip/1359551071/ 1 名前:以下、名無しにかわりましてVIPがお送りします:2013/01/30(水) 22:04:31.70 ID:87mUHNmvI 童貞だけど 2 名前:以下、名無しにかわりましてVIPがお送りします:2013/01/30(水) 22:06:24.38 ID:Kqu0qiME0 社畜かよ 3 名前:以下、名無しにかわりましてVIPがお送りします:2013/01/30(水) 22:06:58.82 ID:87mUHNmvI カーチャン安心させてやりたかったんだよ 4 名前:以下、名無しにかわりましてVIPがお送りします:2013/01/30(水) 22:08:01.46 ID:tVM/asvf0 3つじゃダメだったのか 7 名前:以下、名無しにかわりましてVIP
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
過去のPRESIDENTの記事『英語のプロが教える勉強法 「聴く、話す、読む、書く」平均習得時間&費用は?』がオンラインにUPされていましたので紹介します。 NHKラジオ講座で有名な杉田敏氏とカリスマ同時通訳の関谷英里子氏が英語の学習法について書いた記事でとても参考になります。 ■NHKラジオ講師・杉田敏に学ぶ習得法 プラップジャパン社長 杉田 敏 青山学院大学経済学部卒。オハイオ州立大学修士課程修了。NHKラジオ講座『実践ビジネス英語』の人気講師。2007年より現職。朝4時20分起きを10年間続ける。 アフターファイブは同僚と赤ちょうちんで会社の愚痴をこぼし、帰宅したらお笑い番組を観て寝るという日々を送っている人が、ライフスタイルはそのままでなおかつ英語もものにするなどというのは土台無理。まず必要なのは、これまでの生活の何かをあきらめて、その分を学習に充てるという覚悟です。また、どれだけ
英語をやり直そうと考えたとき、多少の心得があると、難しい参考書に挑みがちだ。だが英語講師は共通して「基礎からやり直せ」と強調する。 「やり直し」を訴える講師のうち、漫画『ドラゴン桜』のモデルの1人で、『ドラゴン・イングリッシュ基本英文100』『竹岡式やり直し英語』の著者・竹岡広信さんと、『どんどん話すための瞬間英作文トレーニング』の著者・森沢洋介さんには共通点がある。2人ともかつて英語が苦手だったのだ。 森沢さんは、自分の経験について「外国語に憧れ、いろんな学習法を試しては失敗を重ねた」と振り返る。 たとえば「英語上達への近道」と聞いて、英語放送のラジオ「FEN(現AFN)」を1年間聞き続けたり、英語で書かれた小説の丸暗記に打ち込んだりした。そうした紆余曲折を経て、ある結論に到達したという。 「文法や語彙といった知識は、大学入学までに勉強した『受験英語』で、ある程度は身についています。それ
1000人に36人、約3.6%の海外旅行者が旅先で何かしらのトラブルに巻き込まれているというデータをジェイアイ傷害火災保険株式会社が公開しています。また、旅行情報の口コミサイト「トリップアドバイザー」が上記のデータを元に事故の内容をわかりやすいインフォグラフィックにまとめているので、トラブルの傾向と対策をチェックしてみることにしましょう。 海外旅行トラブルの傾向 トリップアドバイザーのインフォグラフィックスで世界の旅が見える http://tg.tripadvisor.jp/accident/ 下の図は海外旅行に出た人が仮に1000人だったとしてどれくらいの人が保険が必要なレベルのトラブルに巻き込まれているのか?というのを示した図。濃い赤やピンク、灰色で描かれた人が何らかの事故に巻き込まれた旅行者を示しています。ザッと眺めた印象としては学校に例えると1クラスに1人くらいの割合で発生している
CSSで実現できる範囲は確実に広がってきており、様々な試みがWEB上ではプロジェクト化され公開されていますが、今回紹介するのはオープンソースライセンスで利用できるCSSリソースのまとめ「Collection of Useful Open Source CSS Resources」です。 WebInterface Lab CSS Snippets 上記の他にフレームワークから、ボタン・パーツ系まで様々なサイトがまとめられていましたので、今日はその中からピックアップして紹介したいと思います。 詳しくは以下 Makisu 3D Menu Dropdown 立体的な表現のドロップダウンメニュー。サイトにインパクトを加えたいときに。 34 Responsive Grid System レスポンシブレイアウトが実現できるCSSフレームワーク。 Animate.css 様々なアニメーションをCSSで制作
壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186
2013, the 400th anniversary of the opening of diplomatic, trade, cultural and scientific relations between Britain and Japan is over. Many thanks to all who registered events as part of the Japan400 year of celebrations. Together we reached almost 250 events in the UK and Japan. We are no longer registering events under ‘Japan400’ but watch this space. This website is being evolved into a complete
30代女性です。 今年か来年の半ばくらいまでにイギリスに長くて2週間ほど 一人で旅行したいと思ってます。 英語の勉強をしているので英語圏が良いなと思って イギリスを考えています。 ※アメリカは2週間ほど滞在したことがあります。 一人で行くならあまり都心や観光地にこだわらずに 小さくいけれど色んなお店も揃っているような町で ゆっくりと滞在して普通にスーパーに行ったり、 本屋に行ったり散歩をしたりしてその土地の雰囲気を楽しみたいです。 こんな私におすすめの滞在先を教えてください。 ちなみに、海外旅行にそれほど慣れていないので 安全なところが良いなと思っています。 また、イギリス以外でも女性一人でゆっくり滞在するのに おすすめの土地があれば教えてください。 あまり日本人が多すぎるハワイやグアムなどは避けたいと思っています。
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
先日、Responsive Grid Systemの仕様変更について記事を書かせて頂きましたが、あの反応としてやっぱりいくつかコメントもらったのが、逆に分かりにくくなったという物。 まぁ、従来の作り方とは大分変わったので、グリッドシステムとして僕の中で大事な要素の一つである『周りとの共有しやすさ』という面ではちょっと難ありかなと思うのが正直な所。一度慣れてしまえばこんな効率の良い作り方も中々無いかなと思う反面、やはり直ぐに順応するのは微妙に難しいかなとも思うわけです。 そんな経緯もあって、先日から今まで以上に他のグリッドシステムも目を通すようにしていて、今は個人ベースのプロジェクトとか小規模な物であればResponsive Grid Systemで良い物の、他の選択肢も一応用意しといた方がいいかなと思っている今日このごろです。 というわけで、今日はそんな感じでこれまでいくつか目を通して来た
Dribbble - Socialtograms by Steffen Nrgaard Andersen ソーシャルサイトのピクトグラムアイコン112個セット。 イラストレータ形式(ai)で入手できて使い勝手が良さそう。変に加工されておらず、公式と同じデザインになっているので、わかりづらくなることもないでしょう。 mixiのアイコンも入ってます(^^) 関連エントリ 手書き風だけどリアルなソーシャルメディアアイコンセット15 シンプルデザインが使いやすそうなソーシャルカウンター「SocialCount」 ソーシャルサイトへのシェアボタンのデザインを統一させられるjQueryプラグイン「Koottam」 Meteorで構築されたReddit風のソーシャルニュースサイト作成OSS「Telescope」
TOEICでも目標だった900点を超えることができ、仕事でも英語を使えるようになったので、今までの勉強法をまとめておこうと思います。英語勉強法のブログなどを見ていて気になるのが、実際どのように英語力が向上していったのか?というところです。なので、自分のTOEICの点数の変遷をグラフ化してみました。 2005年3月〜2011年1月 大学卒業後はほとんど英語に触れていなかったので点数が落ちてしまいました。。やはり継続しないとだめですね。 その後2010年に3ヶ月半ニューヨークに語学留学して、935点まで上がりました。(Reading 440、Listening 495)。それからはTOEICは受けてないのですが、仕事で英語を使う機会がけっこうあり、英語力は維持できているのではないかと思います。(最近では英語での対談を聞いて日本語の記事にしたり…これは結構たいへんでした) 以下、勉強法は「聞く」
Cool Kitten: A parallax scrolling responsive framework レスポンシブなパララックス効果付きサイトを作るフレームワーク「CoolKitten」 レスポンシブなフレームワークは多くありますが、更にパララックスなサイトを作る機能も盛り込まれたフレームワーク。 パララックスなサイト作ってみたいけど、スマホでも動かすの面倒、といった場合に使えそうです。 幅を広げた状態。普通にパララックスがかかります 幅を狭めても、レスポンシブでパララックス効果が得られます 関連エントリ パララックス効果を作るスクリプトやプラグインのまとめ レスポンシブなナビゲーションの見本やチュートリアル 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」 これは新しい円形のスライダーが実装できる「Tiny Circles
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを使って)事を任せてもらっています。 なぜ、JavaScript(JS)がいいのか?なぜ勉強するのか? まずは、なぜJSをお薦めするのかを説明します。 ①ネイティブアプリがつくれちゃう。 ネイティブアプリとは、iPhoneアプリとか、Androidアプリのことです。 これまでは、iPhoneなら、Objective-Cという言語を、 AndroidならJava(JSとは別物)という言語
国民年金の中に「お宝年金」発見!付加年金制度(2ページ目)国は国民年金納付者に向けて、有利な特典制度を用意しています。それが「付加年金」という年金制度です。対象者が限定され、受け取れる金額も少ないのが残念ですが、すごいパワーの持ち主、まさに「お宝年金」です。このパワーを利用しなきゃ損! この付加年金のもう一つの魅力は「手軽さ」。市区町村役場の国民年金の窓口か年金事務所で、「付加保険料を払いたい」というだけで簡単にはじめられます。そして、保険料額が1カ月たった400円! しかもいつ始めて、いつ止めてもかまいません。 逆に欠点があるとすると、それは額が少ないことでしょう。こんな魅力的な商品なら「もっとたくさん掛けたい!」という方も多いでしょうが、こんな有利な商品内容で、いくらでも掛けれるとしたら、国はすぐ破産してしまうでしょう。 国としても、未納が多い国民年金制度にちょっとした特典を用意して、
どうもこんばんは、僕です。 今まで何度かjQueryプラグインを紹介してきましたが、今日は番外編?と言った感じです。 一応今までのプラグインまとめ記事はこちらです。 ・ひと工夫でこんなことも!ユニークなjQueryプラグイン5つ集めてみました ・すっごい動くよ!テキストをアニメーションさせるjQueryプラグイン集めてみた ・今更ながらみんな大好き(?)「lightbox」プラグインを集めてみました ・jQueryを使ったスライド・ギャラリーのライブラリを7個集めてみた ・jquery-tubular http://code.google.com/p/jquery-tubular/ ページの背景にYouTubeの動画を指定することができます。 背景を考える幅が広がるのではないでしょうか。 ・jquery.snipe http://rayfranco.github.com/jquery.sn
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。
CSS3からDIV一個で出来る表現なんかも色々あるんですね。ちょっと前まで超面倒だったボックスのオシャンティーな線の装飾とかぼかしとかグラデになんやらかんやら。DIVボックス一つとっても色々な装飾効果をもたせられるなぁと思う今日この頃。 それこそ、ONE DIVのような一つのDIVで表現できるアイコンを作ってるサイトもあって、CSS3を突き詰めると色々知ることも出来て面白いなぁと思うわけです。 っていうわけで、ONE DIV程凝ったことはできませんが、今日はそんなDIV一個で使えそうなボックスの作り方をいくつかご紹介!擬似要素使ってちょっとちょめちょめしたら縫い付け効果のボックス出来たりと、以外と使えそうなものを選んだつもりなので、一度見てみてもらえると嬉しいです!ちなみに、IEチェックは9だけしてます。8とかはCSSPIE当たりで頑張ってなんとかする方向で…何か変なとこあったら直しますの
Web業界にいると、常に新しい情報や技術が生まれるため、 必要な知識の移り変わりが速いです。 そこで、最新技術に乗り遅れず、知識を吸収するためにも フォローしておくと便利なtwitterアカウントとWebサイトを紹介したいと思います。 ①Webクリエイターボックス Webクリエイターボックス Web制作のテクニックやコード集を記事にしてくれています。 分量もちょうど良く、さくさく読み進める事が出来ます。 twiterアカウントはこちら。 @webcreatorbox ②Webデザインレシピ Webデザインレシピ 美人デザイナー「のりさん」が運営するサイト。 CSSやらデザイン系のTipsを中心にWebデザインのテクニックをわかりやすく解説してくれてます。 個人的に非常に助かったのはこちらの記事。 CSSは分かるけど jQuery は苦手 … という人が jQuery
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
とても重要な事なので声を大にして言いますが、「予習・復習を行わずにマンツーマンの英会話レッスンを受けていても英語力はほとんど全く伸びません」。これは全ての語学学校・オンライン英会話を利用する人たちに必ず知っておいてほしいことです。この記事では英語学習における予習・復習の大切さを紹介しています。 サウスピークについての紹介はこちらの記事を御覧ください。>優れた英語学習法×素晴らしい英語参考書×徹底的に英語が学べる環境、全てを詰め込んだ語学学校を創ります。 http://togetter.com/li/454186 ※この記事の内容が「面白い!」と思って頂けた方は右下の☆からお気に入り登録、また「いいね!」をしていただけると嬉しいです。 続きを読む
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事?私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします!何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな!と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト! フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く