実装は超簡単！デザインがかわいく、アニメーションもかわいいCSSで実装された軽量スピナー
スピナーの実装 実装は、簡単です。 「弾むボール」を例に、説明します。 Step 1: 外部ファイル 各スピナーに用意されているCSSファイルを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="http://css-spinners.com/css/spinner/ball.css" type="text/css"> </head> CSSは個別用と全部用があり、全部用は「spinners.css」です。 <head> ... <link rel="stylesheet" href="http://css-spinners.com/css/spinners.css" type="text/css"> </head> Step 2: HTML あとは、各スピナーに用意されているHTMLをコピペするだけ。 他のスピナーもclassを
無料アイコンを探す時に必ずチェックしたいダウンロードサイトのまとめ
Webページやプレゼンの資料やお店のフライヤーなど、法人でも個人でもWebサイト・ブログ・映像・アプリ・ゲーム・紙で無料利用できるフリーのアイコン素材を紹介します。 WebページにはアイコンフォントやSVGアイコン、紙にはPNGアイコン、デザインもベーシックなものからちょっと変わった面白いものまで、見ているだけで楽しめるアイコンばかりです。 Fontello Font Awesome, Entypo, Typicons, Iconicなど、メジャーサイトのアイコンを自由に組み合わせて、自分用のアイコンセットを作成してダウンロードできます。 Webサイトで使うベーシックでシンプルなものなら、ここだけで足りるでしょう。 ライセンスは各アイコンごとに異なりますが、SIL, BSD, MITのオープンソースのものが主です。
朝の習慣が才能を開花させる！朝活をする上で意識すべき3つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。NYを拠点に活動するクリエイター集団「NY City Index」CEOのMaksimです。 朝活は日本でも数年前から流行していますが、実際にトライしても三日坊主になって辞めてしまったという人も多いのではないでしょうか？ 私の友達で朝活を辞めてしまった人に理由を聞くと、「朝活が人生を大きく変えるとは思えないから辞めた」と答える人が多かったです。 しかし、ライフネット生命による年収と朝活の関係についてのアンケートでは、年収が高い層ほど朝活派であるという結果が出ました。 参考：ビジネスパーソンの朝活に関する調査 http://www.lifenet-seimei.co.jp/newsrelease/2011/3081.html そんなデータもあり、年々世の中の関心が高まる朝活。そこで今回は朝活をする上で意識すべき3つのポイントと、私が実際に朝活をしてみて人生が変わった話を紹介します
【図解】写真を魅力的に見せる12の構図！魅力的な写真の特徴も紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「撮影」を本格的に学びたい方へ 撮影の基本知識を身につけたい、映像クリエイターを目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ 魅力的な写真とは カメラを構えているとき、ファインダーを覗いて撮りたい画を決める瞬間があります。その瞬間の「撮影範囲」、あるいは「撮影した後にトリミングしようと思っている範囲」を決めることをフレーミングといいます。 写真が魅力的になるかどうかは、このフレーミングにかかっています。 ヨコに撮るかタテに撮るか？ アングルは上からか下からか？ など、カメラマンが自分のセンスで、被写体および背景をどのように写真に収めるのか決めていきます。 このフレーミングを行う際に、注意すべき点が1つあ
スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu
itti-c.com
itti-c.com 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
MacBookを挿せるドック、Henge Docksがかなり便利 - 悪あがきプログラマー
MacBook Pro Retina 15inchをメインマシンとして使っているのですが、自宅環境ではこれらのものを接続しているため抜き差しがかなり面倒でした。 電源 ディスプレイ マウスのUSBレシーバー スピーカー 置き場所の都合上、端子がデスクの奥側というのもあってかなりストレス。 そこで一発で挿せるドック的なものを探してみました。いくつかあった中でデザイン的にもいけてるHenge Docksというものを買ってみました。 Vertical Docking Station for the MacBook Pro with Retina Display | Henge Docks beforeを撮り忘れたのですが、設置するとこんな感じになります。 思ったよりも高さがあります。ドックの下部にケーブルがあるのでこれはしょうがないですね。 トップの写真の様にデスクの右側に設置するとMacのリン
プログラミングとかウェブでよく出てくる小難しい英単語30選 - Dance with Tech
よくプログラマー（エンジニア）は、 数学が得意な人じゃないと出来ないとか言われたりしますが、 個人的には数学というより、 英語が出来る（好きな）人の方が有利だと思っています。 だってプログラミングってコメント以外英語ですし。 「なでしこ」とかはありますけどｗ 僕は学生時代、どちらかと言うと数学が苦手なタイプでしたが、 英語はわりと出来る方でした（というか好きだった）。 もちろん、数学も出来た方が有利に決まっていますが、 普通にご飯を食べていく分にはそんなに必要無いと思います。 ということで、 英語の意味を理解すると、仕事が更に捗るんじゃないかと思いまして、 プログラミングとかウェブで出てくるけど、 ちょっと意味が分かりづらい英単語30個をまとめてみました！ プログラミングで出てくる英単語30選 英単語読み方意味 allocate アロケート 割り当てる attr（attribute） アト
6-cases-of-unwanted-spaces-in-page-layout-by-demosthenes.html#h202
Mind The Gap: Six Causes of Unwanted Spaces In Page Layouts 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 デフォルトのスタイルが原因となる隙間 ボックスモデルが原因となる隙間 ブロック要素内のインライン要素にできる隙間 inline-blockが保持している隙間 DreamWeaverなどWYSIWYGエディタでできてしまう隙間 マージンとマージンの相殺が原因となる隙間 デフォルトのスタイルが原因となる隙間 HTMLを作成する際、スタイルシート無しでも読みやすいようにすることをWeb制作者は忘れがちです。これはすべての要素にブラウザがもつデフォルトのスタイルを上書きして、サイト用のスタイルを適用することを意味します。 ブラウザがもつデフォルトのスタイルとは例えば、パラグラフ
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
Youtubeの動画を背景に
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ
レスポンシブの確認が快適に！ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス
Mongolia Bike Challenge
Photoshopでイラストやお絵描きする時にダウンロードしておきたい、無料で使えるPhotoshopのブラシ素材のまとめ
フライパンでできる！フランス菓子「タルトタタン」の超カンタンレシピ│タウンワークマガジン
http://www.h2.dion.ne.jp/~syuchan/syu_technique.html
スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr
Loading...
