今ならまだ間に合う! CSSのposition要素の新刺客 position: sticky; を使おう! 2023.07.24
ページ背景をフルスクリーンのスライドショーにするjQueryプラグインを作ってみた。(CSS3のアニメーション機能のみで実現) デモページ ダウンロード↓ こんばんは、デザイナーのOです。 まずはデモをどうぞლ(╹◡╹ლ)。 先日、「ページ背景に画像をフルスクリーンで表示させてスライドショーを流す」という案件がありました。 これの実装ですが、まっさきに考えたのはやはりjQueryプラグインでした。 この手のプラグインなら探せばそこら中にごろごろ転がってるし、あまり新鮮味が感じられないというか・・ ところが、いつものようにプラグインあさりしてたら、こんな面白い記事が目に留まった! Fullscreen background image slideshow with CSS3 これ、CSS3のみでフルスクリーンのスライドショーを作るという試みですな!僕的には結構面白くて、特に三番目のデモ、背景
macにSublimeText3でsassの環境構築手順 macのバージョンは10.10.2 scssと一緒にcompassも導入! まずは、 ターミナルを使ってゴニョゴニョ・・・ 1.gemをアップデート sudo gem update --system *Password入力時に内容は表示されないけど大丈夫 2.次に、Sass本体をインストール sudo gem install sass 3.最後にCompassをインストール sudo gem install compass 一応インストールの再確認 sass -v compass -v SublimeText3でもろもろをインストール SublimeTextを開いて「command + shift + P」でPackage Controlを起動 Sass SCSS SCSS Snippets Compass *Compassでコンパ
YouTube 埋め込みプレーヤーとプレーヤーのパラメータ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 概要 このガイドでは、アプリケーションに YouTube プレーヤーを埋め込む方法と、YouTube 埋め込みプレーヤーで使用できるパラメータの定義を紹介します。 IFrame URL にパラメータを追加すると、アプリケーション内での再生方法をカスタマイズできます。たとえば autoplay パラメータによる動画の自動再生や、loop パラメータによる動画の繰り返し再生が可能です。enablejsapi パラメータを使用して、プレーヤーを IFrame Player API によって制御することもできます。 このページには、任意の YouTube 埋め込みプレーヤーでサポートされるすべてのパラメータが定義されています。パラメータをサポートするプレーヤ
Thunderbird の魅力のひとつは、アドオンが豊富なことですよね。 数多くの無料アドオンから必要なものを追加して、Thunderbird をより使いやすく便利にカスタマイズできます。 しかし、いざアドオンを活用しようと思っても、どのアドオンを入れればいいか分からずに迷っていませんか? そこで、本記事では、膨大な数のアドオンの中から本当に使えるものだけを厳選してご紹介します。 定番の必須アドオンから、個人的におすすめのものまで幅広くご紹介します。※アドオンのインストール方法は、別記事の「Thunderbirdのアドオンのインストール方法」で詳しく説明しているので参考にしてください。 Quicktext Quicktext 「いつもお世話になっております」「株式会社××の○○です」などの定型文を事前に登録して、使いたい時にすぐに呼び出せるアドオンです。 それぞれの定型文にショートカットキ
魔法使いのようにPhotoshopを操作したいあなた!! 必見です! Photoshopで効率的に作業する為のショートカットをご紹介します。 Photoshopで簡単に文字サイズの変更などよく使う操作をもっと簡単に! これさえ覚えてしまえば、作業が相当捗ります。 *WindowsでPhotoshopをお使いの方は、「command」を「Ctrl」に置き換えていただければ動くと思われます。
テーマとカラースキーマのインストール方法 最初はPackage Controlのインストール方法とかテーマとカラースキーマの変更方法とかも自分で書こうかと思ったのですが、既に素晴らしい方々がまとめられておりますので、ここは本投稿では割愛します(/・ω・)/ 前提知識はここを読んで! まずはこの2つの記事を読んでお好みのテーマをインストールしてください。私はカワイイ色合いが素敵な「ITG.FLAT」にしました。 カラースキーマファイルの場所を探す 上記のみんな大好きLIGさんのページを見て頂ければわかるかと思うのですが、各テーマには設定コードがありますね。その設定コードを「Preference -> Settings – User」に書くのですが、ここに書く”color_scheme”のパスにカラースキーマファイルはあります。 ここのパスなんですが、環境やインストール方法によって変わるようで
For the full experience using this website, it is best viewed using the following software on the following devices: Windows : Internet Explorer 11 or later, Google Chrome 45.0 or later, Mozilla Firefox 40.0 or later. MAC : Safari 8.0.5 or later, Google Chrome 45.0 or later, Mozilla Firefox 40.0 or later. iOS : The standard browser on iOS 7 or later. Android : The standard browser on Android 4.1 J
こんにちは、うららです。 Twitter、楽しいですよね! 取り留めもないことをつぶやいたり、自分がたまにつぶやくとてもおもしろいジョークにもなんの反応もなく、世間の厳しさを簡単に体験できたりと、とても充実しています! プロフィール写真も自分の可愛い写真を設定したり、友達に見つけてもらえるように紹介文にも特徴を詳しく書いたりと……。 LIGのサイトへ訪れてくれる方の中でも、そういったTwitterライフを満喫している人、多いのではないでしょうか? 今回はTwitterやFacebook、そしてLINEやInstagramにもオススメのアイコン作成サイト6選をまとめてみました! すべて無料です! Webデザイナーを目指しませんか? クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ
(2016/05/23 追記) 記事内で取り扱っている技術で、はてぶコメント等で質問の多かった「webpack」についての解説記事を書きました。 最新版で学ぶwebpack入門 – JS開発のモジュールバンドラ - ICS MEDIA Web技術はよく技術の進化が早いと言われます。多くの技術が現れては消える中で、どの技術を学ぶべきかを選択するのは重要です。選択するポイントの1つに「技術の将来性・人気があるかどうか?」があります。今回は基本的なフロントエンド技術である「CSSコーディング」「JavaScriptプログラミング」「タスクランナーとビルドツール」の3つについて、それぞれの人気をGoogleトレンドで調べてみました。 CSSコーディングの流行り CSSは、SassやLESSに代表される「CSSプリプロセッサー」を使ってプログラミングすることで、品質と効率を大きく向上させることが可能
ムームードメインで独自ドメインを取得 取得した独自ドメインをレンタルサーバー「ヘテムル」に設定 ヘテムルで独自ドメインのメールアドレスを作成し(例えば info@sample.com)、 そのアドレスをMacで使えるメールソフト「Thunderbird」で送受信できるようにしたので、その記録。 Thunderbirdは無料。 IMAPで設定すれば、複数のデバイスでメールを使える。 IMAPとPOPの違い ヘテムルで独自ドメインのメールアドレスを作成 このヘテムルで、独自ドメインのメールアドレスを作成する手順。 ・ヘテムルのコントロールパネルの「ドメイン・メール設定画面へ」 ・ドメイン一覧が表示されるので、メールアドレスを作りたいドメインの「詳細を見る」 ・「メール機能を利用する」をクリックすると、一回画面がドメイン一覧に戻る。 ・もう一度該当のドメインを選択すると、「メールアドレス設定」と
Thunderbird は、高機能で人気の無料メールソフトです。 Gmail や Yahoo! メールのアカウントもそのまま使えて、Outlook などの他のメールソフトからもスムーズに移行できるため、メールソフトの乗り換えの方も多いでしょう。 しかし、いざ使い始めると、Thunderbird にはどんな機能があるのか、どうやって使うのか分からない方も多いでしょう。 そこで、初心者向けに Thunderbird の使い方の総合マニュアルを作成しました。 これを見れば、使い始めるのに必要な「インストール」や「メールアカウント初期設定」から、「迷惑メールの設定」や「署名の設定」等の高度な使い方まで初心者でも使いこなせるようになっています。 是非参考にしてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く