<pre wp-pre-tag-0=""></pre> nbsp;ls -al total 8 drwxr-xr-x 4 masa masa 136 7 26 09:44 . drwxr-xr-x+ 54 masa masa 1836 7 26 09:44 .. drwxr-xr-x 13 masa masa 442 7 26 09:44 .git -rw-r--r-- 1 masa masa 104 7 26 09:44 index.html
![続続・イラストでわかるgit入門の入門:checkoutをする](https://cdn-ak-scissors.b.st-hatena.com/image/square/fb82e018058b1db46e904d436ec4d1ed4e27d2c4/height=288;version=1;width=512/https%3A%2F%2Fblog.asial.co.jp%2Fwp-content%2Fuploads%2F2022%2F07%2Fdefault.png)
A interactive Git visualization tool to educate and challenge!
ツールチップのスクリプトやプラグインは、数多くリリースされています。 ここではjQueryを使用したツールチップをどのようなロジックで実装するかを解説したチュートリアルを紹介します。 Simple Tooltip w/ jQuery & CSS デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 1. マークアップ -HTML 2. スタイル -CSS 3. エフェクト -jQuery 4. スクリプトのロジック 5. 注意点 1. マークアップ -HTML マークアップをする際に気をつけることは可能な限りシンプルするのと同時に、さまざまなシナリオに対応できるよう柔軟にすることです。 メインとなるa要素にはツールチップを表示するために、class名「tip_trigger」を記述します。また、ツールチップのコンテンツを配置するspan要素には、class名「tip」を記述
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations. In today’s tutorial we’ll experiment with hover effects on circles. Since we have the border radius property, we can create circular shapes and they have been appearing more often as design elements in websites. One use that I especially enjoy seeing is the circular thumbnail which
Photoshopを使ってスマートフォンアプリのUIをデザインするコツを学ぶ本連載。前回は、作例となる「お天気投稿アプリ」の主な要素を配置して、基本的な画面レイアウトを整えました。第3回では写真やアイコンを配置したり、質感を作り込んだりして、アプリのデザインを完成させます。 お天気投稿アプリのUIデザインチュートリアル ▼第2回 1.アプリの配色を考えよう 2.ドキュメントを新規作成する 3.基本的な要素をレイアウトする ▼第3回 4.レイヤー効果を使って質感のあるボタンを作る 5.Illustratorで作ったアイコンを配置する 6.写真を配置してデザインを調整する 7.SNS連携ボタンを配置する 4.レイヤー効果を使って質感のあるボタンを作る お天気アイコンのボタンを作ります。このアプリのキーとなる「お天気選択機能」を実行するためのボタンですので、ユーザーにアプリを印象づけるデザインに
今月初めに、「博多TECH塾」のConcrete 5勉強会に参加させてもらったので、復習を兼ねてConcrete 5のインストールや初期設定などをまとめてみました。 インストールを始める前に 先ずは、Concrete 5をインストールするローカル観葉やレンタルサーバーの準備。ローカル環境であれば、予めMAMPやXAMPPなどをセットアップします。Concrete 5用のデータベースを用意することも必要です。 続いて、Concrete 5の公式日本語サイトから、最新版 のzipファイルをダウンロードし、これを展開。FTPクライアントなどを使って展開したフォルダをドキュメントルートにアップロードします。 ここで、ブラウザからアップロードしたファイルにアクセスすれば、インストールが開始となります。 なお、さくらのレンタルサーバー(スタンダード)の場合は、php.iniファイルに、次のような記述を
An interactive Git visualization tool to educate and challenge!
Git は、元々 Linus Torvalds によって 2005 年に作られた、無料でオープンソースのバージョン管理システムです。他の SVN や CVS といった中央バージョン管理システムと違って、Git は分散型で、すべての開発者がローカル環境で彼らのコードのリポジトリの完全な履歴を持っています。これは、最初のリポジトリのクローン作成に時間がかかりますが、commit、blame、diff、merge、log といったこれに続く作業を劇的にスピードアップします。 Git は多くの革新的で強力なワークフローやツールにつながる、リポジトリ履歴のブランチ、マージ、および書き換えに非常に役立ちます。プル リクエストは、チームが Git ブランチでコラボレーションを行い、他のコードを効果的に見直すことができる、非常に人気のツールです。Git は現在世界で最も広く使用されているバージョン コント
こんにちは。SNS mixi の JavaScripter、kuniwak です。 新しい仲間たちが入社する季節になりましたね。 さて、ミクシィを支えるエンジニアが作成した JavaScript 研修の資料を Github にて公開しました。 ミクシィは 2013年から研修資料を公開していましたが、今年は JavaScript の進化に合わせて内容を刷新しています! 2015年度の JavaScript 研修は、Web アプリケーションの部品(モジュール)をつくれるようにすることを目標とした、実践的な研修として計画されました。 JavaScript 研修のために与えられた期間は2日ということもあり、MVC や Flux といった設計方面の話題には踏み込めていませんが、Promise、Fetch API、Bower など、現在・未来のフロントエンド開発に必須の要素を盛り込んだ最新のJavaS
Gitの学習は、中々難しいものです。 Gitの過剰なコマンドとその分散型の性質は、新規ユーザーを苦労させがちですが、その解決策として生まれたのがこのチュートリアルです。 Atlassianの Gitチュートリアルは、基礎的なGitコマンドを解説するだけでなく、各コマンドを既存のSVNワークフローと関連づける事で、Gitリビジョン管理への分かりやすい入門編の役割を果たします。 1. Gitの基本 Gitを一度も利用した経験が無い人は、ここから始めましょう。Git Basicsチュートリアルは、Gitインスタレーションの構成、新規リポジトリの設定、そしてプロジェクトへのリビジョンを記録するための基礎的なGitワークフローの利用方法を解説します。 Learn more» 2. 変更点のやり直し 過去のリビジョンをリストアできなければ、ソフトウェアプロジェクトの履歴を記録できても意味がありません。
この記事は Sublime Text Advent Calendar 2014 – Adventar 24日目の記事です。 今回は僕が普段 Sublime Text を使って WordPress のテーマを作るときの流れをざっくりと。 Twenty Fifteen などを親テーマにしたり、_s というスターターキットなどを利用する方法もありますが、そういったものを使わずにテーマを作ることがほとんどです。 また、先に HTML を作成してからテーマ化という方法も取っていません。 テーマ作成の準備 XAMPP や MAMP など、ローカルで WordPress が動かせる環境で開発をしていきます。 まずは WordPress をインストールから。 公式サイトから最新版をダウンロードしておくという方法でもいいですが、よりおすすめなのは Nettuts+ Fetch です。 これを利用すると、事前
CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を3つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って
Vagrant 1.5がリリースされたと思ったら、Vagrant Cloudなんてのが登場してますね! で、Vagrant Cloudの中にVagrant Shareってのがあるんだけど、試してみたらとんでもなかったので、早速やり方をシェアするよ! Vagrant Cloudにユーザ登録 Vagrant Cloudのページにアクセスして、まずはユーザ登録しよう。 迷うことはないと思うけど、「JOIN VAGRANT CLOUD」ってボタンをクリックすれば登録ページに飛べる。 次に、ユーザ名、メールアドレス、パスワードを入力したらユーザ登録は完了だ。 Vagrant1.5のインストール Macの場合は普通にダウンロードページからdmgファイルを落として、ダブルクリックでインストール。 念のため、確認。 $ vagrant -v Vagrant 1.5.0 Vagrantfile作成&仮想マシ
ボタンのフォントとカラーをセットし、下線を消します。 .buttonText { font: 18px/1.5 Helvetica, Arial, sans-serif; color: #fff; } a { color: #fff; text-decoration: none; } [ad#ad-2] 実装:アニメーションでボタンのサイズを変更 ボタンのサイズをアニメーションで変更します。 デモページ: demo 1 CSS:Basic ボタンに「display:block;」でブロック要素にし、ボタンの基本となるスタイルをセットします。 #button1 { background: #6292c2; border: 2px solid #eee; height: 28px; width: 115px; margin: 50px 0 0 50px; padding: 0 0 0 7px;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く