いずれもメニューを実装する際に便利なプラグインやチュートリアルで、もちろんPCサイトでも問題なく使えますが、レスポンシブwebデザインやスマートフォンサイトといったサイトを制作する際には特に便利なものです。 サイドからスライドしてくるものやウィンドウサイズが狭まるとセレクタやアコーディオンに変化するものなど、見せ方も様々なタイプがあります。 ずらっと並んではいますが大まかに同じような動きをするものはなるべく固めているので、気になる動きがあればその前後もチェックしてみてください。
![プラグインやチュートリアル 25](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4c895b0f2251b07c50b2ad3621d3eaafb4e58c4/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fresponsive-and-smartphone-menu-plugins-and-tutorials.png)
2013年6月に行われたデベロッパー向けイベント「WWDC 2013」での開発発表以降、長い間発売が待たれてきた新型「Mac Pro」。10年ぶりに刷新された本体デザインや時代を先取りしたアーキテクチャーなど、数多くの特長を持つ同製品が、いよいよ国内で出荷開始される。今回、12コアのIntel Xeon E5プロセッサを搭載したApple Online Storeカスタマイズモデルを4K環境で試すことができたので、ベンチマーク結果などを交えながらその特長と実力を紹介していこう。 [製品名] Mac Pro(クアッドコア、デュアルGPUモデル) [CPU] Intel Xeon E5 (3.7GHz クアッドコア); [メモリ] 12GB [SSD] 256GB [グラフィックス] デュアルAMD FirePro D300 [ディスプレイ] なし [サイズ/重量] 約167(φ)×251(H
「四次元ポケットPROJECT」はこのほど、ドラえもんの「ひみつ道具」を現実化するプロジェクトの第1弾として「セルフ将棋」を開発・発表した。 謎の機能「トイレットペーパー掛け」も再現 同プロジェクトは、富士ゼロックスのITソリューションを活用したコミュニケーション環境の構築支援を通して、複数の企業が連携し、ドラえもんの「ひみつ道具」作りに挑戦するというもの。「セルフ将棋」の開発には、TASKO(機構・デザイン制作)、エアーコード(プログラム開発・制御)、島田工作所(筐体制作)、堀越精機(精密機器制作)、中島清吉商店(将棋駒制作)、spfdesign inc(インターフェイスデザイン)の6社が参画した。 「セルフ将棋」は、ドラえもん最新ひみつ道具大事典(小学館)を出典とするひみつ道具。強さを調整できるコンピュータ付きで、一人で将棋を指せる。画像認証用の大きな目玉は、駒が多少ずれて置かれても、
(Last Updated On: 2021年3月25日) PHP 5.6からタイミング攻撃に対する対策が導入されます。メジャーなアプリケーションはタイミング攻撃対策が導入されていますが、PHP 5.6から簡単に対策できるようになります。 タイミングセーフな文字列比較関数はhash_equalsとして実装されました。 http://php.net/manual/es/function.hash-equals.php タイミング攻撃とは タイミング攻撃とは、コンピュータが動作する時間の違いを測って攻撃する、サイドチャネル攻撃(副作用攻撃)と呼ばれる攻撃手法の1つです。HTTPSの圧縮の副作用を利用したサイドチャネル攻撃が有名です。 コンピュータの動作時間、温度、音、電子ノイズ、電力使用量など、アルゴリズム自体の脆弱性を攻撃するのではなく副産物を利用する攻撃方法でサイドチャネル攻撃の一種です。
これで、準備は完了です。では、iPadをセカンドモニターとして使ってみます。 まず、iPadのAirDisplayを起動します。次に、MacのメニューバーにあるAirDisplayのアイコンをクリックして、リスト中のiPadにカーソルを移動して、接続をクリックします。接続に成功すると、iPad側にMacの画面が表示されます。これで、iPadがセカンドモニターになります。 ディスプレイの配置は、[システム環境設定]の[ディスプレイ]にある[配置]タブで設定できるので、iPadの設置場所に合わせて調整します。 ご紹介したのは、手順はMac用ですが、AirDisplayはWindowsでも使えます。 iPadはモニターと同じように使えるのか? iPadでAirDisplayを使う場合、1024x768ピクセルの解像度を持つディスプレイとして機能します。 1000円の追加投資でモニターが増えるので
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。Ameba事業本部の杉本と申します。 業務では「天下統一クロニクル」というチームでフロントエンドのディベロッパをしています。 今回は、「node-webkit」という一風変わったアプリケーションを紹介させていただきます。 私達は普段、gruntといったnode.js製のツールを使ってJavaScriptの結合や圧縮、画像の減色といった処理を自動化していますが、node-webkitはこれらnodeのモジュールを使ってGUIアプリケーションを作れるツールです。nodeの資産をそのまま利用できるので、私のようなディベロッパには嬉しいですね。
もっと前に出ていた本だろうと思った。1980年代の本だろうなと。違った。1997年の本だった。舛添さんがこれを執筆していたのは1996年。48歳のころ。ああ、それでも今の僕より若いのか。 彼がメディアでばりばりと活躍して、今に残る罵言を吐いていたのもそのころ。東大の先生をしていたころ。まだ30代だったわけだ。栗本慎一郎さんもまだ40代だった、あの頃。 舛添さんが東大をやめたのが1989年。桝添政治経済研究所を設立。この話はこの本の「はじめに」に書いてある。 そのまま勤めていれば、国家公務員として給料は保証され、生活は安泰。ましてや、東大の駒場と言えば内容はともかくとして、入学試験の難易度だけからみても全国一の難関としてしられる大学。 やめたのは、本人談によると、大学への失望だったらしい。 だが、それゆえにこそ、大学改革の必要性を強く感じたのだ。「日本の大学はこのままではいけない」と思った。
こんにちは。ブリ大根です。 筋トレ・勉強・読書…毎日続けたいことはありますか? 毎日の達成度をグラフで確認できるアプリ、Life Graphyが、そんなあなたをサポートしてくれます。 グラフで分かるってこういうことか! 毎日続けたいタスクを登録します。ポップで可愛いデザインです。 タスクを完了したらアイコンをタップします。すると、中央の円グラフが塗りつぶされていきます。これが記録完了。とても簡単なんですよ。 カレンダーには、1日ごとに円グラフが表示されています。 これを続けて記録すると… このように、その日の達成度を円グラフでチェックできます。これは分かりやすい! 全部塗りつぶされると、気持ちがいいんだろうなあ。頑張ろう!! 毎日使うのに最適のアプリです。 タスクを達成したらグラフを塗りつぶすだけ。使い方がシンプルで分かりやすいから、毎日使うのにストレスがありません。ポップで可愛らしいデザ
本日のピックアップ iPhoneカメラの「ある機能」を使うと写真が3倍上手くなる! – たのしいiPhone! AppBank iPhoneがフリーズした! 画面が真っ暗になって動かない!! → そんな時はこの対処法を試してみよう – アップス!-iPhoneの無料アプリ情報やニュースを配信中 どうなる横浜駅大改造、西口はJRに一本化|日経BP社 ケンプラッツ 告知、プレゼントなど 一緒に働いてくれる仲間を募集します【AppBank Store】 – たのしいiPhone! AppBank 大好評につき「ほぼ全品10%オフ」「無料フィルムゲット」!1/31まで延長します! 延長します! AppBankの採用情報 採用情報! 【AppBank Store】アフィリエイトプログラムを開始。みなさま、ご参加よろしくお願いいたします! – たのしいiPhone! AppBank iPhone 関連
「【毎日更新】最も使われている無料アプリランキング50」を騒がせているアプリを25個、選びました! 「最も使われている無料アプリランキング」は、App Storeとは違い、ダウンロード数ではなく、日々アプリが使われているかどうかを基にしたAppBank独自のランキングです。 前回に続いて選ばれているスゴイアプリもあります(前回 → 最も使われている無料アプリから選ぶ、ベストアプリ25個【下半期】) 今回紹介する25個のアプリは、どれも長く使い続けることができるアプリばかりです。それではさっそくどうぞ! みんなの牧場 AppBank Gamesがリリースするゲームアプリ第3弾! 牛を放牧して育てて収穫。お肉を売って日本全国にお店を増やしていく放置ゲーム。 日本全国にお店ができたら広大なアメリカ大陸に挑戦してよりたくさんの人にお肉を売ろう! レビュー記事はこちら→みんなの牧場: レッツ・ドナド
ティザーサイトやプロダクトページ、ポートフォリオ、企業サイトなどにも多く採用されているスクロールを前提とした縦長のページにさまざまなインタラクションを加えることができるjQueryのプラグインを紹介します。 Scroll Storyの名の通り、スクロールするごとにさまざまなストーリーを与えることができます。 ScrollStory -GitHub ScrollStoryの特長 ScrollStoryのデモ ScrollStoryの使い方 ScrollStoryの特長 ScrollStoryは、スクロールベースのページとインタラクションをシンプルな実装で作成できます。 スタイルにとらわれない、自由なスクロールベースのページを作成可能。 既存コンテンツの流用だけでなく、新たにオブジェクトを配列で生成することにも対応。 jQuery UIの16種類のイベント・コールバックが利用できます。 アクテ
ページ下部にもたくさんのアニメーションが! アニメーションはAnimate.cssを使用しているので、さまざまなものが利用できます。 どのようなアニメーションががあるのか、実装方法など、当ブログで以前紹介した記事をご覧ください。 classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css WOW.jsはデモ以外にも、他のサイトで実際に使用されているさまざまな例があります。 どのサイトもアニメーションが楽しく、とても印象的です。 Stream Line Icons WOW.jsのつかいかた Step 1: 外部ファイル 当スクリプトを</body>の上、Animate.cssをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/libs/animate.css"> </
装飾をシンプルに抑えたフラットデザインは、GoogleやiOS 7、Windows 8のデザインなどで注目度が高まっている。「Flatro」は1,000個以上のアイコンと壁紙により、スマホのホーム画面をフラットデザインに仕立ててくれるアプリだ。 女性にもおすすめのデザイン、半額セール中 スマホのホーム画面をカスタマイズする際、外観イメージの大部分を決定付けるのはアイコンや壁紙のデザインだろう。 アイコンパックであるFlatroは、NovaやApex、ADW、Smart、Action、TSF、Goなど各種人気ホームアプリに対応し、各アプリのテーマ変更メニューから適用するだけで、ちょっとレトロでミニマルなホーム画面を簡単に実現する。 フラットデザインに適した壁紙も用意されており、これらを組み合わせることでアイコンも一層映える。壁紙が足りないと感じても、別途追加することが可能。また、新しいアイコ
43081j/pixelate.js 画像にモザイク処理をかけられるjQueryプラグイン「pixelate.js」 Photoshopでモザイク処理をいれなくても元画像にJSでモザイク処理をかけられます $('img#myimage').pixelate({ value: 0.5, reveal: false }); のような感じで初期化してあげればモザイク処理が可能 デモページ 関連エントリ 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」 コンテナに画像をフィットさせられるjQueryプラグイン「imagefill.js」 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」 画像のdiffができるjQueryプラグイン「TwentyTwenty」
에버노트에 뭐가 새로워요?에버노트에서 무슨 일이 일어나고 있는지 궁금하신가요? 아래의 기사들을 확인하여 우리가 작업 중인 흥미로운 것들을 모두 볼 수 있습니다. 새로운 소식레거시 버전 Evernote 앱 사용 중지2024년 3월 26일, 저희는 레거시 버전 Evernote 앱에 작별을 고합니다. v10 이전의 Evernote 경험을 단일화하면 보안 수준을 크게 높이고 더 빠른 개발을 위해 더 많은 자원을 투입할 수 있습니다. 더 읽기 14가지 주요 기능이 이제 모든 사용자에게 제공됩니다이 중요한 Evernote 기능들은 검색, 첨부 관리, 노트 액세스 등 핵심적인 제품 성능을 높여줍니다. 이제 누구나 그 기능을 사용해 Evernote의 잠재성을 최대한 활용할 수 있습니다.
iOS用のアプリは通常、開発アカウントを取得し、Macを使って開発します。 開発アカウントを取得するほどではないが、iOSデバイス上で何かやりたい処理がある、という人はいるでしょう。 あるいは、プログラム好きな人なら率先してiOSデバイス上でプログラミングをしたいと思うのではないでしょうか。 そうしたニーズに存分にこたえることができる、iOSデバイス上で動作する統合開発環境がPythonista 3です。 2016年9月21日に開催されたPyCon JP 2016で @equal_001 さんがPythonistaについて発表されていたのでご紹介。 Python支持者のことをPythonistaといいますが、アプリ名はそこから取ったんでしょうね。 正真正銘のPythonが内蔵されていて、ローカルで動きます。 [参考] Kazuhiro AbeさんはTwitterを使っています: 「インタプ
iOSアプリを今までに作ったことがない人、プログラミング経験が無い人でもiOSアプリの制作に必要となる知識やノウハウをゆっくり自分のペースで学べ、アプリ制作の最短ルートをすすむことができるオススメの本を紹介します。 「作る楽しさ」が分かる一冊です。
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト! KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く